Skip to content

GitLab

Commit f992f48d authored by Vladislav Rykov's avatar Vladislav Rykov
Browse files

info-card icons added

parent 9f4d0fb2
Show whitespace changes
Inline Side-by-side
app/app/templates/new/public/application.html
View file @ f992f48d
...@@ -19,6 +19,11 @@ ...@@ -19,6 +19,11 @@
<h5 class="card-title text-uppercase text-muted mb-0">Name</h5> <h5 class="card-title text-uppercase text-muted mb-0">Name</h5>
<span class="h2 font-weight-bold mb-0">{{ app[0] }}</span> <span class="h2 font-weight-bold mb-0">{{ app[0] }}</span>
</div> </div>
<div class="col-auto">
<div class="icon icon-shape bg-success text-white rounded-circle shadow">
<i class="fas fa-cube"></i>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
...@@ -31,6 +36,11 @@ ...@@ -31,6 +36,11 @@
<h5 class="card-title text-uppercase text-muted mb-0">App-Key</h5> <h5 class="card-title text-uppercase text-muted mb-0">App-Key</h5>
<span class="h2 font-weight-bold mb-0">{{ app[1] }}</span> <span class="h2 font-weight-bold mb-0">{{ app[1] }}</span>
</div> </div>
<div class="col-auto">
<div class="icon icon-shape bg-warning text-white rounded-circle shadow">
<i class="fas fa-key"></i>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
...@@ -43,6 +53,19 @@ ...@@ -43,6 +53,19 @@
<h5 class="card-title text-uppercase text-muted mb-0">Secure</h5> <h5 class="card-title text-uppercase text-muted mb-0">Secure</h5>
<span class="h2 font-weight-bold mb-0">{% if app[4] %} Yes {% else %} No {% endif %}</span> <span class="h2 font-weight-bold mb-0">{% if app[4] %} Yes {% else %} No {% endif %}</span>
</div> </div>
{% if app[4] %}
<div class="col-auto">
<div class="icon icon-shape bg-info text-white rounded-circle shadow">
<i class="fas fa-lock"></i>
</div>
</div>
{% else %}
<div class="col-auto">
<div class="icon icon-shape bg-danger text-white rounded-circle shadow">
<i class="fas fa-unlock"></i>
</div>
</div>
{% endif %}
</div> </div>
</div> </div>
</div> </div>
......
app/app/templates/new/public/dashboard.html
View file @ f992f48d
...@@ -2,6 +2,10 @@ ...@@ -2,6 +2,10 @@
{% block title %} HPC&amp;A IoT - Dashboard {% endblock %} {% block title %} HPC&amp;A IoT - Dashboard {% endblock %}
{% block header %}
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
{% endblock %}
{% block location %} <a class="h4 mb-0 text-white text-uppercase d-none d-lg-inline-block" href="./">Dashboard</a> {% endblock %} {% block location %} <a class="h4 mb-0 text-white text-uppercase d-none d-lg-inline-block" href="./">Dashboard</a> {% endblock %}
{% block stats %} {% block stats %}
...@@ -15,8 +19,8 @@ ...@@ -15,8 +19,8 @@
<span class="h2 font-weight-bold mb-0">{{ info[0] }}</span> <span class="h2 font-weight-bold mb-0">{{ info[0] }}</span>
</div> </div>
<div class="col-auto"> <div class="col-auto">
<div class="icon icon-shape bg-danger text-white rounded-circle shadow"> <div class="icon icon-shape bg-success text-white rounded-circle shadow">
<i class="fas fa-chart-bar"></i> <i class="fas fa-cubes"></i>
</div> </div>
</div> </div>
</div> </div>
...@@ -32,8 +36,8 @@ ...@@ -32,8 +36,8 @@
<span class="h2 font-weight-bold mb-0">{{ info[1] }}</span> <span class="h2 font-weight-bold mb-0">{{ info[1] }}</span>
</div> </div>
<div class="col-auto"> <div class="col-auto">
<div class="icon icon-shape bg-warning text-white rounded-circle shadow"> <div class="icon icon-shape bg-info text-white rounded-circle shadow">
<i class="fas fa-chart-pie"></i> <i class="fas fa-microchip"></i>
</div> </div>
</div> </div>
</div> </div>
...@@ -49,8 +53,8 @@ ...@@ -49,8 +53,8 @@
<span class="h2 font-weight-bold mb-0">{{ info[2] }}</span> <span class="h2 font-weight-bold mb-0">{{ info[2] }}</span>
</div> </div>
<div class="col-auto"> <div class="col-auto">
<div class="icon icon-shape bg-yellow text-white rounded-circle shadow"> <div class="icon icon-shape bg-warning text-white rounded-circle shadow">
<i class="fas fa-users"></i> <i class="fas fa-area-chart"></i>
</div> </div>
</div> </div>
</div> </div>
...@@ -66,8 +70,8 @@ ...@@ -66,8 +70,8 @@
<span class="h2 font-weight-bold mb-0">{{ info[3] }}</span> <span class="h2 font-weight-bold mb-0">{{ info[3] }}</span>
</div> </div>
<div class="col-auto"> <div class="col-auto">
<div class="icon icon-shape bg-info text-white rounded-circle shadow"> <div class="icon icon-shape bg-danger text-white rounded-circle shadow">
<i class="fas fa-percent"></i> <i class="fas fa-line-chart"></i>
</div> </div>
</div> </div>
</div> </div>
......
app/app/templates/new/public/device.html
View file @ f992f48d
...@@ -25,6 +25,11 @@ ...@@ -25,6 +25,11 @@
<h5 class="card-title text-uppercase text-muted mb-0">Name</h5> <h5 class="card-title text-uppercase text-muted mb-0">Name</h5>
<span class="h2 font-weight-bold mb-0">{{ dev[0] }}</span> <span class="h2 font-weight-bold mb-0">{{ dev[0] }}</span>
</div> </div>
<div class="col-auto">
<div class="icon icon-shape bg-info text-white rounded-circle shadow">
<i class="fas fa-microchip"></i>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
...@@ -37,6 +42,11 @@ ...@@ -37,6 +42,11 @@
<h5 class="card-title text-uppercase text-muted mb-0">Device ID</h5> <h5 class="card-title text-uppercase text-muted mb-0">Device ID</h5>
<span class="h2 font-weight-bold mb-0">{{ dev[1] }}</span> <span class="h2 font-weight-bold mb-0">{{ dev[1] }}</span>
</div> </div>
<div class="col-auto">
<div class="icon icon-shape bg-primary text-white rounded-circle shadow">
<i class="fas fa-tag"></i>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
...@@ -49,6 +59,11 @@ ...@@ -49,6 +59,11 @@
<h5 class="card-title text-uppercase text-muted mb-0">Last time up</h5> <h5 class="card-title text-uppercase text-muted mb-0">Last time up</h5>
<span class="h2 font-weight-bold mb-0">{{ ltup }}</span> <span class="h2 font-weight-bold mb-0">{{ ltup }}</span>
</div> </div>
<div class="col-auto">
<div class="icon icon-shape bg-danger text-white rounded-circle shadow">
<i class="fas fa-history"></i>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment