From b4bd1cb7bbb7e7d8b95aa882c604a1ad07da137b Mon Sep 17 00:00:00 2001
From: Fabio Manganiello <blacklight86@gmail.com>
Date: Mon, 30 Apr 2018 09:40:44 +0200
Subject: [PATCH] Added web UI for MCP3008 analog sensors values

---
 .../http/static/css/gpio.sensor.mcp3008.css   |  0
 .../http/static/js/gpio.sensor.mcp3008.js     | 47 +++++++++++++++++++
 .../plugins/gpio.sensor.mcp3008.html          |  5 ++
 3 files changed, 52 insertions(+)
 create mode 100644 platypush/backend/http/static/css/gpio.sensor.mcp3008.css
 create mode 100644 platypush/backend/http/static/js/gpio.sensor.mcp3008.js
 create mode 100644 platypush/backend/http/templates/plugins/gpio.sensor.mcp3008.html

diff --git a/platypush/backend/http/static/css/gpio.sensor.mcp3008.css b/platypush/backend/http/static/css/gpio.sensor.mcp3008.css
new file mode 100644
index 00000000..e69de29b
diff --git a/platypush/backend/http/static/js/gpio.sensor.mcp3008.js b/platypush/backend/http/static/js/gpio.sensor.mcp3008.js
new file mode 100644
index 00000000..86b897ae
--- /dev/null
+++ b/platypush/backend/http/static/js/gpio.sensor.mcp3008.js
@@ -0,0 +1,47 @@
+$(document).ready(function() {
+    var $container = $('#sensors-container');
+
+    var onEvent = function(event) {
+        switch (event.args.type) {
+            case 'platypush.message.event.sensor.SensorDataChangeEvent':
+                var data = event.args.sensors;
+
+                for (var sensor of Object.keys(data)) {
+                    var $sensor = $container.find('[data-sensor-type=' + sensor + ']');
+                    var $sensorValue;
+
+                    if ($sensor.length === 0) {
+                        $sensor = $('<div></div>')
+                            .addClass('row sensor-data')
+                            .attr('data-sensor-type', sensor);
+
+                        var $name = $('<div></div>')
+                            .addClass('sensor-name six columns')
+                            .text(sensor);
+
+                        $sensorValue = $('<div></div>')
+                            .addClass('sensor-value six columns');
+
+                        $sensor.appendTo($container);
+                    } else {
+                        $sensorValue = $sensor.find('.sensor-value');
+                    }
+
+                    $sensorValue.text(data[sensor]);
+                }
+
+                break;
+        }
+    };
+
+    var initEvents = function() {
+        window.registerEventListener(onEvent);
+    };
+
+    var init = function() {
+        initEvents();
+    };
+
+    init();
+});
+
diff --git a/platypush/backend/http/templates/plugins/gpio.sensor.mcp3008.html b/platypush/backend/http/templates/plugins/gpio.sensor.mcp3008.html
new file mode 100644
index 00000000..be1a5151
--- /dev/null
+++ b/platypush/backend/http/templates/plugins/gpio.sensor.mcp3008.html
@@ -0,0 +1,5 @@
+<script type="text/javascript" src="{{ url_for('static', filename='js/gpio.sensor.mcp3008.js') }}"></script>
+<link rel="stylesheet" href="{{ url_for('static', filename='css/gpio.sensor.mcp3008.css') }}"></script>
+
+<div class="row" id="sensors-container"></div>
+