From 75e958bb381f7bf60890539daf7c39470ef12666 Mon Sep 17 00:00:00 2001
From: Fabio Manganiello <blacklight86@gmail.com>
Date: Mon, 9 Apr 2018 18:12:53 +0200
Subject: [PATCH] Added auto pilot and stop controls to ZeroBorg web UI

---
 .../backend/http/static/css/gpio.zeroborg.css | 15 ++++++++++--
 .../backend/http/static/js/gpio.zeroborg.js   | 23 +++++++++++++++++++
 .../http/templates/plugins/gpio.zeroborg.html | 11 +++++++++
 3 files changed, 47 insertions(+), 2 deletions(-)

diff --git a/platypush/backend/http/static/css/gpio.zeroborg.css b/platypush/backend/http/static/css/gpio.zeroborg.css
index 57344a79..4aaeb43e 100644
--- a/platypush/backend/http/static/css/gpio.zeroborg.css
+++ b/platypush/backend/http/static/css/gpio.zeroborg.css
@@ -3,7 +3,18 @@
     width: 25%;
 }
 
-.zb-ctrl-btn.selected {
-    color: #78ff00 !important;
+.zb-ctrl-btn {
+    white-space: normal;
+    height: 6rem;
+}
+
+    .zb-ctrl-btn.selected {
+        color: #78ff00 !important;
+    }
+
+.ctrl-bottom-row {
+    margin-top: 20px;
+    padding-top: 20px;
+    border-top: 1px solid #ddd;
 }
 
diff --git a/platypush/backend/http/static/js/gpio.zeroborg.js b/platypush/backend/http/static/js/gpio.zeroborg.js
index 1df5cd2b..dec3c73c 100644
--- a/platypush/backend/http/static/js/gpio.zeroborg.js
+++ b/platypush/backend/http/static/js/gpio.zeroborg.js
@@ -56,6 +56,29 @@ $(document).ready(function() {
                 action: 'gpio.zeroborg.stop',
             });
         });
+
+        $controlsContainer.on('click touch', '.zb-ctrl-btn[data-action]', function() {
+            console.log('Running ' + $(this).data('action') + ' action');
+
+            if ($(this).data('action') === 'stop') {
+                $controlsContainer.find('.zb-ctrl-btn[data-action=auto]').removeClass('selected');
+
+                execute({
+                    type: 'request',
+                    action: 'gpio.zeroborg.stop',
+                });
+            } else if ($(this).data('action') === 'auto') {
+                $(this).toggleClass('selected');
+
+                execute({
+                    type: 'request',
+                    action: 'gpio.zeroborg.drive',
+                    args: {
+                        direction: 'auto_toggle'
+                    }
+                });
+            }
+        });
     };
 
     var init = function() {
diff --git a/platypush/backend/http/templates/plugins/gpio.zeroborg.html b/platypush/backend/http/templates/plugins/gpio.zeroborg.html
index 2f0a4cb3..f035a7f8 100644
--- a/platypush/backend/http/templates/plugins/gpio.zeroborg.html
+++ b/platypush/backend/http/templates/plugins/gpio.zeroborg.html
@@ -28,6 +28,17 @@
             </button>
             <div class="four columns">&nbsp;</div>
         </div>
+
+        <div class="row ctrl-bottom-row">
+            <div class="two columns">&nbsp;</div>
+            <button data-action="auto" class="zb-ctrl-btn four columns">
+                AUTO PILOT
+            </button>
+            <button data-action="stop" class="zb-ctrl-btn four columns">
+                <i class="fa fa-stop"></i>
+            </button>
+            <div class="two columns">&nbsp;</div>
+        </div>
     </div>
 </div>