MAXH2O-44, Adds monthly totals, reset database capabilities, public IP

HTML/Device.html

@@ -0,0 +1,57 @@
+<div class="row row-flex box-me">
+    <div class="col-md-6 text-center">
+        <h2 class="uppercase">Public IP Address</h2>
+        <p><%= channels["flowmonitor.public_ip_address"].value %><p>
+    </div>
+
+    <div class="col-md-6 text-center">
+        <h2 class="uppercase">Reset Device Database</h2>
+        <a href="#"
+        data-refreshpause="1"
+        data-staticsend="1"
+        data-channelId="<%= channels["flowmonitor.resetdatabase"].channelId %>"
+        data-techname="<%=channels["flowmonitor.resetdatabase"].techName %>"
+        data-name="<%= channels["flowmonitor.resetdatabase"].name%>"
+        data-nodechannelcurrentId="<%= channels["flowmonitor.resetdatabase"].nodechannelcurrentId %>"
+        id="<%= channels["flowmonitor.resetdatabase"].channelId %>"
+        class="btn btn-large btn-block btn-theme animated setstatic mqtt">
+        <i class="icon-repeat icon-white mqtt" ></i>Reset Database</a>
+    
+    </div>
+</div>
+
+<style>
+    .uppercase {
+        text-transform: uppercase;
+        font-size: 14px;
+        color: #666;
+        font-weight: 400;
+        letter-spacing: 1px;
+        z-index: 100;
+    }
+
+    .box-me {
+        position: relative;
+        padding: 0.5em;
+        padding-bottom: 1.5em;
+        border: 1px solid #eee;
+        /*margin: 1em 0;*/
+    }
+    .row-flex {
+        display: -webkit-box;
+        display: -webkit-flex;
+        display: -ms-flexbox;
+        display: flex;
+        flex-wrap: wrap;
+    }
+
+    .row-flex > [class*='col-'] {
+        display: flex;
+        flex-direction: column;
+    }
+
+    p {
+        font-size: 1.25em;
+    }
+
+</style>

HTML/Reports.html

@@ -0,0 +1 @@
+<module>DynamicTable</module>