src/templates/resource/hostprofile_detail.html

   1 {% extends "base.html" %}
   2 {% load staticfiles %}
   3
   4 {% block content %}
   5 <div class="row">
   6     <div class="col-lg-6">
   7         <div class="card mb-4">
   8             <div class="card-header d-flex">
   9                 <h4 style="display: inline;">Available at</h4>
  10                 <button data-toggle="collapse" data-target="#avilableAt" class="btn ml-auto btn-outline-secondary">Expand</button>
  11             </div>
  12             <div class="card-body collapse show" id="avilableAt">
  13                 <ul class="list-group">
  14                     {% for lab in hostprofile.labs.all %}
  15                         <li class="list-group-item">{{lab.name}}</li>
  16                     {% endfor %}
  17                 </ul>
  18             </div>
  19         </div>
  20         <div class="card mb-4">
  21             <div class="card-header d-flex">
  22                 <h4 style="display: inline;">RAM</h4>
  23                 <button data-toggle="collapse" data-target="#ramPanel" class="btn ml-auto btn-outline-secondary">Expand</button>
  24             </div>
  25             <div class="card-body collapse show" id="ramPanel">
  26                 {{hostprofile.ramprofile.first.amount}}G,
  27                 {{hostprofile.ramprofile.first.channels}} channels
  28             </div>
  29         </div>
  30         <div class="card mb-4">
  31             <div class="card-header d-flex">
  32                 <h4 style="display: inline;">CPU</h4>
  33                 <button data-toggle="collapse" data-target="#cpuPanel" class="btn ml-auto btn-outline-secondary">Expand</button>
  34             </div>
  35             <div class="card-body collapse show" id="cpuPanel">
  36                 <table class="table">
  37                     <tr>
  38                         <td>Arch:</td>
  39                         <td>{{hostprofile.cpuprofile.first.architecture}}</td>
  40                     </tr>
  41                     <tr>
  42                         <td>Cores:</td>
  43                         <td>{{hostprofile.cpuprofile.first.cores}}</td>
  44                     </tr>
  45                     <tr>
  46                         <td>Sockets:</td>
  47                         <td>{{hostprofile.cpuprofile.first.cpus}}</td>
  48                     </tr>
  49                 </table>
  50             </div>
  51         </div>
  52         <div class="card mb-4">
  53             <div class="card-header d-flex">
  54                 <h4 style="display: inline;">Disk</h4>
  55                 <button data-toggle="collapse" data-target="#diskPanel" class="btn ml-auto btn-outline-secondary">Expand</button>
  56             </div>
  57             <div class="card-body collapse show" id="diskPanel">
  58                 <table class="table">
  59                     <tr>
  60                         <td>Size:</td>
  61                         <td>{{hostprofile.storageprofile.first.size}} GiB</td>
  62                     </tr>
  63                     <tr>
  64                         <td>Type:</td>
  65                         <td>{{hostprofile.storageprofile.first.media_type}}</td>
  66                     </tr>
  67                     <tr>
  68                         <td>Mount Point:</td>
  69                         <td>{{hostprofile.storageprofile.first.name}}</td>
  70                     </tr>
  71                 </table>
  72             </div>
  73         </div>
  74     </div>
  75     <div class="col-lg-6">
  76         <div class="card">
  77             <div class="card-header d-flex">
  78                 <h4 style="display: inline;">Interfaces</h4>
  79                 <button data-toggle="collapse" data-target="#interfacePanel" class="btn ml-auto btn-outline-secondary">Expand</button>
  80             </div>
  81             <div class="card-body collapse show" id="interfacePanel">
  82                 <table class="table">
  83                     <thead>
  84                         <tr>
  85                             <th>Name</th>
  86                             <th>Speed</th>
  87                         </tr>
  88                     </thead>
  89                     <tbody>
  90                         {% for intprof in hostprofile.interfaceprofile.all %}
  91                         <tr>
  92                             <td>{{intprof.name}}</td>
  93                             <td>{{intprof.speed}}</td>
  94                         </tr>
  95                         {% endfor %}
  96                     </tbody>
  97                 </table>
  98             </div>
  99         </div>
 100     </div>
 101 </div>
 102 {% endblock content %}