From 87913dfd280c76c243f388f1b4dc5af90a2b5619 Mon Sep 17 00:00:00 2001
From: Ziver Koc <ziver@koc.se>
Date: Fri, 22 Jan 2016 10:52:28 +0100
Subject: [PATCH] Added Event overview page. issue 5

Former-commit-id: 6ee75491189dc68b53b928436ef5d06a81b81568
---
 src/se/hal/HalServer.java                  |  2 +
 src/se/hal/page/EventOverviewHttpPage.java | 85 ++++++++++++++++++++++
 web-resource/event_detail.tmpl             | 22 ++++++
 web-resource/event_overview.tmpl           | 37 ++++++++++
 4 files changed, 146 insertions(+)
 create mode 100755 src/se/hal/page/EventOverviewHttpPage.java
 create mode 100755 web-resource/event_detail.tmpl
 create mode 100755 web-resource/event_overview.tmpl

diff --git a/src/se/hal/HalServer.java b/src/se/hal/HalServer.java
index da3637b2..2fc13ded 100755
--- a/src/se/hal/HalServer.java
+++ b/src/se/hal/HalServer.java
@@ -82,6 +82,8 @@ public class HalServer {
                 new PCOverviewHttpPage(),
                 new PCHeatMapHttpPage(),
                 new SensorConfigHttpPage(),
+
+                new EventOverviewHttpPage(),
                 new EventConfigHttpPage(),
                 new UserConfigHttpPage(),
         };
diff --git a/src/se/hal/page/EventOverviewHttpPage.java b/src/se/hal/page/EventOverviewHttpPage.java
new file mode 100755
index 00000000..d157dafa
--- /dev/null
+++ b/src/se/hal/page/EventOverviewHttpPage.java
@@ -0,0 +1,85 @@
+package se.hal.page;
+
+import se.hal.ControllerManager;
+import se.hal.HalContext;
+import se.hal.intf.HalEventData;
+import se.hal.intf.HalHttpPage;
+import se.hal.struct.Event;
+import se.hal.struct.User;
+import zutil.db.DBConnection;
+import zutil.db.SQLResultHandler;
+import zutil.io.file.FileUtil;
+import zutil.parser.Templator;
+import zutil.ui.Configurator;
+import zutil.ui.Configurator.ConfigurationParam;
+
+import java.sql.PreparedStatement;
+import java.sql.ResultSet;
+import java.sql.SQLException;
+import java.sql.Statement;
+import java.util.ArrayList;
+import java.util.List;
+import java.util.Map;
+
+public class EventOverviewHttpPage extends HalHttpPage {
+    private static final String OVERVIEW_TEMPLATE = "web-resource/event_overview.tmpl";
+    private static final String DETAIL_TEMPLATE = "web-resource/event_detail.tmpl";
+
+
+    public EventOverviewHttpPage(){
+        super("Overview", "event_overview");
+        super.getRootNav().getSubNav("events").addSubNav(super.getNav());
+    }
+
+    @Override
+    public Templator httpRespond(
+            Map<String, Object> session,
+            Map<String, String> cookie,
+            Map<String, String> request)
+            throws Exception{
+
+        DBConnection db = HalContext.getDB();
+
+        // Save new input
+        if(request.containsKey("id")){
+            int id = Integer.parseInt(request.get("id"));
+            Event event = Event.getEvent(db, id);
+
+            // get history data
+            PreparedStatement stmt = db.getPreparedStatement("SELECT * FROM event_data_raw WHERE event_id == ?");
+            stmt.setLong(1, event.getId());
+            List<HistoryData> history = DBConnection.exec(stmt, new HistoryDataListSqlResult());
+
+            Templator tmpl = new Templator(FileUtil.find(DETAIL_TEMPLATE));
+            tmpl.set("event", event);
+            tmpl.set("history", history);
+            return tmpl;
+        }
+        else {
+            Templator tmpl = new Templator(FileUtil.find(OVERVIEW_TEMPLATE));
+            tmpl.set("events", Event.getLocalEvents(db));
+            return tmpl;
+        }
+    }
+
+
+
+    protected static class HistoryData{
+        public long timestamp;
+        public double data;
+    }
+
+    protected class HistoryDataListSqlResult implements SQLResultHandler<List<HistoryData>> {
+        @Override
+        public List<HistoryData> handleQueryResult(Statement stmt, ResultSet result) throws SQLException {
+            ArrayList<HistoryData> list = new ArrayList<HistoryData>();
+            while(result.next()){
+                HistoryData data = new HistoryData();
+                data.timestamp = result.getLong("timestamp");
+                data.data = result.getLong("data");
+                list.add(data);
+            }
+            return list;
+        }
+    }
+}
diff --git a/web-resource/event_detail.tmpl b/web-resource/event_detail.tmpl
new file mode 100755
index 00000000..e0729ff0
--- /dev/null
+++ b/web-resource/event_detail.tmpl
@@ -0,0 +1,22 @@
+<h1 class="page-header">Details for <a href="#">{{event.getName()}}</a></h1>
+
+<div class="col-md-12">
+    <div class="panel panel-default drop-shadow">
+        <div class="panel-heading">History data</div>
+        <div class="panel-body">
+
+            <table class="table table-hover table-condensed">
+                <thead>
+                    <th class="col-md-6">Timestamp</th>
+                    <th class="col-md-2">Data</th>
+                </thead>
+                {{#history}}
+                <tr>
+                    <td>{{.timestamp}}</a></td>
+                    <td>{{.data()}}</td>
+                </tr>
+                {{/history}}
+            </table>
+        </div>
+    </div>
+</div>
diff --git a/web-resource/event_overview.tmpl b/web-resource/event_overview.tmpl
new file mode 100755
index 00000000..c3952068
--- /dev/null
+++ b/web-resource/event_overview.tmpl
@@ -0,0 +1,37 @@
+<h1 class="page-header">Event Overview</h1>
+
+<div class="col-md-12">
+    <div class="panel panel-default drop-shadow">
+        <div class="panel-heading">Local Events</div>
+        <div class="panel-body">
+
+            <table class="table table-hover table-condensed">
+                <thead>
+                    <th class="col-md-5">Name</th>
+                    <th class="col-md-3">Data</th>
+                    <th class="col-md-3">Last Update</th>
+                    <th class="col-md-1">Actions</th>
+                </thead>
+                {{#events}}
+                <tr>
+                    <td><a href="?id={{.getId()}}">{{.getName()}}</a></td>
+                    <td>{{.getData()}}</td>
+                    <td>updated 1 min ago</td>
+                    <td>
+                        <form method="POST">
+                            <input type="hidden" name="action" value="-">
+                            <input type="hidden" name="id" value="{{.getId()}}">
+
+                            <div class="btn-toolbar pull-right">
+                                <button type="submit" class="btn btn-danger btn-xs">
+                                    <span class="glyphicon glyphicon-trash"></span>
+                                </button>
+                            </div>
+                        </form>
+                    </td>
+                </tr>
+                {{/events}}
+            </table>
+        </div>
+    </div>
+</div>