diff options
| author |   Sawyer Bergeron <sbergeron@iol.unh.edu> | 2019-06-28 15:32:40 +0000 |
|---|---|---|
| committer |   Gerrit Code Review <gerrit@opnfv.org> | 2019-06-28 15:32:40 +0000 |
| commit | 8149a888fe6f7c1c3b1b3be2b3996c6d225d5a53 (patch) | |
| tree | 183eab6f3f1644e6f70e629861f0649c6834e180 /src/templates/dashboard/lab_list.html | |
| parent | 1293c6e1d23d8fe62ee6721ff9a107ca571d9244 (diff) | |
| parent | 7fec796ae500313ddbbbedf32d4f7581985d41d4 (diff) | |
Merge "Replace and change CSS"
Diffstat (limited to 'src/templates/dashboard/lab_list.html')
| -rw-r--r-- | src/templates/dashboard/lab_list.html | 40 |
1 files changed, 21 insertions, 19 deletions
diff --git a/src/templates/dashboard/lab_list.html b/src/templates/dashboard/lab_list.html index 9cde80c..2efebfc 100644 --- a/src/templates/dashboard/lab_list.html +++ b/src/templates/dashboard/lab_list.html @@ -1,26 +1,28 @@ {% extends "base.html" %} {% block content %} <h2>Labs</h2> -<div class="card_container"> +<div class="row"> {% for lab in labs %} - <div class="card"> - <div class="card-header"> - <h3 class="mt-2">{{lab.name}}</h3> - </div> - <div class="p-4"> - <ul class="list-group"> - <li class="list-group-item">name: {{lab.name}}</li> - <li class="list-group-item">description: {{lab.description}}</li> - <li class="list-group-item">location: {{lab.location}}</li> - {% if lab.status == 0 %} - <li class="list-group-item">status: Up</li> - {% elif lab.status == 100 %} - <li class="list-group-item">status: Down for Maintenance</li> - {% elif lab.status == 200 %} - <li class="list-group-item">status: Down</li> - {% endif %} - </ul> - <a class="btn btn-primary mt-4 w-100" href="/lab/{{lab.name}}/">Details</a> + <div class="p-2 col-12 col-md-6 col-lg-4 col-xl-3"> + <div class="card h-100"> + <div class="card-header"> + <h3 class="mt-2">{{lab.name}}</h3> + </div> + <div class="p-4"> + <ul class="list-group"> + <li class="list-group-item">name: {{lab.name}}</li> + <li class="list-group-item">description: {{lab.description}}</li> + <li class="list-group-item">location: {{lab.location}}</li> + {% if lab.status == 0 %} + <li class="list-group-item">status: Up</li> + {% elif lab.status == 100 %} + <li class="list-group-item">status: Down for Maintenance</li> + {% elif lab.status == 200 %} + <li class="list-group-item">status: Down</li> + {% endif %} + </ul> + <a class="btn btn-primary mt-4 w-100" href="/lab/{{lab.name}}/">Details</a> + </div> </div> </div> {% endfor %} |