48 lines
1010 B
HTML
48 lines
1010 B
HTML
<style>
|
|
.header h4 {
|
|
position: relative;
|
|
top: 0.9em;
|
|
}
|
|
.header h2 {
|
|
text-transform: uppercase;
|
|
font-size: 14px;
|
|
color: #aaa;
|
|
margin: 0.75em 0;
|
|
}
|
|
.header p {
|
|
font-size: 24px;
|
|
color: black;
|
|
font-weight: 600;
|
|
}
|
|
</style>
|
|
|
|
<div class="row header">
|
|
<div class="col-xs-1">
|
|
<div class="<%= nodecolors.statuscolor %> nodecolor"></div>
|
|
</div>
|
|
|
|
<div class="col-xs-2">
|
|
<img src="<%= nodeimgurl %>" />
|
|
</div>
|
|
|
|
<div class="col-xs-3">
|
|
<h4><%= node.vanityname %></h4>
|
|
</div>
|
|
|
|
<div class="col-xs-3">
|
|
<h2>Flow Rate</h2>
|
|
<p><span data-valueupdate="gpm_flow"><%= Math.round(channels["flowmonitor.gpm_flow"].value * 100) / 100 %></span> GPM</p>
|
|
</div>
|
|
|
|
<div class="col-xs-3">
|
|
<h2>Run Status</h2>
|
|
<p><span data-valueupdate="run_status">
|
|
<% if(channels["flowmonitor.run_status"].value === "0") {%>
|
|
Stopped
|
|
<% } else { %>
|
|
Running
|
|
<% } %>
|
|
</span></p>
|
|
</div>
|
|
</div>
|