From c5b0b501ae3b2075b334efd1933e8f3aa55c954b Mon Sep 17 00:00:00 2001
From: Ziver Koc <ziver@koc.se>
Date: Sat, 2 Jul 2016 00:12:07 +0200
Subject: [PATCH] Map shows actual data and device positions are saved in DB

---
 hal-default.db                        | Bin 16384 -> 16384 bytes
 resource/web/map.tmpl                 |  60 ++++++++++++++++++-----
 src/se/hal/page/MapHttpPage.java      |  68 +++++++++++++++++++++++---
 src/se/hal/struct/AbstractDevice.java |  21 ++++++++
 4 files changed, 129 insertions(+), 20 deletions(-)

diff --git a/hal-default.db b/hal-default.db
index 03de595565f0fc405eef85245b9bfec98d177062..44a7a8d48d66dad2d0f38bd8e9dbabd3c0a27953 100755
GIT binary patch
delta 554
zcmZo@U~Fh$oFFZ@l!1Xk0EoGOm=TD#PSi1GT)Ht~7Bd@2n3HRh0V@wL^GOEgZ_JmO
zUo)R%p1+xqrI(pWLwNFPVGR`yVP<iT)UwpP5-}ELL&lV(__EZZ;>`TK_>9crlKi4d
zR!-i{Z-s?87%eu*u&{`*G3;h$e9kzPQInB@=@i3m1}g^BiH&lT%@kTEw`#d=Qk=)g
z#Gp5Mfs)qdQ(9(>K)e1k3o`IBwK6a<u4Q0c%XFLRHpBeM0vi2XP22+P;*ye#&4rWy
z*g9}EI`XiKi;FWhB~H$=pQ@sxkl>b?nv-Id!0G81;_B`i1QRibi%edld6R`Xfgx;i
zr&iG9+jgxiKrb(tET}nWlMagj4>RKg2Ig|67$B85nUN)qt4ULiT|7LTvDt94p{>Q_
zJ;LIQ%##Id#V2nUmSIeoEXbH=kegT#Uy;BW<m%|7;Nt4$80r(EV4%arnE;Zggh@1d
z0u2JWwGil5waFq(29y6Q*?1GD8D=V%W|M>jI0Ra_OA?cEQj1gbit~#g<m83SqLT#}
an<x7#3r^l<r)&aq17XJ@%%7ZT+X(>FDwnzd

delta 491
zcmZo@U~Fh$oFFZ@n1O*o0En4@m=TD(Ch8b7F5Z|hi<ylZ$mQhN%&798dGmi`HV$s)
z%M8rlm@hNGW?s2jkYy$_lLp)5g~A$AVl2#tj44U+WvNBQnfZC~8JWc;`9+nioNSxl
z3JY;Cns1U}VG&_rWMF1|&N!7(lM!eW(;NmX2Gfa+a+A#zS|{__$xW_j6q(F#FUZ8D
zxk+&zBNJoF<ONDvlld51L85Y8ItmGHnW;G`773i5ej%>zu0fiOoQ&+^+S-hbo|7Bx
zl_xJ`4&{Q$0S&QWW8qrMz;ueKm2oX2?_>du{>eYJcp3R7vun${@^Wz|lw{_n7MCRE
z7Qju^0STv;rRJ5yXQrTvrX-dm!bNzwG#h1k*e9oG&zZbd^Ty=e3a*n+X$fw=t)$Ah
zNry#%hlMedfjNQcHsdG8%*lc*%eb1H1=z*I!x@`XC(pIfn!LzHRf)?v$kj2#RUyRD
z$;VY8p|~(7vm`aCD8JD|5UjK@AEcBIE?!=oS`<II+`f~mF%4*#q$Fdr`s9@w4wJQ+
XBqx8cwSfkp2`~UB-_~knfw>R>lJ|(S

diff --git a/resource/web/map.tmpl b/resource/web/map.tmpl
index 919e1c31..73e6b8aa 100755
--- a/resource/web/map.tmpl
+++ b/resource/web/map.tmpl
@@ -1,3 +1,4 @@
+
 <style>
     .view-mode {
         display: block;
@@ -42,8 +43,8 @@
 </div>
 
 
-<script src="js/svg.min.js"></script>
-<script src="js/svg.draggable.min.js"></script>
+<script src="js/svg.js"></script>
+<script src="js/svg.draggable.js"></script>
 <script>
     var svg;
     var editModeEnabled = false;
@@ -62,7 +63,7 @@
             editMode(true);
         });
         $("#button-save").click(function() {
-            //saveMap();
+            saveMap();
             editMode(false);
             drawMap();
         });
@@ -92,20 +93,53 @@
     }
 
     function drawMap(){
-        ////////////////  Init
         // Get map data
+        $.getJSON("?json&action=getdata", function(json){
+            // reset map
+            svg.clear();
 
-        // reset map
-        svg.clear();
+            ////////////////  Draw
+            // Background
+            svg.image("/img/floorplan.jpg", "100%", "100%").x(0).y(0).addClass("floorplan");
 
-        ////////////////  Draw
-        // Background
-        svg.image("?floorplan", "100%", "100%").x(0).y(0).addClass("floorplan");
+            // Sensors
+            $.each(json.sensors, function(i, sensor) {
+                var device = svg.image("/img/temperature.png").addClass("draggable").addClass("sensor");
+                device.x(sensor.x);
+                device.y(sensor.y);
+                device.attr("device-id", sensor.id);
+            });
+            // Events
+            $.each(json.events, function(i, event) {
+                var device = svg.image("/img/lightbulb.svg").addClass("draggable").addClass("event");
+                device.x(event.x);
+                device.y(event.y);
+                device.attr("device-id", event.id);
+            });
+        });
+    }
 
-        // Sensors
-        svg.image("/img/temperature.png").x(150).y(150).addClass("draggable").addClass("sensor");
-        // Events
-        svg.image("/img/lightbulb.svg").x(100).y(100).addClass("draggable").addClass("event");
+    function saveMap(){
+        svg.select(".sensor").each(function(){
+            saveDevice(this, "sensor");
+        });
+        svg.select(".event").each(function(){
+            saveDevice(this, "event");
+        });
+    }
+    function saveDevice(element, type){
+        $.ajax({
+            async: false,
+            dataType: "json",
+            url: "?json",
+            data: {
+                action: "save",
+                id: element.attr("device-id"),
+                type: type,
+                x: element.x(),
+                y: element.y()
+            },
+        });
     }
 </script>
 
diff --git a/src/se/hal/page/MapHttpPage.java b/src/se/hal/page/MapHttpPage.java
index 1a3f8f12..52d63a88 100755
--- a/src/se/hal/page/MapHttpPage.java
+++ b/src/se/hal/page/MapHttpPage.java
@@ -2,18 +2,21 @@ package se.hal.page;
 
 import se.hal.HalContext;
 import se.hal.intf.HalHttpPage;
+import se.hal.struct.AbstractDevice;
 import se.hal.struct.Event;
 import se.hal.struct.Sensor;
 import zutil.db.DBConnection;
 import zutil.io.file.FileUtil;
+import zutil.parser.DataNode;
 import zutil.parser.Templator;
 
+import java.sql.SQLException;
 import java.util.Map;
 
 /**
  * Created by Ziver on 2016-06-23.
  */
-public class MapHttpPage extends HalHttpPage {
+public class MapHttpPage extends HalHttpPage implements HalHttpPage.HalJsonPage{
     private static final String TEMPLATE = "resource/web/map.tmpl";
 
 
@@ -23,13 +26,64 @@ public class MapHttpPage extends HalHttpPage {
         super.showSubNav(false);
     }
 
-    @Override
-    public Templator httpRespond(Map<String, Object> session, Map<String, String> cookie, Map<String, String> request) throws Exception {
-        DBConnection db = HalContext.getDB();
-        Templator tmpl = new Templator(FileUtil.find(TEMPLATE));
-        tmpl.set("sensors", Sensor.getLocalSensors(db));
-        tmpl.set("events", Event.getLocalEvents(db));
 
+    @Override
+    public Templator httpRespond(Map<String, Object> session,
+                                 Map<String, String> cookie,
+                                 Map<String, String> request) throws Exception {
+        Templator tmpl = new Templator(FileUtil.find(TEMPLATE));
         return tmpl;
     }
+
+
+    @Override
+    public DataNode jsonResponse(Map<String, Object> session,
+                                 Map<String, String> cookie,
+                                 Map<String, String> request) throws Exception {
+        DBConnection db = HalContext.getDB();
+        DataNode root = new DataNode(DataNode.DataType.Map);
+        if ("getdata".equals(request.get("action"))){
+            getDeviceNode(db, root);
+        }
+        else if ("save".equals(request.get("action"))){
+            int id = Integer.parseInt(request.get("id"));
+            AbstractDevice device = null;
+            if ("sensor".equals(request.get("type")))
+                device = Sensor.getSensor(db, id);
+            else if ("event".equals(request.get("type")))
+                device = Event.getEvent(db, id);
+
+            device.setX(Float.parseFloat(request.get("x")));
+            device.setY(Float.parseFloat(request.get("y")));
+            device.save(db);
+        }
+        return root;
+    }
+
+
+    private void getDeviceNode(DBConnection db, DataNode root) throws SQLException {
+        DataNode sensorsNode = new DataNode(DataNode.DataType.List);
+        for (Sensor sensor : Sensor.getLocalSensors(db)) {
+            DataNode sensorNode = getDeviceNode(sensor);
+            sensorNode.set("data", sensor.getDeviceData().getData());
+            sensorsNode.add(sensorNode);
+        }
+        root.set("sensors", sensorsNode);
+
+        DataNode eventsNode = new DataNode(DataNode.DataType.List);
+        for (Event event : Event.getLocalEvents(db)) {
+            DataNode eventNode = getDeviceNode(event);
+            eventNode.set("data", event.getDeviceData().getData());
+            eventsNode.add(eventNode);
+        }
+        root.set("events", eventsNode);
+    }
+    private DataNode getDeviceNode(AbstractDevice device){
+        DataNode deviceNode = new DataNode(DataNode.DataType.Map);
+        deviceNode.set("id", device.getId());
+        deviceNode.set("name", device.getName());
+        deviceNode.set("x", device.getX());
+        deviceNode.set("y", device.getY());
+        return deviceNode;
+    }
 }
diff --git a/src/se/hal/struct/AbstractDevice.java b/src/se/hal/struct/AbstractDevice.java
index ad788512..39783b66 100755
--- a/src/se/hal/struct/AbstractDevice.java
+++ b/src/se/hal/struct/AbstractDevice.java
@@ -30,6 +30,13 @@ public abstract class AbstractDevice<T> extends DBBean {
     @DBColumn("user_id")
     private User user;
 
+    // UI variables
+    @DBColumn("map_x")
+    private double x;
+    @DBColumn("map_y")
+    private double y;
+
+
 
     public Configurator<T> getDeviceConfig() {
         T obj = getDeviceData();
@@ -101,4 +108,18 @@ public abstract class AbstractDevice<T> extends DBBean {
     public void setUser(User user) {
         this.user = user;
     }
+
+    public double getX() {
+        return x;
+    }
+    public void setX(double x) {
+        this.x = x;
+    }
+    public double getY() {
+        return y;
+    }
+    public void setY(double y) {
+        this.y = y;
+    }
+
 }