+
+
+
+{{#zone "bottomJs"}}
+ {{js "js/devicetype-graph.js"}}
+{{/zone}}
\ No newline at end of file
diff --git a/modules/distribution/src/core/samples/sampledevice/component/ui/src/main/resources/jaggeryapps/devicemgt/app/units/cdmf.unit.device.type.sampledevice.analytics-view/analytics-view.js b/modules/distribution/src/core/samples/sampledevice/component/ui/src/main/resources/jaggeryapps/devicemgt/app/units/cdmf.unit.device.type.sampledevice.analytics-view/analytics-view.js
new file mode 100644
index 00000000..d9573aaa
--- /dev/null
+++ b/modules/distribution/src/core/samples/sampledevice/component/ui/src/main/resources/jaggeryapps/devicemgt/app/units/cdmf.unit.device.type.sampledevice.analytics-view/analytics-view.js
@@ -0,0 +1,44 @@
+/*
+ * Copyright (c) 2017, WSO2 Inc. (http://www.wso2.org) All Rights Reserved.
+ *
+ * WSO2 Inc. licenses this file to you under the Apache License,
+ * Version 2.0 (the "License"); you may not use this file except
+ * in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied. See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+
+function onRequest(context) {
+ var devicemgtProps = require("/app/modules/conf-reader/main.js")["conf"];
+
+ var devices = context.unit.params.devices;
+ var deviceType = context.uriParams.deviceType;
+ var deviceId = request.getParameter("deviceId");
+
+ if (devices) {
+ return {
+ "devices": stringify(devices),
+ "backendApiUri": "/" + deviceType + "/device/stats/"
+ };
+ } else if (deviceType != null && deviceType != undefined && deviceId != null && deviceId != undefined) {
+ var deviceModule = require("/app/modules/business-controllers/device.js")["deviceModule"];
+ var device = deviceModule.viewDevice(deviceType, deviceId);
+ if (device && device.status != "error") {
+ return {
+ "device": device.content,
+ "backendApiUri": "/" + deviceType +"/device/stats/" + deviceId
+ };
+ } else {
+ response.sendError(404, "Device Id " + deviceId + " of type " + deviceType + " cannot be found!");
+ exit();
+ }
+ }
+}
\ No newline at end of file
diff --git a/modules/distribution/src/core/samples/sampledevice/component/ui/src/main/resources/jaggeryapps/devicemgt/app/units/cdmf.unit.device.type.sampledevice.analytics-view/analytics-view.json b/modules/distribution/src/core/samples/sampledevice/component/ui/src/main/resources/jaggeryapps/devicemgt/app/units/cdmf.unit.device.type.sampledevice.analytics-view/analytics-view.json
new file mode 100644
index 00000000..688e9398
--- /dev/null
+++ b/modules/distribution/src/core/samples/sampledevice/component/ui/src/main/resources/jaggeryapps/devicemgt/app/units/cdmf.unit.device.type.sampledevice.analytics-view/analytics-view.json
@@ -0,0 +1,3 @@
+{
+ "version": "1.0.0"
+}
\ No newline at end of file
diff --git a/modules/distribution/src/core/samples/sampledevice/component/ui/src/main/resources/jaggeryapps/devicemgt/app/units/cdmf.unit.device.type.sampledevice.analytics-view/public/js/devicetype-graph.js b/modules/distribution/src/core/samples/sampledevice/component/ui/src/main/resources/jaggeryapps/devicemgt/app/units/cdmf.unit.device.type.sampledevice.analytics-view/public/js/devicetype-graph.js
new file mode 100644
index 00000000..7eeaede7
--- /dev/null
+++ b/modules/distribution/src/core/samples/sampledevice/component/ui/src/main/resources/jaggeryapps/devicemgt/app/units/cdmf.unit.device.type.sampledevice.analytics-view/public/js/devicetype-graph.js
@@ -0,0 +1,208 @@
+/*
+ * Copyright (c) 2017, WSO2 Inc. (http://www.wso2.org) All Rights Reserved.
+ *
+ * WSO2 Inc. licenses this file to you under the Apache License,
+ * Version 2.0 (the "License"); you may not use this file except
+ * in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied. See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+
+var palette = new Rickshaw.Color.Palette({scheme: "classic9"});
+var sensorType1 = "sensor_temp";
+
+var sensorType1Graph;
+
+
+function drawGraph_sampledevice(from, to)
+{
+ //clear the graph before reloading
+ $("#sensorType1yAxis").html("");
+ $("#smoother").html("");
+ $("#sensorType1Legend").html("");
+ $("#chartSensorType1").html("");
+ $("#sensorType1xAxis").html("");
+ $("#sensorType1Slider").html("");
+
+
+
+ var devices = $("#details").data("devices");
+ var tzOffset = new Date().getTimezoneOffset() * 60;
+ var chartWrapperElmId = "#chartDivSensorType1";
+ var graphWidth = $(chartWrapperElmId).width() - 50;
+ var graphConfigSensorType1 = getGraphConfig("chartSensorType1");
+ var graphConfigSensorType2 = getGraphConfig("chartSensorType2");
+
+ function getGraphConfig(placeHolder) {
+ return {
+ element: document.getElementById(placeHolder),
+ width: graphWidth,
+ height: 400,
+ strokeWidth: 2,
+ renderer: 'line',
+ interpolation: "linear",
+ unstack: true,
+ stack: false,
+ xScale: d3.time.scale(),
+ padding: {top: 0.2, left: 0.02, right: 0.02, bottom: 0.2},
+ series: []
+ }
+ };
+
+ if (devices) {
+ for (var i = 0; i < devices.length; i++) {
+ graphConfigSensorType1['series'].push(
+ {
+ 'color': palette.color(),
+ 'data': [{
+ x: parseInt(new Date().getTime() / 1000),
+ y: 0
+ }],
+ 'name': devices[i].name
+ });
+
+ graphConfigSensorType2['series'].push(
+ {
+ 'color': palette.color(),
+ 'data': [{
+ x: parseInt(new Date().getTime() / 1000),
+ y: 0
+ }],
+ 'name': devices[i].name
+ });
+ }
+ } else {
+ graphConfigSensorType1['series'].push(
+ {
+ 'color': palette.color(),
+ 'data': [{
+ x: parseInt(new Date().getTime() / 1000),
+ y: 0
+ }],
+ 'name': $("#details").data("devicename")
+ });
+ graphConfigSensorType2['series'].push(
+ {
+ 'color': palette.color(),
+ 'data': [{
+ x: parseInt(new Date().getTime() / 1000),
+ y: 0
+ }],
+ 'name': $("#details").data("devicename")
+ });
+ }
+
+ sensorType1Graph = new Rickshaw.Graph(graphConfigSensorType1);
+
+ drawGraph(sensorType1Graph, "sensorType1yAxis", "sensorType1Slider", "sensorType1Legend", sensorType1
+ , graphConfigSensorType1, "chartSensorType1");
+
+ function drawGraph(graph, yAxis, slider, legend, sensorType, graphConfig, chart) {
+ console.log("1");
+ graph.render();
+ var xAxis = new Rickshaw.Graph.Axis.Time({
+ graph: graph
+ });
+ xAxis.render();
+ var yAxis = new Rickshaw.Graph.Axis.Y({
+ graph: graph,
+ orientation: 'left',
+ element: document.getElementById(yAxis),
+ width: 40,
+ height: 410
+ });
+ yAxis.render();
+ var slider = new Rickshaw.Graph.RangeSlider.Preview({
+ graph: graph,
+ element: document.getElementById(slider)
+ });
+ var legend = new Rickshaw.Graph.Legend({
+ graph: graph,
+ element: document.getElementById(legend)
+ });
+ var hoverDetail = new Rickshaw.Graph.HoverDetail({
+ graph: graph,
+ formatter: function (series, x, y) {
+ var date = '' +
+ moment.unix((x + tzOffset) * 1000).format('Do MMM YYYY h:mm:ss a') + '';
+ var swatch = '';
+ return swatch + series.name + ": " + parseInt(y) + '
+ sensor_temp
+
+
+
+
+
+
+
+
+
+ ' + date; + } + }); + var shelving = new Rickshaw.Graph.Behavior.Series.Toggle({ + graph: graph, + legend: legend + }); + var order = new Rickshaw.Graph.Behavior.Series.Order({ + graph: graph, + legend: legend + }); + var highlighter = new Rickshaw.Graph.Behavior.Series.Highlight({ + graph: graph, + legend: legend + }); + var deviceIndex = 0; + console.log("1"); + if (devices) { + getData(chat, deviceIndex, sensorType); + } else { + var backendApiUrl = $("#" + chart + "").data("backend-api-url") + "?from=" + from + "&to=" + to + + "&sensorType=" + sensorType; + var successCallback = function (data) { + if (data) { + drawLineGraph(JSON.parse(data), sensorType, deviceIndex, graphConfig, graph); + } + }; + invokerUtil.get(backendApiUrl, successCallback, function (message) { + console.log(message); + }); + } + } + + function getData(placeHolder, deviceIndex, sensorType, graphConfig, graph) { + if (deviceIndex >= devices.length) { + return; + } + var backendApiUrl = $("#" + placeHolder + "").data("backend-api-url") + devices[deviceIndex].deviceIdentifier + + "?from=" + from + "&to=" + to + "&sensorType=" + sensorType; + var successCallback = function (data) { + if (data) { + console.log("----" + data); + drawLineGraph(JSON.parse(data), sensorType, deviceIndex, graphConfig, graph); + } + deviceIndex++; + getData(placeHolder, deviceIndex, sensorType); + }; + invokerUtil.get(backendApiUrl, successCallback, function (message) { + console.log(message); + deviceIndex++; + getData(placeHolder, deviceIndex, sensorType); + }); + } + + function drawLineGraph(data, sensorType, deviceIndex, graphConfig, graph) { + if (data.length === 0 || data.length === undefined) { + return; + } + var chartData = []; + for (var i = 0; i < data.length; i++) { + chartData.push( + { + x: parseInt(data[i].values.meta_time) - tzOffset, + y: parseInt(data[i].values[sensorType]) + } + ); + } + graphConfig.series[deviceIndex].data = chartData; + graph.update(); + } +} diff --git a/modules/distribution/src/core/samples/sampledevice/component/ui/src/main/resources/jaggeryapps/devicemgt/app/units/cdmf.unit.device.type.sampledevice.device-view/device-view.hbs b/modules/distribution/src/core/samples/sampledevice/component/ui/src/main/resources/jaggeryapps/devicemgt/app/units/cdmf.unit.device.type.sampledevice.device-view/device-view.hbs new file mode 100644 index 00000000..daf6a20b --- /dev/null +++ b/modules/distribution/src/core/samples/sampledevice/component/ui/src/main/resources/jaggeryapps/devicemgt/app/units/cdmf.unit.device.type.sampledevice.device-view/device-view.hbs @@ -0,0 +1,56 @@ +{{! + Copyright (c) 2017, WSO2 Inc. (http://www.wso2.org) All Rights Reserved. + + WSO2 Inc. licenses this file to you under the Apache License, + Version 2.0 (the "License"); you may not use this file except + in compliance with the License. + You may obtain a copy of the License at + + http://www.apache.org/licenses/LICENSE-2.0 + + Unless required by applicable law or agreed to in writing, + software distributed under the License is distributed on an + "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY + KIND, either express or implied. See the License for the + specific language governing permissions and limitations + under the License. +}} +{{#zone "topCss"}} + +{{/zone}} + +{{#zone "device-thumbnail"}} +
+{{/zone}}
+
+{{#zone "device-opetations"}}
+
+ Operations
+
+
+ {{unit "cdmf.unit.device.operation-bar" device=device autoCompleteParams=autoCompleteParams
+ encodedFeaturePayloads=encodedFeaturePayloads}}
+
+{{/zone}}
+
+{{#zone "device-view-tabs"}}
+
+
+
+{{/zone}}
\ No newline at end of file
diff --git a/modules/distribution/src/core/samples/sampledevice/component/ui/src/main/resources/jaggeryapps/devicemgt/app/units/cdmf.unit.device.type.sampledevice.device-view/device-view.js b/modules/distribution/src/core/samples/sampledevice/component/ui/src/main/resources/jaggeryapps/devicemgt/app/units/cdmf.unit.device.type.sampledevice.device-view/device-view.js
new file mode 100644
index 00000000..b8c70bc8
--- /dev/null
+++ b/modules/distribution/src/core/samples/sampledevice/component/ui/src/main/resources/jaggeryapps/devicemgt/app/units/cdmf.unit.device.type.sampledevice.device-view/device-view.js
@@ -0,0 +1,37 @@
+/*
+ * Copyright (c) 2017, WSO2 Inc. (http://www.wso2.org) All Rights Reserved.
+ *
+ * WSO2 Inc. licenses this file to you under the Apache License,
+ * Version 2.0 (the "License"); you may not use this file except
+ * in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied. See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+
+function onRequest(context) {
+ var log = new Log("device-view.js");
+ var deviceType = context.uriParams.deviceType;
+ var deviceId = request.getParameter("id");
+ var autoCompleteParams = [
+ {"name" : "deviceId", "value" : deviceId}
+ ];
+
+ if (deviceType != null && deviceType != undefined && deviceId != null && deviceId != undefined) {
+ var deviceModule = require("/app/modules/business-controllers/device.js")["deviceModule"];
+ var device = deviceModule.viewDevice(deviceType, deviceId);
+ if (device && device.status != "error") {
+ return {"device": device.content, "autoCompleteParams" : autoCompleteParams, "encodedFeaturePayloads": ""};
+ } else {
+ response.sendError(404, "Device Id " + deviceId + " of type " + deviceType + " cannot be found!");
+ exit();
+ }
+ }
+}
\ No newline at end of file
diff --git a/modules/distribution/src/core/samples/sampledevice/component/ui/src/main/resources/jaggeryapps/devicemgt/app/units/cdmf.unit.device.type.sampledevice.device-view/device-view.json b/modules/distribution/src/core/samples/sampledevice/component/ui/src/main/resources/jaggeryapps/devicemgt/app/units/cdmf.unit.device.type.sampledevice.device-view/device-view.json
new file mode 100644
index 00000000..688e9398
--- /dev/null
+++ b/modules/distribution/src/core/samples/sampledevice/component/ui/src/main/resources/jaggeryapps/devicemgt/app/units/cdmf.unit.device.type.sampledevice.device-view/device-view.json
@@ -0,0 +1,3 @@
+{
+ "version": "1.0.0"
+}
\ No newline at end of file
diff --git a/modules/distribution/src/core/samples/sampledevice/component/ui/src/main/resources/jaggeryapps/devicemgt/app/units/cdmf.unit.device.type.sampledevice.device-view/public/images/deviceType.png b/modules/distribution/src/core/samples/sampledevice/component/ui/src/main/resources/jaggeryapps/devicemgt/app/units/cdmf.unit.device.type.sampledevice.device-view/public/images/deviceType.png
new file mode 100644
index 00000000..766cd2ba
Binary files /dev/null and b/modules/distribution/src/core/samples/sampledevice/component/ui/src/main/resources/jaggeryapps/devicemgt/app/units/cdmf.unit.device.type.sampledevice.device-view/public/images/deviceType.png differ
diff --git a/modules/distribution/src/core/samples/sampledevice/component/ui/src/main/resources/jaggeryapps/devicemgt/app/units/cdmf.unit.device.type.sampledevice.realtime.analytics-view/analytics-view.hbs b/modules/distribution/src/core/samples/sampledevice/component/ui/src/main/resources/jaggeryapps/devicemgt/app/units/cdmf.unit.device.type.sampledevice.realtime.analytics-view/analytics-view.hbs
new file mode 100644
index 00000000..98600ffc
--- /dev/null
+++ b/modules/distribution/src/core/samples/sampledevice/component/ui/src/main/resources/jaggeryapps/devicemgt/app/units/cdmf.unit.device.type.sampledevice.realtime.analytics-view/analytics-view.hbs
@@ -0,0 +1,45 @@
+{{!
+ Copyright (c) 2017, WSO2 Inc. (http://www.wso2.org) All Rights Reserved.
+
+ WSO2 Inc. licenses this file to you under the Apache License,
+ Version 2.0 (the "License"); you may not use this file except
+ in compliance with the License.
+ You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing,
+ software distributed under the License is distributed on an
+ "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ KIND, either express or implied. See the License for the
+ specific language governing permissions and limitations
+ under the License.
+}}
+
+{{unit "cdmf.unit.lib.rickshaw-graph"}}
+
+Device Statistics
+ {{unit "cdmf.unit.device.type.sampledevice.realtime.analytics-view" device=device}}
+
+
+
+
+
+
+ View Device Analytics
+
+
+{{#zone "bottomJs"}}
+ {{js "js/moment.min.js"}}
+ {{js "js/socket.io.min.js"}}
+ {{js "js/device-stats.js"}}
+{{/zone}}
diff --git a/modules/distribution/src/core/samples/sampledevice/component/ui/src/main/resources/jaggeryapps/devicemgt/app/units/cdmf.unit.device.type.sampledevice.realtime.analytics-view/analytics-view.js b/modules/distribution/src/core/samples/sampledevice/component/ui/src/main/resources/jaggeryapps/devicemgt/app/units/cdmf.unit.device.type.sampledevice.realtime.analytics-view/analytics-view.js
new file mode 100644
index 00000000..5e3c9d6b
--- /dev/null
+++ b/modules/distribution/src/core/samples/sampledevice/component/ui/src/main/resources/jaggeryapps/devicemgt/app/units/cdmf.unit.device.type.sampledevice.realtime.analytics-view/analytics-view.js
@@ -0,0 +1,49 @@
+/*
+ * Copyright (c) 2017, WSO2 Inc. (http://www.wso2.org) All Rights Reserved.
+ *
+ * WSO2 Inc. licenses this file to you under the Apache License,
+ * Version 2.0 (the "License"); you may not use this file except
+ * in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied. See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+
+function onRequest(context) {
+ var log = new Log("stats.js");
+ var carbonServer = require("carbon").server;
+ var device = context.unit.params.device;
+ var devicemgtProps = require("/app/modules/conf-reader/main.js")["conf"];
+ var constants = require("/app/modules/constants.js");
+ var websocketEndpoint = devicemgtProps["wssURL"].replace("https", "wss");
+ var jwtService = carbonServer.osgiService(
+ 'org.wso2.carbon.identity.jwt.client.extension.service.JWTClientManagerService');
+ var jwtClient = jwtService.getJWTClient();
+ var encodedClientKeys = session.get(constants["ENCODED_TENANT_BASED_WEB_SOCKET_CLIENT_CREDENTIALS"]);
+ var token = "";
+ if (encodedClientKeys) {
+ var tokenUtil = require("/app/modules/oauth/token-handler-utils.js")["utils"];
+ var resp = tokenUtil.decode(encodedClientKeys).split(":");
+ var tokenPair = jwtClient.getAccessToken(resp[0], resp[1], context.user.username,"default", {});
+ if (tokenPair) {
+ token = tokenPair.accessToken;
+ }
+ var websocketToken= {'name':'websocket-token','value': token, 'path':'/', "maxAge":18000};
+ response.addCookie(websocketToken);
+ }
+ var websocketEndpointForStream1 = websocketEndpoint + "/secured-websocket/org.wso2.iot.devices.sensor_temp/1.0.0?deviceId="
+ + device.deviceIdentifier + "&deviceType=" + device.type + "&websocketToken=" + token;
+
+ return {
+ "device": device,
+ "websocketEndpointForStream1": websocketEndpointForStream1
+
+ };
+}
\ No newline at end of file
diff --git a/modules/distribution/src/core/samples/sampledevice/component/ui/src/main/resources/jaggeryapps/devicemgt/app/units/cdmf.unit.device.type.sampledevice.realtime.analytics-view/analytics-view.json b/modules/distribution/src/core/samples/sampledevice/component/ui/src/main/resources/jaggeryapps/devicemgt/app/units/cdmf.unit.device.type.sampledevice.realtime.analytics-view/analytics-view.json
new file mode 100644
index 00000000..688e9398
--- /dev/null
+++ b/modules/distribution/src/core/samples/sampledevice/component/ui/src/main/resources/jaggeryapps/devicemgt/app/units/cdmf.unit.device.type.sampledevice.realtime.analytics-view/analytics-view.json
@@ -0,0 +1,3 @@
+{
+ "version": "1.0.0"
+}
\ No newline at end of file
diff --git a/modules/distribution/src/core/samples/sampledevice/component/ui/src/main/resources/jaggeryapps/devicemgt/app/units/cdmf.unit.device.type.sampledevice.realtime.analytics-view/public/js/device-stats.js b/modules/distribution/src/core/samples/sampledevice/component/ui/src/main/resources/jaggeryapps/devicemgt/app/units/cdmf.unit.device.type.sampledevice.realtime.analytics-view/public/js/device-stats.js
new file mode 100644
index 00000000..61258406
--- /dev/null
+++ b/modules/distribution/src/core/samples/sampledevice/component/ui/src/main/resources/jaggeryapps/devicemgt/app/units/cdmf.unit.device.type.sampledevice.realtime.analytics-view/public/js/device-stats.js
@@ -0,0 +1,115 @@
+/*
+ * Copyright (c) 2017, WSO2 Inc. (http://www.wso2.org) All Rights Reserved.
+ *
+ * WSO2 Inc. licenses this file to you under the Apache License,
+ * Version 2.0 (the "License"); you may not use this file except
+ * in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied. See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+
+var wsConnection1;
+var wsConnection2;
+var graphForSensorType1;
+var graphForSensorType2;
+var chartDataSensorType1 = [];
+var chartDataSensorType2 = [];
+var palette = new Rickshaw.Color.Palette({scheme: "classic9"});
+function drawGraph(wsConnection, placeHolder, yAxis, chat, chartData, graph) {
+ var tNow = new Date().getTime() / 1000;
+ for (var i = 0; i < 30; i++) {
+ chartData.push({
+ x: tNow - (30 - i) * 15,
+ y: parseFloat(0)
+ });
+ }
+
+ graph = new Rickshaw.Graph({
+ element: document.getElementById(chat),
+ width: $(placeHolder).width() - 50,
+ height: 300,
+ renderer: "line",
+ padding: {top: 0.2, left: 0.0, right: 0.0, bottom: 0.2},
+ xScale: d3.time.scale(),
+ series: [{
+ 'color': palette.color(),
+ 'data': chartData,
+ 'name': "SensorValue"
+ }]
+ });
+
+ graph.render();
+
+ var xAxis = new Rickshaw.Graph.Axis.Time({
+ graph: graph
+ });
+
+ xAxis.render();
+
+ new Rickshaw.Graph.Axis.Y({
+ graph: graph,
+ orientation: 'left',
+ height: 300,
+ tickFormat: Rickshaw.Fixtures.Number.formatKMBT,
+ element: document.getElementById(yAxis)
+ });
+
+ new Rickshaw.Graph.HoverDetail({
+ graph: graph,
+ formatter: function (series, x, y) {
+ var date = '' + moment.unix(x * 1000).format('Do MMM YYYY h:mm:ss a') + '';
+ var swatch = '';
+ return swatch + series.name + ": " + parseInt(y) + '
+
+sensor_temp
+
+
+
+
+
+ Time
+ ' + date; + } + }); + var websocketurlStream = $(placeHolder).attr("data-websocketurlStream"); + connect(wsConnection, websocketurlStream, chartData, graph); +} + +$(window).load(function () { + drawGraph(wsConnection1, "#div-chart-sensorType1", "yAxisSensorType1", "chartSensorType1", chartDataSensorType1 + , graphForSensorType1); + +}); + +$(window).unload(function () { + disconnect(wsConnection1); + disconnect(wsConnection2); +}); + +//websocket connection +function connect(wsConnection, target, chartData, graph) { + if ('WebSocket' in window) { + wsConnection = new WebSocket(target); + } else if ('MozWebSocket' in window) { + wsConnection = new MozWebSocket(target); + } else { + console.log('WebSocket is not supported by this browser.'); + } + if (wsConnection) { + wsConnection.onmessage = function (event) { + var dataPoint = JSON.parse(event.data); + chartData.push({ + x: parseInt(dataPoint[4]) / 1000, + y: parseFloat(dataPoint[5]) + }); + chartData.shift(); + graph.update(); + }; + } +} + +function disconnect(wsConnection) { + if (wsConnection != null) { + wsConnection.close(); + wsConnection = null; + } +} diff --git a/modules/distribution/src/core/samples/sampledevice/component/ui/src/main/resources/jaggeryapps/devicemgt/app/units/cdmf.unit.device.type.sampledevice.realtime.analytics-view/public/js/moment.min.js b/modules/distribution/src/core/samples/sampledevice/component/ui/src/main/resources/jaggeryapps/devicemgt/app/units/cdmf.unit.device.type.sampledevice.realtime.analytics-view/public/js/moment.min.js new file mode 100644 index 00000000..870015ba --- /dev/null +++ b/modules/distribution/src/core/samples/sampledevice/component/ui/src/main/resources/jaggeryapps/devicemgt/app/units/cdmf.unit.device.type.sampledevice.realtime.analytics-view/public/js/moment.min.js @@ -0,0 +1,25 @@ +/* + * Copyright (c) 2017, WSO2 Inc. (http://www.wso2.org) All Rights Reserved. + * + * WSO2 Inc. licenses this file to you under the Apache License, + * Version 2.0 (the "License"); you may not use this file except + * in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, + * software distributed under the License is distributed on an + * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY + * KIND, either express or implied. See the License for the + * specific language governing permissions and limitations + * under the License. + */ + +//! moment.js +//! version : 2.10.2 +//! authors : Tim Wood, Iskren Chernev, Moment.js contributors +//! license : MIT +//! momentjs.com +!function(a,b){"object"==typeof exports&&"undefined"!=typeof module?module.exports=b():"function"==typeof define&&define.amd?define(b):a.moment=b()}(this,function(){"use strict";function a(){return Ac.apply(null,arguments)}function b(a){Ac=a}function c(){return{empty:!1,unusedTokens:[],unusedInput:[],overflow:-2,charsLeftOver:0,nullInput:!1,invalidMonth:null,invalidFormat:!1,userInvalidated:!1,iso:!1}}function d(a){return"[object Array]"===Object.prototype.toString.call(a)}function e(a){return"[object Date]"===Object.prototype.toString.call(a)||a instanceof Date}function f(a,b){var c,d=[];for(c=0;c