Adds logging capabilities, lambda function, html templates
This commit is contained in:
Patrick McDonagh
@@ -28,4 +28,15 @@
|
||||
<div class="col-xs-4">
|
||||
<h4><%= node.vanityname %></h4>
|
||||
</div>
|
||||
|
||||
<div class="col-xs-2" style="text-align:center;">
|
||||
<h2>Flow Rate</h2>
|
||||
<p><%= Math.round(channels['promagmbs.volume_flow'].value * 100) / 100 %></p>
|
||||
<h2><%= channels['promagmbs.volume_flow_units'].value %></h2>
|
||||
</div>
|
||||
<div class="col-xs-2" style="text-align:center;">
|
||||
<h2>Totalizer 1 Today</h2>
|
||||
<p><%= Math.round(channels['promagmbs.totalizer_1_today'].value * 100) / 100 %></p>
|
||||
<h2><%= channels['promagmbs.totalizer_1_units'].value %></h2>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -1,36 +1,200 @@
|
||||
|
||||
<div class="row row-flex box-me">
|
||||
<div class="col-xs-12 text-center">
|
||||
<h1>HEADER 1</h1>
|
||||
</div>
|
||||
<div class="col-xs-4 text-center">
|
||||
<h2>CHANNEL 1</h2>
|
||||
<h2>Volume Flow</h2>
|
||||
<div class="gauge-box">
|
||||
<div data-labelheight="10"
|
||||
style="height: 170px; background: transparent; margin: 0 auto;"
|
||||
id="gauge-channel_1"
|
||||
id="gauge-volume_flow"
|
||||
data-chart="solidgauge"
|
||||
data-nodename="promagmbs.channel_1"
|
||||
data-units="UNITS"
|
||||
data-nodename="promagmbs.volume_flow"
|
||||
data-units="<%= channels['promagmbs.volume_flow_units'].value %>"
|
||||
data-min="0"
|
||||
data-max="100"
|
||||
data-max="20000"
|
||||
data-decimalplaces="2"
|
||||
data-colors="0.1:#DF5353,0.5:#DDDF0D,0.9:#55BF3B"
|
||||
data-valuefontsize="18px">
|
||||
</div>
|
||||
<div class- "timestamp-box">
|
||||
<a href="#" data-channelId="<%= channels['promagmbs.channel_1'].channelId %>" class="data-table" title="Download Channel History">
|
||||
<a href="#" data-channelId="<%= channels['promagmbs.volume_flow'].channelId %>" class="data-table" title="Download Channel History">
|
||||
<i class="fa fa-download"></i>
|
||||
</a>
|
||||
</div>
|
||||
<span data-timeupdate="channel_1">
|
||||
<%= channels["promagmbs.channel_1"].timestamp %>
|
||||
<span data-timeupdate="volume_flow">
|
||||
<%= channels["promagmbs.volume_flow"].timestamp %>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xs-8">
|
||||
<div style="height:300px" id="chart-volume_flow" data-chart="chart" data-nodename1="promagmbs.volume_flow" data-datalabel1="Volume Flow" data-daysofhistory="2" data-chartlabel="Volume Flow" data-ylabel="" data-xlabel="Date" data-units=" <%= channels['promagmbs.volume_flow_units'].value %>"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row row-flex box-me">
|
||||
<div class="col-xs-4 text-center">
|
||||
<h2>Totalizer 1</h2>
|
||||
<div class="gauge-box">
|
||||
<div data-labelheight="10"
|
||||
style="height: 170px; background: transparent; margin: 0 auto;"
|
||||
id="gauge-totalizer_1"
|
||||
data-chart="solidgauge"
|
||||
data-nodename="promagmbs.totalizer_1"
|
||||
data-units="<%= channels['promagmbs.totalizer_1_units'].value %>"
|
||||
data-min="0"
|
||||
data-max="1000000"
|
||||
data-decimalplaces="0"
|
||||
data-colors="0.1:#DF5353,0.5:#DDDF0D,0.9:#55BF3B"
|
||||
data-valuefontsize="18px">
|
||||
</div>
|
||||
<div class- "timestamp-box">
|
||||
<a href="#" data-channelId="<%= channels['promagmbs.totalizer_1'].channelId %>" class="data-table" title="Download Channel History">
|
||||
<i class="fa fa-download"></i>
|
||||
</a>
|
||||
</div>
|
||||
<span data-timeupdate="totalizer_1">
|
||||
<%= channels["promagmbs.totalizer_1"].timestamp %>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-xs-4 text-center">
|
||||
<h2>Today</h2>
|
||||
<div class="gauge-box">
|
||||
<div data-labelheight="10"
|
||||
style="height: 170px; background: transparent; margin: 0 auto;"
|
||||
id="gauge-totalizer_1_today"
|
||||
data-chart="solidgauge"
|
||||
data-nodename="promagmbs.totalizer_1_today"
|
||||
data-units="<%= channels['promagmbs.totalizer_1_units'].value %>"
|
||||
data-min="0"
|
||||
data-max="100000"
|
||||
data-decimalplaces="0"
|
||||
data-colors="0.1:#DF5353,0.5:#DDDF0D,0.9:#55BF3B"
|
||||
data-valuefontsize="18px">
|
||||
</div>
|
||||
<div class- "timestamp-box">
|
||||
<a href="#" data-channelId="<%= channels['promagmbs.totalizer_1_today'].channelId %>" class="data-table" title="Download Channel History">
|
||||
<i class="fa fa-download"></i>
|
||||
</a>
|
||||
</div>
|
||||
<span data-timeupdate="totalizer_1_today">
|
||||
<%= channels["promagmbs.totalizer_1_today"].timestamp %>
|
||||
</span>
|
||||
</div>
|
||||
<h2>Yesterday: <%= Math.round(channels['promagmbs.totalizer_1_yesterday'].value) %> <%= channels['promagmbs.totalizer_1_units'].value %></h2>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="row row-flex box-me">
|
||||
<div class="col-xs-4 text-center">
|
||||
<h2>Totalizer 2</h2>
|
||||
<div class="gauge-box">
|
||||
<div data-labelheight="10"
|
||||
style="height: 170px; background: transparent; margin: 0 auto;"
|
||||
id="gauge-totalizer_2"
|
||||
data-chart="solidgauge"
|
||||
data-nodename="promagmbs.totalizer_2"
|
||||
data-units="<%= channels['promagmbs.totalizer_2_units'].value %>"
|
||||
data-min="0"
|
||||
data-max="1000000"
|
||||
data-decimalplaces="0"
|
||||
data-colors="0.1:#DF5353,0.5:#DDDF0D,0.9:#55BF3B"
|
||||
data-valuefontsize="18px">
|
||||
</div>
|
||||
<div class- "timestamp-box">
|
||||
<a href="#" data-channelId="<%= channels['promagmbs.totalizer_2'].channelId %>" class="data-table" title="Download Channel History">
|
||||
<i class="fa fa-download"></i>
|
||||
</a>
|
||||
</div>
|
||||
<span data-timeupdate="totalizer_2">
|
||||
<%= channels["promagmbs.totalizer_2"].timestamp %>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-xs-4 text-center">
|
||||
<h2>Today</h2>
|
||||
<div class="gauge-box">
|
||||
<div data-labelheight="10"
|
||||
style="height: 170px; background: transparent; margin: 0 auto;"
|
||||
id="gauge-totalizer_2_today"
|
||||
data-chart="solidgauge"
|
||||
data-nodename="promagmbs.totalizer_2_today"
|
||||
data-units="<%= channels['promagmbs.totalizer_2_units'].value %>"
|
||||
data-min="0"
|
||||
data-max="100000"
|
||||
data-decimalplaces="0"
|
||||
data-colors="0.1:#DF5353,0.5:#DDDF0D,0.9:#55BF3B"
|
||||
data-valuefontsize="18px">
|
||||
</div>
|
||||
<div class- "timestamp-box">
|
||||
<a href="#" data-channelId="<%= channels['promagmbs.totalizer_2_today'].channelId %>" class="data-table" title="Download Channel History">
|
||||
<i class="fa fa-download"></i>
|
||||
</a>
|
||||
</div>
|
||||
<span data-timeupdate="totalizer_2_today">
|
||||
<%= channels["promagmbs.totalizer_2_today"].timestamp %>
|
||||
</span>
|
||||
</div>
|
||||
<h2>Yesterday: <%= Math.round(channels['promagmbs.totalizer_2_yesterday'].value) %> <%= channels['promagmbs.totalizer_2_units'].value %></h2>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row row-flex box-me">
|
||||
<div class="col-xs-4 text-center">
|
||||
<h2>Totalizer 3</h2>
|
||||
<div class="gauge-box">
|
||||
<div data-labelheight="10"
|
||||
style="height: 170px; background: transparent; margin: 0 auto;"
|
||||
id="gauge-totalizer_3"
|
||||
data-chart="solidgauge"
|
||||
data-nodename="promagmbs.totalizer_3"
|
||||
data-units="<%= channels['promagmbs.totalizer_3_units'].value %>"
|
||||
data-min="0"
|
||||
data-max="1000000"
|
||||
data-decimalplaces="0"
|
||||
data-colors="0.1:#DF5353,0.5:#DDDF0D,0.9:#55BF3B"
|
||||
data-valuefontsize="18px">
|
||||
</div>
|
||||
<div class- "timestamp-box">
|
||||
<a href="#" data-channelId="<%= channels['promagmbs.totalizer_3'].channelId %>" class="data-table" title="Download Channel History">
|
||||
<i class="fa fa-download"></i>
|
||||
</a>
|
||||
</div>
|
||||
<span data-timeupdate="totalizer_3">
|
||||
<%= channels["promagmbs.totalizer_3"].timestamp %>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-xs-4 text-center">
|
||||
<h2>Today</h2>
|
||||
<div class="gauge-box">
|
||||
<div data-labelheight="10"
|
||||
style="height: 170px; background: transparent; margin: 0 auto;"
|
||||
id="gauge-totalizer_3_today"
|
||||
data-chart="solidgauge"
|
||||
data-nodename="promagmbs.totalizer_3_today"
|
||||
data-units="<%= channels['promagmbs.totalizer_3_units'].value %>"
|
||||
data-min="0"
|
||||
data-max="100000"
|
||||
data-decimalplaces="0"
|
||||
data-colors="0.1:#DF5353,0.5:#DDDF0D,0.9:#55BF3B"
|
||||
data-valuefontsize="18px">
|
||||
</div>
|
||||
<div class- "timestamp-box">
|
||||
<a href="#" data-channelId="<%= channels['promagmbs.totalizer_3_today'].channelId %>" class="data-table" title="Download Channel History">
|
||||
<i class="fa fa-download"></i>
|
||||
</a>
|
||||
</div>
|
||||
<span data-timeupdate="totalizer_3_today">
|
||||
<%= channels["promagmbs.totalizer_3_today"].timestamp %>
|
||||
</span>
|
||||
</div>
|
||||
<h2>Yesterday: <%= Math.round(channels['promagmbs.totalizer_3_yesterday'].value) %> <%= channels['promagmbs.totalizer_3_units'].value %></h2>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
BIN
html-templates/Promag400.png
Normal file
BIN
html-templates/Promag400.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.4 KiB |
@@ -18,7 +18,7 @@
|
||||
data-ylabel=""
|
||||
data-xlabel="Date"
|
||||
data-units=""
|
||||
data-channelnames="promagmbs.channel_1,">
|
||||
data-channelnames="promagmbs.volume_flow,promagmbs.totalizer_1,promagmbs.totalizer_2,promagmbs.totalizer_3,promagmbs.totalizer_1_today,promagmbs.totalizer_2_today,promagmbs.totalizer_3_today,promagmbs.totalizer_1_yesterday,promagmbs.totalizer_2_yesterday,promagmbs.totalizer_3_yesterday">
|
||||
</div>
|
||||
<style>
|
||||
.dynamic-chart-form {
|
||||
|
||||
Reference in New Issue
Block a user