diff options
| author |   Brandon Lo <lobrandon1217@gmail.com> | 2019-06-27 15:43:55 -0400 |
|---|---|---|
| committer | Brandon Lo <lobrandon1217@gmail.com> | 2019-06-28 15:28:24 +0000 |
| commit | 7fec796ae500313ddbbbedf32d4f7581985d41d4 (patch) | |
| tree | c7c40f8bfc0d0ff682249187b4d68bfdfa8c6493 /src/templates/dashboard/lab_list.html | |
| parent | e5e07b97e3d797a3a1f90fa33b7ccc41b6bacde3 (diff) | |
Replace and change CSS
Fix animation bugs
Fix layout issues
Replace custom CSS to bootstrap classes
Remove unused files
Change code to use es6 syntax
Add dropdown styles
Change-Id: Ie2ed31fa2e6763cf30d3b19e4bf9379019cbb0f5
Signed-off-by: Brandon Lo <lobrandon1217@gmail.com>
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 %} |