aboutsummaryrefslogtreecommitdiffstats
path: root/src/templates/dashboard/lab_detail.html
diff options
context:
space:
mode:
authorJeremy Plsek <jeremyplsek@gmail.com>2019-12-19 12:58:33 -0500
committerJeremy Plsek <jeremyplsek@gmail.com>2019-12-19 12:58:33 -0500
commit30a535d7e9bdc0e3cf637207c0c100a16db81586 (patch)
tree2a7c3a968d95c29a661620095d889f6484169fec /src/templates/dashboard/lab_detail.html
parentedf4d6729b94258f8b404684703984b724c45c8f (diff)
style: make more consistent styles
- Fix indentation in places - User settings have better labels - Lab info title now the same as others - Add "empty" sections to be more helpful to the user. They are not using links, since most of the "workflow" is handled by javascript. - Update padding in places to better line up with other elements - Add padding to bootstrap notifications (add check for messages to not just have random padding on the top of the page) - Remove unnecessary text in a form - Remove card-body from table-only or list-only cards (lists and tables are now flush with cards) - Add bg-danger to not-working hosts - Replace True/False text shown to the user with Yes/No - Remove ":" from some headers - Vertical buttons are now in a button group - Add pre-wrap class to avoid pre from breaking box sizing on the booking detail page - Reduce table indent in pod card and add table overflow scrollbar Signed-off-by: Jeremy Plsek <jeremyplsek@gmail.com> Change-Id: If09dca2f2b7386c44eeeb817ef76e8f748e456da
Diffstat (limited to 'src/templates/dashboard/lab_detail.html')
-rw-r--r--src/templates/dashboard/lab_detail.html85
1 files changed, 40 insertions, 45 deletions
diff --git a/src/templates/dashboard/lab_detail.html b/src/templates/dashboard/lab_detail.html
index 3c41caf..a12c5da 100644
--- a/src/templates/dashboard/lab_detail.html
+++ b/src/templates/dashboard/lab_detail.html
@@ -9,14 +9,14 @@
{% block content %}
<div class="row">
<div class="col-lg-4">
- <div class="card my-2">
+ <div class="card mb-3">
<div class="card-header d-flex">
<h4>Lab Profile</h4>
<button class="btn btn-outline-secondary ml-auto" data-toggle="collapse" data-target="#panel_overview">Expand</button>
</div>
<div class="collapse show" id="panel_overview">
- <div class="card-body">
- <table class="table">
+ <div class="overflow-auto">
+ <table class="table m-0">
<tr>
<td>Lab Name: </td>
<td>{{lab.name}}</td>
@@ -58,14 +58,14 @@
</div>
</div>
</div>
- <div class="card my-2">
+ <div class="card my-3">
<div class="card-header d-flex">
<h4 class="d-inline-block">Host Profiles</h4>
<button data-toggle="collapse" data-target="#profile_panel" class="btn btn-outline-secondary ml-auto">Expand</button>
</div>
<div class="collapse show" id="profile_panel">
- <div class="card-body">
- <table class="table">
+ <div class="overflow-auto">
+ <table class="table m-0">
{% for profile in hostprofiles %}
<tr>
<td>{{profile.name}}</td>
@@ -78,35 +78,32 @@
</div>
</div>
-
- <div class="card my-2">
+ <div class="card my-3">
<div class="card-header d-flex">
<h4 class="d-inline">Networking Capabilities</h4>
<button data-toggle="collapse" data-target="#network_panel" class="btn btn-outline-secondary ml-auto">Expand</button>
</div>
<div class="collapse show" id="network_panel">
- <div class="card-body">
- <table class="table">
- <tr>
- <td>Block Size: (number of VLANs allowed per deployment)</td><td>{{lab.vlan_manager.block_size}}</td>
- </tr>
- <tr>
- <td>Overlapping Vlans Allowed (user can pick which VLANs they wish to use): </td>
- <td>{{lab.vlan_manager.allow_overlapping}}</td>
- </tr>
- </table>
- </div>
+ <table class="table m-0">
+ <tr>
+ <td>Block Size: (number of VLANs allowed per deployment)</td><td>{{lab.vlan_manager.block_size}}</td>
+ </tr>
+ <tr>
+ <td>Overlapping Vlans Allowed (user can pick which VLANs they wish to use): </td>
+ <td>{{lab.vlan_manager.allow_overlapping|yesno:"Yes,No"}}</td>
+ </tr>
+ </table>
</div>
</div>
- <div class="card my-2">
+ <div class="card my-3">
<div class="card-header d-flex">
<h4>Images</h4>
<button data-toggle="collapse" data-target="#image_panel" class="btn btn-outline-secondary ml-auto">Expand</button>
</div>
<div class="collapse show" id="image_panel">
- <div class="card-body">
- <table class="table">
+ <div class="overflow-auto">
+ <table class="table m-0">
<tr>
<th>Name</th>
<th>Owner</th>
@@ -128,37 +125,35 @@
</div>
<div class="col-lg-8">
- <div class="card my-2">
+ <div class="card mb-3">
<div class="card-header d-flex">
<h4>Lab Hosts</h4>
<button data-toggle="collapse" data-target="#lab_hosts_panel" class="btn btn-outline-secondary ml-auto">Expand</button>
</div>
<div class="collapse show" id="lab_hosts_panel">
- <div class="card-body">
- <table class="table">
+ <table class="table m-0">
+ <tr>
+ <th>Name</th>
+ <th>Profile</th>
+ <th>Booked</th>
+ <th>Working</th>
+ <th>Vendor</th>
+ </tr>
+ {% for host in lab.host_set.all %}
<tr>
- <th>Name</th>
- <th>Profile</th>
- <th>Booked</th>
- <th>Working</th>
- <th>Vendor</th>
+ <td>{{host.labid}}</td>
+ <td>{{host.profile}}</td>
+ <td>{{host.booked|yesno:"Yes,No"}}</td>
+ {% if host.working %}
+ <td class="bg-success text-white">Yes</td>
+ {% else %}
+ <td class="bg-danger text-white">No</td>
+ {% endif %}
+ <td>{{host.vendor}}</td>
</tr>
- {% for host in lab.host_set.all %}
- <tr>
- <td>{{host.labid}}</td>
- <td>{{host.profile}}</td>
- <td>{{host.booked}}</td>
- {% if host.working %}
- <td class="bg-success text-white">{{host.working}}</td>
- {% else %}
- <td>{{host.working}}</td>
- {% endif %}
- <td>{{host.vendor}}</td>
- </tr>
- {% endfor %}
- </table>
- </div>
+ {% endfor %}
+ </table>
</div>
</div>
</div>