From fbaa9a2e2f2ce3a65c3474bab9ce13c8642b509d Mon Sep 17 00:00:00 2001
From: charithag <charitha.ws@gmail.com>
Date: Fri, 7 Aug 2015 13:43:17 +0530
Subject: [PATCH] Complete device event stream client side

---
 .../iotserver/units/dashboard/dashboard.hbs   |  4 ++-
 .../units/dashboard/public/js/dashboard.js    | 30 +++++++++++++++++--
 .../public/templates/event-stream.hbs         |  6 ++--
 3 files changed, 34 insertions(+), 6 deletions(-)

diff --git a/modules/distribution/src/repository/jaggeryapps/iotserver/units/dashboard/dashboard.hbs b/modules/distribution/src/repository/jaggeryapps/iotserver/units/dashboard/dashboard.hbs
index e8cf3aa4..8d897e66 100644
--- a/modules/distribution/src/repository/jaggeryapps/iotserver/units/dashboard/dashboard.hbs
+++ b/modules/distribution/src/repository/jaggeryapps/iotserver/units/dashboard/dashboard.hbs
@@ -118,9 +118,11 @@
         </div>
     </div>
     <!-- /dashboard -->
-    <div id="event-stream" style="padding-top: 20px;">
+    <div id="event-stream-place-holder" style="padding-top: 20px;">
 	</div>
 {{/zone}}
 {{#zone "bottomJs"}}
     <script src="{{self.publicURL}}/js/dashboard.js"></script>
+    <script id="event-stream" src="{{self.publicURL}}/templates/event-stream.hbs"
+            type="text/x-handlebars-template"></script>
 {{/zone}}
\ No newline at end of file
diff --git a/modules/distribution/src/repository/jaggeryapps/iotserver/units/dashboard/public/js/dashboard.js b/modules/distribution/src/repository/jaggeryapps/iotserver/units/dashboard/public/js/dashboard.js
index 3ea1cb56..7662c29c 100644
--- a/modules/distribution/src/repository/jaggeryapps/iotserver/units/dashboard/public/js/dashboard.js
+++ b/modules/distribution/src/repository/jaggeryapps/iotserver/units/dashboard/public/js/dashboard.js
@@ -9,11 +9,37 @@ var updateStats = function (serviceURL, id) {
     );
 };
 
-$(document).ready(function(){
+$(document).ready(function () {
     updateStats("/iotserver/api/devices/count", "#device-count");
     updateStats("/iotserver/api/group/all/count", "#group-count");
     updateStats("/iotserver/api/policies/count", "#policy-count");
     updateStats("/iotserver/api/users/count", "#user-count");
 
+    displayEvents();
+});
 
-});
\ No newline at end of file
+var displayEvents = function () {
+    var eventListing = $("#event-stream");
+    var eventListingSrc = eventListing.attr("src");
+    $.template("event-stream", eventListingSrc, function (template) {
+        var serviceURL = "/iotserver/api/event/list";
+        var successCallback = function (data) {
+            var viewModel = {};
+            viewModel.data = JSON.parse(data);
+            var content = template(viewModel);
+            $("#event-stream-place-holder").html(content);
+            formatDates();
+        };
+        invokerUtil.get(serviceURL,
+            successCallback, function (message) {
+                console.log(message);
+            });
+    });
+}
+
+function formatDates() {
+    $(".formatDate").each(function () {
+        var timeStamp = $(this).html();
+        $(this).html(new Date(parseInt(timeStamp)).toUTCString());
+    });
+}
diff --git a/modules/distribution/src/repository/jaggeryapps/iotserver/units/dashboard/public/templates/event-stream.hbs b/modules/distribution/src/repository/jaggeryapps/iotserver/units/dashboard/public/templates/event-stream.hbs
index 35e004c4..accd43dc 100644
--- a/modules/distribution/src/repository/jaggeryapps/iotserver/units/dashboard/public/templates/event-stream.hbs
+++ b/modules/distribution/src/repository/jaggeryapps/iotserver/units/dashboard/public/templates/event-stream.hbs
@@ -1,6 +1,6 @@
 <div class="col-lg-12 wr-secondary-bar" style="width: inherit;">
     <label class="device-id device-select" style="font-size: 20px; margin-bottom: 0px;">
-        Device Data Stream
+        Device Events Stream
     </label>
 </div>
 <br/>
@@ -17,8 +17,8 @@
         <tbody>
 		{{#each data}}
             <tr>
-                <td width="20%">{{time}}</td>
-                <td width="20%">{{deviceIdentifier}}</td>
+                <td width="20%" class="formatDate">{{time}}</td>
+                <td width="20%">{{deviceName}}</td>
                 <td>{{activity}}</td>
             </tr>
 		{{/each}}