info-card icons added

app/app/templates/new/public/application.html

@@ -19,6 +19,11 @@
 	      <h5 class="card-title text-uppercase text-muted mb-0">Name</h5>
 	      <span class="h2 font-weight-bold mb-0">{{ app[0] }}</span>
 	    </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>
@@ -31,6 +36,11 @@
 	      <h5 class="card-title text-uppercase text-muted mb-0">App-Key</h5>
 	      <span class="h2 font-weight-bold mb-0">{{ app[1] }}</span>
 	    </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>
@@ -43,6 +53,19 @@
 	      <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>
 	    </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>

app/app/templates/new/public/dashboard.html

@@ -2,6 +2,10 @@
 
 {% block title %} HPC&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 stats %}
@@ -15,8 +19,8 @@
 	      <span class="h2 font-weight-bold mb-0">{{ info[0] }}</span>
 	    </div>
 	    <div class="col-auto">
-	      <div class="icon icon-shape bg-danger text-white rounded-circle shadow">
-		<i class="fas fa-chart-bar"></i>
+	      <div class="icon icon-shape bg-success text-white rounded-circle shadow">
+		<i class="fas fa-cubes"></i>
 	      </div>
 	    </div>
 	  </div>
@@ -32,8 +36,8 @@
 	      <span class="h2 font-weight-bold mb-0">{{ info[1] }}</span>
 	    </div>
 	    <div class="col-auto">
-	      <div class="icon icon-shape bg-warning text-white rounded-circle shadow">
-		<i class="fas fa-chart-pie"></i>
+	      <div class="icon icon-shape bg-info text-white rounded-circle shadow">
+		<i class="fas fa-microchip"></i>
 	      </div>
 	    </div>
 	  </div>
@@ -49,8 +53,8 @@
 	      <span class="h2 font-weight-bold mb-0">{{ info[2] }}</span>
 	    </div>
 	    <div class="col-auto">
-	      <div class="icon icon-shape bg-yellow text-white rounded-circle shadow">
-		<i class="fas fa-users"></i>
+	      <div class="icon icon-shape bg-warning text-white rounded-circle shadow">
+		<i class="fas fa-area-chart"></i>
 	      </div>
 	    </div>
 	  </div>
@@ -66,8 +70,8 @@
 	      <span class="h2 font-weight-bold mb-0">{{ info[3] }}</span>
 	    </div>
 	    <div class="col-auto">
-	      <div class="icon icon-shape bg-info text-white rounded-circle shadow">
-		<i class="fas fa-percent"></i>
+	      <div class="icon icon-shape bg-danger text-white rounded-circle shadow">
+		<i class="fas fa-line-chart"></i>
 	      </div>
 	    </div>
 	  </div>

app/app/templates/new/public/device.html

@@ -25,6 +25,11 @@
                       <h5 class="card-title text-uppercase text-muted mb-0">Name</h5>
 		      <span class="h2 font-weight-bold mb-0">{{ dev[0] }}</span>
                     </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>
@@ -37,6 +42,11 @@
                       <h5 class="card-title text-uppercase text-muted mb-0">Device ID</h5>
 		      <span class="h2 font-weight-bold mb-0">{{ dev[1] }}</span>
                     </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>
@@ -49,6 +59,11 @@
                       <h5 class="card-title text-uppercase text-muted mb-0">Last time up</h5>
 		      <span class="h2 font-weight-bold mb-0">{{ ltup }}</span>
                     </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>