Skip to content

Commit

Permalink
More template updates (#20)
Browse files Browse the repository at this point in the history
* updating card height

* updating card height
  • Loading branch information
davidslusser authored Feb 19, 2024
1 parent 0061fb0 commit c040fc5
Show file tree
Hide file tree
Showing 3 changed files with 17 additions and 16 deletions.
1 change: 1 addition & 0 deletions docs/source/version_history.rst
Original file line number Diff line number Diff line change
Expand Up @@ -19,3 +19,4 @@ Version History
"0.0.9", "fixed stale process handling in host process view; updated modals"
"0.0.10", "updating template css"
"0.0.11", "updated unittest for process view; fix release tag"
"0.0.12", "updated card height"
Original file line number Diff line number Diff line change
Expand Up @@ -56,7 +56,7 @@
<!-- Cards center aligned -->
<div class="col">
<a href="{% url 'hostutils:host_cpu' %}">
<div class="card h-75 shadow hvr-grow d-flex">
<div class="card h-100 shadow hvr-grow d-flex">
<div class="card-body">
<div class="row mb-3 fw-bold">
<div class="col-3 h3 fw-bold text-primary"><i class="fa-solid fa-microchip fa-lg"></i></div>
Expand All @@ -73,7 +73,7 @@
</div>
<div class="col">
<a href="{% url 'hostutils:host_memory' %}">
<div class="card h-75 shadow hvr-grow d-flex">
<div class="card h-100 shadow hvr-grow d-flex">
<div class="card-body">
<div class="row mb-3">
<div class="col-3 h3 fw-bold text-primary"><i class="fa-solid fa-memory fa-lg"></i></div>
Expand All @@ -90,7 +90,7 @@
</div>
<div class="col">
<a href="{% url 'hostutils:host_disk' %}">
<div class="card h-75 shadow hvr-grow d-flex">
<div class="card h-100 shadow hvr-grow d-flex">
<div class="card-body">
<div class="row mb-3">
<div class="col-3 h3 fw-bold text-primary"><i class="fa-solid fa-hard-drive fa-lg"></i></div>
Expand All @@ -107,7 +107,7 @@
</div>
<div class="col">
<a href="{% url 'hostutils:host_process' %}">
<div class="card h-75 shadow hvr-grow d-flex">
<div class="card h-100 shadow hvr-grow d-flex">
<div class="card-body">
<div class="row mb-3">
<div class="col-3 h3 fw-bold text-primary"><i class="fa-solid fa-gears fa-lg"></i></div>
Expand All @@ -124,7 +124,7 @@
</div>
<div class="col">
<a href="{% url 'hostutils:host_network' %}">
<div class="card h-75 shadow hvr-grow d-flex">
<div class="card h-100 shadow hvr-grow d-flex">
<div class="card-body">
<div class="row mb-3">
<div class="col-3 h3 fw-bold text-primary"><i class="fa-solid fa-network-wired fa-lg"></i></div>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -21,63 +21,63 @@
<div class="container-fluid">
<div class="row justify-content-center text-center g-4">
<div class="col-6 col-md-3 col-xl">
<div class="card h-75 shadow">
<div class="card h-100 shadow">
<div class="card-body">
<div class="h3 fw-bold text-primary">{{ counters.bytes_sent|byte_size }}</div>
<div class="fw-bold text-secondary">Bytes Sent</div>
</div>
</div>
</div>
<div class="col-6 col-md-3 col-xl">
<div class="card h-75 shadow">
<div class="card h-100 shadow">
<div class="card-body">
<div class="h3 fw-bold text-primary">{{ counters.bytes_recv|byte_size }}</div>
<div class="fw-bold text-secondary">Bytes Received</div>
</div>
</div>
</div>
<div class="col-6 col-md-3 col-xl">
<div class="card h-75 shadow">
<div class="card h-100 shadow">
<div class="card-body">
<div class="h3 fw-bold text-primary">{{ counters.packets_sent|byte_size }}</div>
<div class="fw-bold text-secondary">Packets Sent</div>
</div>
</div>
</div>
<div class="col-6 col-md-3 col-xl">
<div class="card h-75 shadow">
<div class="card h-100 shadow">
<div class="card-body">
<div class="h3 fw-bold text-primary">{{ counters.packets_recv|byte_size }}</div>
<div class="fw-bold text-secondary">Packets Received</div>
</div>
</div>
</div>
<div class="col-6 col-md-3 col-xl">
<div class="card h-75 shadow">
<div class="card h-100 shadow">
<div class="card-body">
<div class="h3 fw-bold text-primary">{{ counters.errin }}</div>
<div class="fw-bold text-secondary">Errors In</div>
</div>
</div>
</div>
<div class="col-6 col-md-3 col-xl">
<div class="card h-75 shadow">
<div class="card h-100 shadow">
<div class="card-body">
<div class="h3 fw-bold text-primary">{{ counters.errout }}</div>
<div class="fw-bold text-secondary">Errors Out</div>
</div>
</div>
</div>
<div class="col-6 col-md-3 col-xl">
<div class="card h-75 shadow">
<div class="card h-100 shadow">
<div class="card-body">
<div class="h3 fw-bold text-primary">{{ counters.dropin }}</div>
<div class="fw-bold text-secondary">Drops In</div>
</div>
</div>
</div>
<div class="col-6 col-md-3 col-xl">
<div class="card h-75 shadow">
<div class="card h-100 shadow">
<div class="card-body">
<div class="h3 fw-bold text-primary">{{ counters.dropout }}</div>
<div class="fw-bold text-secondary">Drops Out</div>
Expand Down Expand Up @@ -127,16 +127,16 @@
<div class="row">
<div class="col small"><span class="fw-bold text-primary mx-1">laddr:</span><span class="text-secondary mx-1">{{ connection.laddr.ip }}</span></div>
<div class="col small"><span class="fw-bold text-primary mx-1">lport:</span><span class="text-secondary mx-1">{{ connection.laddr.port }}</span></div>
<div class="col small"><span class="fw-bold text-primary mx-1">family:</span><span class="text-secondary mx-1">{{ connection.family.name }}</span></div>
<div class="col small"><span class="fw-bold text-primary mx-1">fd:</span><span class="text-secondary mx-1">{{ connection.fd }}</span></div>
<div class="col small"><span class="fw-bold text-primary mx-1">family:</span><span class="text-secondary mx-1">{{ connection.family.name }}</span></div>
<div class="col small"><span class="fw-bold text-primary mx-1">status:</span><span class="text-secondary mx-1">{{ connection.status }}</span></div>
</div>
<div class="row">
<div class="col small"><span class="fw-bold text-primary mx-1">raddr:</span><span class="text-secondary mx-1">{{ connection.raddr.ip }}</span></div>
<div class="col small"><span class="fw-bold text-primary mx-1">rport:</span><span class="text-secondary mx-1">{{ connection.raddr.port }}</span></div>
<div class="col small"><span class="fw-bold text-primary mx-1">type:</span><span class="text-secondary mx-1">{{ connection.type }}</span></div>
<div class="col small"><span class="fw-bold text-primary mx-1">pid:</span><span class="text-secondary mx-1">{{ connection.pid }}</span></div>
<div class="col small"><span class="fw-bold text-primary mx-1">&nbsp;</span><span class="text-secondary mx-1">&nbsp;</span></div>
<div class="col small"><span class="fw-bold text-primary mx-1">type:</span><span class="text-secondary mx-1">{{ connection.type }}</span></div>
<div class="col small"><span class="fw-bold text-primary mx-1">&nbsp;</span><span class="text-secondary mx-1">&nbsp</span></div>
</div>
{% endfor %}
</ul>
Expand Down

0 comments on commit c040fc5

Please sign in to comment.