From aba5ed61f5e0b49f330352492b5455e1e50b9d7b Mon Sep 17 00:00:00 2001
From: Patrick McDonagh <patrickjmcd@gmail.com>
Date: Fri, 1 Dec 2017 12:33:28 -0600
Subject: [PATCH] Completes MAXH2O-81.

Adds toggle to hide/show control buttons.
---
 HTML/Configuration.html | 43 +++++++++++++++++++++++++++++++
 HTML/Overview.html      | 56 +++++++++++++++++++++--------------------
 config.txt              | 14 +++++------
 3 files changed, 79 insertions(+), 34 deletions(-)

diff --git a/HTML/Configuration.html b/HTML/Configuration.html
index a69df3e..1cc08fb 100644
--- a/HTML/Configuration.html
+++ b/HTML/Configuration.html
@@ -67,6 +67,48 @@
     </div>
 </div>
 
+<div class="row row-flex">
+    <div class="col-md-6 text-center box-me" id="start-stop-toggle">
+        <% if (channels['flowmonitor.start_stop_enabled'].value == "True"){ %>
+            <h2>Start / Stop Relay Enabled</h2>
+        <% } else { %>
+            <h2>Start / Stop Relay Disabled</h2>
+        <% } %>
+        <div data-valueupdate="start_stop_enabled" data-refreshonupdate=true>
+            <form>
+            <% if (channels['flowmonitor.start_stop_enabled'].value == "True"){ %>
+                <a
+                    href="#"
+                    data-confirm-message="Are you sure you want to do this?"
+                    data-refreshpause="1"
+                    data-command=""
+                    data-staticsend="False"
+                    data-channelId="<%= channels["flowmonitor.start_stop_enabled"].channelId %>"
+                    data-techname="<%=channels["flowmonitor.start_stop_enabled"].techName %>"
+                    data-name="<%= channels["flowmonitor.start_stop_enabled"].name%>"
+                    data-nodechannelcurrentId="<%= channels["flowmonitor.start_stop_enabled"].nodechannelcurrentId %>"
+                    id="<%= channels["flowmonitor.start_stop_enabled"].channelId %>"
+                    class="btn btn-large btn-theme animated setstatic">Disable Control</a>
+            <% } else { %>
+                <a
+                    href="#"
+                    data-confirm-message="Are you sure you want to do this?"
+                    data-refreshpause="1"
+                    data-command=""
+                    data-staticsend="True"
+                    data-channelId="<%= channels["flowmonitor.start_stop_enabled"].channelId %>"
+                    data-techname="<%=channels["flowmonitor.start_stop_enabled"].techName %>"
+                    data-name="<%= channels["flowmonitor.start_stop_enabled"].name%>"
+                    data-nodechannelcurrentId="<%= channels["flowmonitor.start_stop_enabled"].nodechannelcurrentId %>"
+                    id="<%= channels["flowmonitor.start_stop_enabled"].channelId %>"
+                    class="btn btn-large btn-theme animated setstatic">Enable Control</a>
+            <% } %>
+            </form>
+        </div>
+    </div>
+</div>
+
+
 <script>
 
 $('.channel_value').each(function(topLevel){
@@ -80,4 +122,5 @@ $('.channel_value').each(function(topLevel){
     });
 });
 
+
 </script>
diff --git a/HTML/Overview.html b/HTML/Overview.html
index 6c2baa4..f2e299f 100644
--- a/HTML/Overview.html
+++ b/HTML/Overview.html
@@ -1,32 +1,34 @@
-<div class="row row-flex box-me">
-    <div class="col-md-6 text-center">
-        <a href="#"
-            data-confirm-message="Are you sure you want to do this?"
-            data-refreshpause="1"
-            data-command=""
-            data-staticsend=1
-            data-channelId="<%= channels["flowmonitor.startcmd"].channelId %>"
-            data-techname="<%=channels["flowmonitor.startcmd"].techName %>"
-            data-name="<%= channels["flowmonitor.startcmd"].name%>"
-            data-nodechannelcurrentId="<%= channels["flowmonitor.startcmd"].nodechannelcurrentId %>"
-            id="<%= channels["flowmonitor.startcmd"].channelId %>"
-            class="btn btn-large btn-theme animated setstatic">Start</a>
-    </div>
+<% if (channels["flowmonitor.start_stop_enabled"].value == "True"){ %>
+    <div class="row row-flex box-me">
+        <div class="col-md-6 text-center">
+            <a href="#"
+                data-confirm-message="Are you sure you want to do this?"
+                data-refreshpause="1"
+                data-command=""
+                data-staticsend=1
+                data-channelId="<%= channels["flowmonitor.startcmd"].channelId %>"
+                data-techname="<%=channels["flowmonitor.startcmd"].techName %>"
+                data-name="<%= channels["flowmonitor.startcmd"].name%>"
+                data-nodechannelcurrentId="<%= channels["flowmonitor.startcmd"].nodechannelcurrentId %>"
+                id="<%= channels["flowmonitor.startcmd"].channelId %>"
+                class="btn btn-large btn-theme animated setstatic">Start</a>
+        </div>
 
-    <div class="col-md-6 text-center">
-        <a href="#"
-            data-confirm-message="Are you sure you want to do this?"
-            data-refreshpause="1"
-            data-command=""
-            data-staticsend=1
-            data-channelId="<%= channels["flowmonitor.stopcmd"].channelId %>"
-            data-techname="<%=channels["flowmonitor.stopcmd"].techName %>"
-            data-name="<%= channels["flowmonitor.stopcmd"].name%>"
-            data-nodechannelcurrentId="<%= channels["flowmonitor.stopcmd"].nodechannelcurrentId %>"
-            id="<%= channels["flowmonitor.stopcmd"].channelId %>"
-            class="btn btn-large btn-theme animated setstatic">Stop</a>
+        <div class="col-md-6 text-center">
+            <a href="#"
+                data-confirm-message="Are you sure you want to do this?"
+                data-refreshpause="1"
+                data-command=""
+                data-staticsend=1
+                data-channelId="<%= channels["flowmonitor.stopcmd"].channelId %>"
+                data-techname="<%=channels["flowmonitor.stopcmd"].techName %>"
+                data-name="<%= channels["flowmonitor.stopcmd"].name%>"
+                data-nodechannelcurrentId="<%= channels["flowmonitor.stopcmd"].nodechannelcurrentId %>"
+                id="<%= channels["flowmonitor.stopcmd"].channelId %>"
+                class="btn btn-large btn-theme animated setstatic">Stop</a>
+        </div>
     </div>
-</div>
+<% } %>
 
 <div class="row row-flex box-me">
     <div class='col-xs-6 text-center box-me'>
diff --git a/config.txt b/config.txt
index 0a927ee..52744c5 100644
--- a/config.txt
+++ b/config.txt
@@ -1,11 +1,11 @@
 {
     "files": {
-        "file3": "persistence.py", 
-        "file2": "utilities.py", 
+        "file3": "persistence.py",
+        "file2": "utilities.py",
         "file1": "flow-monitor.py"
-    }, 
-    "deviceName": "flowmonitor", 
-    "driverId": "0180", 
-    "releaseVersion": "9", 
+    },
+    "deviceName": "flowmonitor",
+    "driverId": "0140",
+    "releaseVersion": "9",
     "driverFileName": "flow-monitor.py"
-}
\ No newline at end of file
+}