mirror of
https://repository.entgra.net/community/device-mgt-core.git
synced 2025-10-06 02:01:45 +00:00
removed unnecessary files
This commit is contained in:
Gathika94
parent
f4af47fae4
commit
dcac19480f
@ -56,17 +56,8 @@
|
||||
{{js "js/leaflet/leaflet.draw.js" }}
|
||||
{{js "js/leaflet.awesome-markers.js"}}
|
||||
{{!js "js/jquery/jquery-ui.min.js" }}
|
||||
<!-- Leaflet plugins libries -->
|
||||
|
||||
{{js "js/firstTemp.js" }}
|
||||
|
||||
{{js "js/typeahead.bundle.min.js" }}
|
||||
|
||||
<!-- C3 charting library using D3 core -->
|
||||
{{js "js/d3/d3.min.js" }}
|
||||
{{js "js/d3/c3.min.js" }}
|
||||
{{js "js/application_options.js" }}
|
||||
{{js "js/secondTemp.js" }}
|
||||
{{js "js/geo_remote.js" }}
|
||||
{{js "js/app.js" }}
|
||||
<script type="text/javascript">
|
||||
|
||||
@ -1,20 +0,0 @@
|
||||
The MIT License (MIT)
|
||||
|
||||
Copyright (c) 2013 Masayuki Tanaka
|
||||
|
||||
Permission is hereby granted, free of charge, to any person obtaining a copy of
|
||||
this software and associated documentation files (the "Software"), to deal in
|
||||
the Software without restriction, including without limitation the rights to
|
||||
use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
|
||||
the Software, and to permit persons to whom the Software is furnished to do so,
|
||||
subject to the following conditions:
|
||||
|
||||
The above copyright notice and this permission notice shall be included in all
|
||||
copies or substantial portions of the Software.
|
||||
|
||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
|
||||
FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
|
||||
COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
|
||||
IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
|
||||
CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
||||
@ -1,26 +0,0 @@
|
||||
Copyright (c) 2010-2014, Michael Bostock
|
||||
All rights reserved.
|
||||
|
||||
Redistribution and use in source and binary forms, with or without
|
||||
modification, are permitted provided that the following conditions are met:
|
||||
|
||||
* Redistributions of source code must retain the above copyright notice, this
|
||||
list of conditions and the following disclaimer.
|
||||
|
||||
* Redistributions in binary form must reproduce the above copyright notice,
|
||||
this list of conditions and the following disclaimer in the documentation
|
||||
and/or other materials provided with the distribution.
|
||||
|
||||
* The name Michael Bostock may not be used to endorse or promote products
|
||||
derived from this software without specific prior written permission.
|
||||
|
||||
THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
|
||||
AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
|
||||
IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
|
||||
DISCLAIMED. IN NO EVENT SHALL MICHAEL BOSTOCK BE LIABLE FOR ANY DIRECT,
|
||||
INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING,
|
||||
BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
|
||||
DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY
|
||||
OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
|
||||
NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE,
|
||||
EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -1,8 +0,0 @@
|
||||
$(function() {
|
||||
$("#timeFromCal").datepicker({
|
||||
orientation: 'top'
|
||||
});
|
||||
$("#timeToCal").datepicker({
|
||||
orientation: 'top'
|
||||
});
|
||||
});
|
||||
@ -1,90 +0,0 @@
|
||||
/*
|
||||
* Copyright (c) 2016, 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 centerLocation = new L.LatLng(6.999833130825296, 79.99855044297874);
|
||||
var resizeIconLocation = new L.LatLng(6.99847, 80.14412);
|
||||
var proximityMap = L.map("proximityMap", {
|
||||
zoom: 10,
|
||||
center: centerLocation,
|
||||
zoomControl: false,
|
||||
attributionControl: false,
|
||||
maxZoom: 20
|
||||
});
|
||||
var proximityDistance = $("#proximityDistance");
|
||||
//TODO invoker-util
|
||||
var serverUrl = "/api/device-mgt/v1.0/geo-services/alerts/Proximity/" + deviceType + "/" + deviceId;
|
||||
// var serverUrl = "/portal/store/carbon.super/fs/gadget/geo-dashboard/controllers/get_alerts.jag?executionPlanType=Proximity&deviceId=" + deviceId;
|
||||
invokerUtil.get(serverUrl, function (response) {
|
||||
response = JSON.parse(response);
|
||||
proximityDistance.val(response.proximityDistance);
|
||||
$("#proximityTime").val(response.proximityTime);
|
||||
});
|
||||
|
||||
L.grid({
|
||||
redraw: 'move'
|
||||
}).addTo(proximityMap);
|
||||
|
||||
proximityMap.scrollWheelZoom.disable();
|
||||
|
||||
var marker = L.marker(centerLocation).setIcon(normalMovingIcon);
|
||||
|
||||
marker.addTo(proximityMap);
|
||||
|
||||
var resizeIcon = L.icon({
|
||||
iconUrl: ApplicationOptions.leaflet.iconUrls.resizeIcon,
|
||||
iconAnchor: [24, 24]
|
||||
});
|
||||
|
||||
var resizeMarker = L.marker(resizeIconLocation, {icon: resizeIcon, draggable: 'true'}).addTo(proximityMap);
|
||||
resizeMarker.on('drag', updateRuler);
|
||||
|
||||
var measureLine = new L.Polyline(
|
||||
[centerLocation, resizeIconLocation ],
|
||||
{ color: "black", opacity: 0.5, stroke: true });
|
||||
|
||||
|
||||
proximityMap.addLayer(measureLine);
|
||||
measureLine._path.setAttribute("class", 'measuring-line-for-look');
|
||||
|
||||
var options = {
|
||||
minWidth: 50,
|
||||
autoPan: false,
|
||||
closeButton: true, // should the popups have a close option?
|
||||
displayTotalDistance: true,
|
||||
displayPartialDistance: false,
|
||||
className: 'measuring-label-tooltip' /*css label class name*/
|
||||
};
|
||||
// var totalDistancePopup = new L.Popup(options,measureLine);
|
||||
var initialDistance = centerLocation.distanceTo(resizeIconLocation);
|
||||
|
||||
var measureCircle = L.circle(centerLocation, initialDistance).addTo(proximityMap);
|
||||
|
||||
function updateRuler(e) {
|
||||
var target = e.target;
|
||||
resizeIconLocation = target.getLatLng();
|
||||
measureLine.setLatLngs([centerLocation, resizeIconLocation]);
|
||||
setDistancePopup(centerLocation, resizeIconLocation)
|
||||
}
|
||||
|
||||
function setDistancePopup(startLatLng, endLatLng) {
|
||||
var centerPos = new L.LatLng((startLatLng.lat + endLatLng.lat) / 2,
|
||||
(startLatLng.lng + endLatLng.lng) / 2),
|
||||
distance = startLatLng.distanceTo(endLatLng);
|
||||
proximityDistance.val(distance.toFixed(2));
|
||||
measureCircle.setRadius(distance);
|
||||
}
|
||||
@ -91,557 +91,8 @@ function getTileServers() {
|
||||
});
|
||||
}
|
||||
|
||||
function addWmsEndPoint() {
|
||||
|
||||
serviceName = $('#serviceName').val();
|
||||
layers = $('#layers').val();
|
||||
wmsVersion = $('#wmsVersion').val();
|
||||
serviceEndPoint = $('#serviceEndPoint').val();
|
||||
outputFormat = $('#outputFormat').val();
|
||||
|
||||
var validated = false;
|
||||
|
||||
if (serviceName === undefined || serviceName == "" || serviceName == null) {
|
||||
var message = "Service Provider name cannot be empty.";
|
||||
noty({text: '<span style="color: red">' + message + '</span>', type: 'error'});
|
||||
}
|
||||
|
||||
/* if(layers === undefined || layers == "" || layers == null){
|
||||
layers = "";
|
||||
}
|
||||
|
||||
|
||||
|
||||
if(wmsVersion === undefined || wmsVersion == "" || wmsVersion == null){
|
||||
wmsVersion = "";
|
||||
}
|
||||
|
||||
|
||||
if(outputFormat === undefined || outputFormat == "" || outputFormat == null){
|
||||
outputFormat = "image/png";
|
||||
}*/
|
||||
|
||||
if (validated) {
|
||||
wmsLayer = L.tileLayer.wms(serviceEndPoint, {
|
||||
layers: layers.split(','),
|
||||
format: outputFormat ? outputFormat : 'image/png',
|
||||
version: wmsVersion,
|
||||
transparent: true,
|
||||
opacity: 0.4
|
||||
});
|
||||
|
||||
layerControl.addOverlay(wmsLayer, serviceName, "Web Map Service layers");
|
||||
map.addLayer(wmsLayer);
|
||||
|
||||
/*var temperature = L.tileLayer.wms('http://gis.srh.noaa.gov/arcgis/services/NDFDTemps/MapServer/WMSServer', {
|
||||
format: 'img/png',
|
||||
transparent: true,
|
||||
layers: 16
|
||||
});
|
||||
|
||||
layerControl.addOverlay(temperature, "testWms", "Web Map Service layers");
|
||||
map.addLayer(temperature);*/
|
||||
|
||||
var data = {
|
||||
'serviceName': serviceName,
|
||||
'layers': layers,
|
||||
'wmsVersion': wmsVersion,
|
||||
'serviceEndPoint': serviceEndPoint,
|
||||
'outputFormat': outputFormat
|
||||
};
|
||||
var serverUrl = "/api/controllers/wms_endpoints";
|
||||
// TODO: If failure happens notify user about the error message
|
||||
$.post(serverUrl, data, function (response) {
|
||||
console.log("------->><wms_endpoints>"+ response);
|
||||
noty({text: '<span style="color: dodgerblue">' + response + '</span>',type: 'success'});
|
||||
closeAll();
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
function loadWms() {
|
||||
// For refference {"wmsServerId" : 1, "serviceUrl" : "http://{s}.somedomain.com/blabla/{z}/{x}/{y}.png", "name" : "Sample server URL", "layers" : "asdsad,sd,adasd,asd", "version" : "1.0.2", "format" : "sadasda/asdas"}
|
||||
$.getJSON("/api/controllers/wms_endpoints?serverId=all", function (data) {
|
||||
$.each(data, function (key, val) {
|
||||
|
||||
wmsLayer = L.tileLayer.wms(val.SERVICEURL, {
|
||||
layers: val.LAYERS.split(','),
|
||||
format: val.FORMAT ? val.FORMAT : 'image/png',
|
||||
version: val.VERSION,
|
||||
transparent: true,
|
||||
opacity: 0.4
|
||||
});
|
||||
layerControl.addOverlay(wmsLayer, val.NAME, "Web Map Service layers");
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
function setSpeedAlert() {
|
||||
//TODO: get the device Id from the URL
|
||||
var speedAlertValue = $("#speedAlertValue").val();
|
||||
|
||||
if (speedAlertValue == null || speedAlertValue === undefined || speedAlertValue == "") {
|
||||
var message = "Speed cannot be empty.";
|
||||
noty({text: message, type : 'error' });
|
||||
} else if (areaName.indexOf(" ") > -1) {
|
||||
var message = "Area Name cannot contain spaces.";
|
||||
noty({text: message, type : 'error' });
|
||||
} else {
|
||||
data = {
|
||||
'parseData': JSON.stringify({'speedAlertValue': speedAlertValue, 'deviceId': deviceId}), // parseKey : parseValue pair , this key pair is replace with the key in the template file
|
||||
'executionPlan': 'Speed',
|
||||
'customName': null,
|
||||
'cepAction': 'edit',
|
||||
'deviceId': deviceId // TODO: what if setting speed alert for the first time ?? that should be a deployment ? try 'edit' if fails 'deploy' , need to handle at the jaggery back end
|
||||
};
|
||||
var serviceUrl = '/api/device-mgt/v1.0/geo-services/alerts/Speed/' + deviceType + '/' + deviceId;
|
||||
var responseHandler = function (data, textStatus, xhr) {
|
||||
closeAll();
|
||||
if (xhr.status == 200) {
|
||||
noty({text: 'Successfully added alert', type : 'success'});
|
||||
} else {
|
||||
var ptrn = /(?:<am\:description>)(.*)(?:<\/am\:description>)/g;
|
||||
var result = (ptrn.exec(data));
|
||||
var errorTxt;
|
||||
if (result) {
|
||||
errorTxt = result.length > 1 ? result[1] : data;
|
||||
} else {
|
||||
errorTxt = data;
|
||||
}
|
||||
noty({text: textStatus + ' : ' + errorTxt, type : 'error'});
|
||||
}
|
||||
};
|
||||
invokerUtil.put(serviceUrl,
|
||||
data,
|
||||
responseHandler, function (xhr) {
|
||||
responseHandler(xhr.responseText, xhr.statusText, xhr);
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
var lastToolLeafletId = null;
|
||||
|
||||
function setWithinAlert(leafletId) {
|
||||
/*
|
||||
* TODO: replace double quote to single quote because of a conflict when deploying execution plan in CEP
|
||||
* this is against JSON standards so has been re-replaced when getting the data from governance registry
|
||||
* (look in get_alerts for .replace() method)
|
||||
* */
|
||||
var selectedAreaGeoJson = JSON.stringify(map._layers[leafletId].toGeoJSON().geometry).replace(/"/g, "'");
|
||||
var areaName = $("#areaName").val();
|
||||
var queryName = areaName;
|
||||
|
||||
|
||||
if (areaName == null || areaName === undefined || areaName == "") {
|
||||
var message = "Area Name cannot be empty.";
|
||||
noty({text: message, type : 'error' });
|
||||
} else if (areaName.indexOf(" ") > -1) {
|
||||
var message = "Area Name cannot contain spaces.";
|
||||
noty({text: message, type : 'error' });
|
||||
} else {
|
||||
var data = {
|
||||
'parseData': JSON.stringify({
|
||||
'geoFenceGeoJSON': selectedAreaGeoJson,
|
||||
'executionPlanName': createExecutionPlanName(queryName, "WithIn", deviceId),
|
||||
'areaName': areaName,
|
||||
'deviceId' : deviceId
|
||||
}),
|
||||
'executionPlan': 'Within',
|
||||
'customName': areaName, // TODO: fix , When template copies there can be two queryName and areaName id elements in the DOM
|
||||
'queryName': queryName,
|
||||
'cepAction': 'deploy',
|
||||
'deviceId' : deviceId
|
||||
};
|
||||
|
||||
var serviceUrl = '/api/device-mgt/v1.0/geo-services/alerts/Within/' + deviceType + '/' + deviceId;
|
||||
var responseHandler = function (data, textStatus, xhr) {
|
||||
closeTools(leafletId);
|
||||
if (xhr.status == 200) {
|
||||
noty({text: 'Successfully added alert', type : 'success'});
|
||||
} else {
|
||||
var ptrn = /(?:<am\:description>)(.*)(?:<\/am\:description>)/g;
|
||||
var errorTxt;
|
||||
var result = (ptrn.exec(data));
|
||||
if (result) {
|
||||
errorTxt = result.length > 1 ? result[1] : data;
|
||||
} else {
|
||||
errorTxt = data;
|
||||
}
|
||||
noty({text: textStatus + ' : ' + errorTxt, type : 'error'});
|
||||
}
|
||||
};
|
||||
invokerUtil.post(serviceUrl,
|
||||
data,
|
||||
responseHandler, function (xhr) {
|
||||
responseHandler(xhr.responseText, xhr.statusText, xhr);
|
||||
});
|
||||
viewFenceByData(selectedAreaGeoJson, queryName, areaName, null, 'Within');
|
||||
}
|
||||
}
|
||||
|
||||
function setExitAlert(leafletId) {
|
||||
/*
|
||||
* TODO: replace double quote to single quote because of a conflict when deploying execution plan in CEP
|
||||
* this is against JSON standards so has been re-replaced when getting the data from governance registry
|
||||
* (look in get_alerts for .replace() method)
|
||||
* */
|
||||
var selectedAreaGeoJson = JSON.stringify(map._layers[leafletId].toGeoJSON().geometry).replace(/"/g, "'");
|
||||
var areaName = $("#areaName").val();
|
||||
var queryName = areaName;
|
||||
|
||||
|
||||
if (areaName == null || areaName === undefined || areaName == "") {
|
||||
var message = "Area Name cannot be empty.";
|
||||
noty({text: message, type : 'error' });
|
||||
} else if (areaName.indexOf(" ") > -1) {
|
||||
var message = "Area Name cannot contain spaces.";
|
||||
noty({text: message, type : 'error' });
|
||||
} else {
|
||||
var data = {
|
||||
'parseData': JSON.stringify({
|
||||
'geoFenceGeoJSON': selectedAreaGeoJson,
|
||||
'executionPlanName': createExecutionPlanName(queryName, "Exit", deviceId),
|
||||
'areaName': areaName,
|
||||
'deviceId' : deviceId
|
||||
}),
|
||||
'executionPlan': 'Exit',
|
||||
'customName': areaName, // TODO: fix , When template copies there can be two queryName and areaName id elements in the DOM
|
||||
'queryName': queryName,
|
||||
'cepAction': 'deploy',
|
||||
'deviceId' : deviceId
|
||||
};
|
||||
|
||||
var serviceUrl = '/api/device-mgt/v1.0/geo-services/alerts/Exit/' + deviceType + '/' + deviceId;
|
||||
var responseHandler = function (data, textStatus, xhr) {
|
||||
closeTools(leafletId);
|
||||
if (xhr.status == 200) {
|
||||
noty({text: 'Successfully added alert', type : 'success'});
|
||||
} else {
|
||||
var ptrn = /(?:<am\:description>)(.*)(?:<\/am\:description>)/g;
|
||||
var errorTxt;
|
||||
var result = (ptrn.exec(data));
|
||||
if (result) {
|
||||
errorTxt = result.length > 1 ? result[1] : data;
|
||||
} else {
|
||||
errorTxt = data;
|
||||
}
|
||||
noty({text: textStatus + ' : ' + errorTxt, type : 'error'});
|
||||
}
|
||||
};
|
||||
invokerUtil.post(serviceUrl,
|
||||
data,
|
||||
responseHandler, function (xhr) {
|
||||
responseHandler(xhr.responseText, xhr.statusText, xhr);
|
||||
});
|
||||
viewFenceByData(selectedAreaGeoJson, queryName, areaName, null, 'Exit');
|
||||
}
|
||||
}
|
||||
|
||||
function setStationeryAlert(leafletId) {
|
||||
|
||||
var selectedAreaGeoJson = map._layers[leafletId].toGeoJSON().geometry;
|
||||
|
||||
//if a circle is drawn adding radius for the object
|
||||
if (selectedAreaGeoJson.type == "Point") {
|
||||
|
||||
var radius = map._layers[leafletId]._mRadius;
|
||||
selectedAreaGeoJson["radius"] = radius;
|
||||
}
|
||||
|
||||
var selectedProcessedAreaGeoJson = JSON.stringify(selectedAreaGeoJson).replace(/"/g, "'");
|
||||
|
||||
var stationeryName = $("#areaName").val();
|
||||
var queryName = stationeryName;
|
||||
var fluctuationRadius = $("#fRadius").val();
|
||||
var time = $("#time").val();
|
||||
|
||||
if (stationeryName == null || stationeryName === undefined || stationeryName == "") {
|
||||
var message = "Stationery Name cannot be empty.";
|
||||
noty({text: message, type : 'error' });
|
||||
} else if (stationeryName.indexOf(" ") > -1) {
|
||||
var message = "Stationery Name cannot contain spaces.";
|
||||
noty({text: message, type : 'error' });
|
||||
} else if (fluctuationRadius == null || fluctuationRadius === undefined || fluctuationRadius == "") {
|
||||
var message = "Fluctuation Radius cannot be empty.";
|
||||
noty({text: message, type : 'error' });
|
||||
} else if (time == null || time === undefined || time == "") {
|
||||
var message = "Time cannot be empty.";
|
||||
noty({text: message, type: 'error' });
|
||||
} else {
|
||||
var data = {
|
||||
'parseData': JSON.stringify({
|
||||
'geoFenceGeoJSON': selectedProcessedAreaGeoJson,
|
||||
'executionPlanName': createExecutionPlanName(queryName, "Stationery", deviceId),
|
||||
'stationeryName': stationeryName,
|
||||
'stationeryTime': time,
|
||||
'fluctuationRadius': fluctuationRadius
|
||||
}),
|
||||
'stationeryTime': time,
|
||||
'fluctuationRadius': fluctuationRadius,
|
||||
'executionPlan': 'Stationery',
|
||||
'customName': stationeryName, // TODO: fix , When template copies there can be two queryName and areaName id elements in the DOM
|
||||
'queryName': queryName,
|
||||
'cepAction': 'deploy',
|
||||
'deviceId': deviceId
|
||||
};
|
||||
var serviceUrl = '/api/device-mgt/v1.0/geo-services/alerts/Stationery/' + deviceType + '/' + deviceId;
|
||||
var responseHandler = function (data, textStatus, xhr) {
|
||||
closeTools(leafletId);
|
||||
if (xhr.status == 200) {
|
||||
noty({text: 'Successfully added alert', type : 'success'});
|
||||
} else {
|
||||
var ptrn = /(?:<am\:description>)(.*)(?:<\/am\:description>)/g;
|
||||
var errorTxt;
|
||||
var result = (ptrn.exec(data));
|
||||
if (result) {
|
||||
errorTxt = result.length > 1 ? result[1] : data;
|
||||
} else {
|
||||
errorTxt = data;
|
||||
}
|
||||
noty({text: textStatus + ' : ' + errorTxt, type : 'error'});
|
||||
}
|
||||
};
|
||||
invokerUtil.post(serviceUrl,
|
||||
data,
|
||||
responseHandler, function (xhr) {
|
||||
responseHandler(xhr.responseText, xhr.statusText, xhr);
|
||||
});
|
||||
viewFenceByData(selectedProcessedAreaGeoJson, queryName, areaName, time, 'Stationery');
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
var toggeled = false;
|
||||
/*function getPrediction(leafletId) {
|
||||
*//*
|
||||
* TODO: replace double quote to single quote because of a conflict when deploying execution plan in CEP
|
||||
* this is against JSON standards so has been re-replaced when getting the data from governance registry
|
||||
* (look in get_alerts for .replace() method)
|
||||
* *//*
|
||||
console.log("leafletId: " + leafletId);
|
||||
var selectedAreaGeoJson = map._layers[leafletId].toGeoJSON().geometry;
|
||||
var d = new Date();
|
||||
console.log(d);
|
||||
|
||||
var selectedProcessedAreaGeoJson = JSON.stringify(selectedAreaGeoJson).replace(/"/g, "'");
|
||||
|
||||
requestPredictions(selectedAreaGeoJson.coordinates[0], selectedAreaGeoJson.coordinates[1], d);
|
||||
if(!toggeled){
|
||||
$('#predictionResults').animate({width: 'toggle'}, 100);
|
||||
toggeled = true;
|
||||
}
|
||||
|
||||
$.UIkit.notify({
|
||||
message: "Generating Predictions",
|
||||
status: 'warning',
|
||||
timeout: 5000,
|
||||
pos: 'top-center'
|
||||
});
|
||||
|
||||
setTimeout(function() {
|
||||
var arr = getPredictions(selectedAreaGeoJson.coordinates[0], selectedAreaGeoJson.coordinates[1], d);
|
||||
createPredictionChart();
|
||||
console.log(arr[1]);
|
||||
predictionChart.load({columns: arr});
|
||||
}
|
||||
, 5000);
|
||||
|
||||
|
||||
|
||||
}*/
|
||||
|
||||
|
||||
function setTrafficAlert(leafletId) {
|
||||
/*
|
||||
* TODO: replace double quote to single quote because of a conflict when deploying execution plan in CEP
|
||||
* this is against JSON standards so has been re-replaced when getting the data from governance registry
|
||||
* (look in get_alerts for .replace() method)
|
||||
* */
|
||||
console.log("leafletId: " + leafletId);
|
||||
var selectedAreaGeoJson = map._layers[leafletId].toGeoJSON().geometry;
|
||||
|
||||
//if a circle is drawn adding radius for the object
|
||||
if (selectedAreaGeoJson.type == "Point") {
|
||||
|
||||
var radius = map._layers[leafletId]._mRadius;
|
||||
selectedAreaGeoJson["radius"] = radius;
|
||||
}
|
||||
|
||||
var selectedProcessedAreaGeoJson = JSON.stringify(selectedAreaGeoJson).replace(/"/g, "'");
|
||||
|
||||
var areaName = $("#areaName").val();
|
||||
var queryName = areaName;
|
||||
//var time = $("#time").val();
|
||||
|
||||
if (areaName == null || areaName === undefined || areaName == "") {
|
||||
var message = "Area Name cannot be empty.";
|
||||
noty({text: message, type : 'error' });
|
||||
} else if (areaName.indexOf(" ") > -1) {
|
||||
var message = "Area Name cannot contain spaces.";
|
||||
noty({text: message, type : 'error' });
|
||||
} else {
|
||||
var data = {
|
||||
'parseData': JSON.stringify({
|
||||
'geoFenceGeoJSON': selectedProcessedAreaGeoJson,
|
||||
'executionPlanName': createExecutionPlanName(queryName, "Traffic", deviceId),
|
||||
'areaName': areaName
|
||||
}),
|
||||
'executionPlan': 'Traffic',
|
||||
'customName': areaName, // TODO: fix , When template copies there can be two queryName and areaName id elements in the DOM
|
||||
'queryName': queryName,
|
||||
'cepAction': 'deploy',
|
||||
'deviceId': deviceId
|
||||
};
|
||||
console.log(JSON.stringify(data));
|
||||
var serviceUrl = '/api/device-mgt/v1.0/geo-services/alerts/Traffic/' + deviceType + '/' + deviceId;
|
||||
var responseHandler = function (data, textStatus, xhr) {
|
||||
closeTools(leafletId);
|
||||
if (xhr.status == 200) {
|
||||
noty({text: 'Successfully added alert', type : 'success'});
|
||||
} else {
|
||||
var ptrn = /(?:<am\:description>)(.*)(?:<\/am\:description>)/g;
|
||||
var errorTxt;
|
||||
var result = (ptrn.exec(data));
|
||||
if (result) {
|
||||
errorTxt = result.length > 1 ? result[1] : data;
|
||||
} else {
|
||||
errorTxt = data;
|
||||
}
|
||||
noty({text: textStatus + ' : ' + errorTxt, type : 'error'});
|
||||
}
|
||||
};
|
||||
invokerUtil.post(serviceUrl,
|
||||
data,
|
||||
responseHandler, function (xhr) {
|
||||
responseHandler(xhr.responseText, xhr.statusText, xhr);
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
function removeGeoFence(geoFenceElement, id) {
|
||||
var queryName = $(geoFenceElement).attr('data-queryName');
|
||||
var areaName = $(geoFenceElement).attr('data-areaName');
|
||||
|
||||
var serviceUrl = '/api/device-mgt/v1.0/geo-services/alerts/' + id + '/' + deviceType + '/' + deviceId + '?queryName='
|
||||
+ queryName;
|
||||
invokerUtil.delete(serviceUrl, function (response) {
|
||||
noty({
|
||||
text: 'Successfully removed ' + id + ' alert',
|
||||
type: 'success'
|
||||
});
|
||||
closeAll();
|
||||
},
|
||||
function (xhr) {
|
||||
noty({
|
||||
text: 'Could not remove ' + id + ' alert',
|
||||
type: 'error'
|
||||
})
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
|
||||
function getAlertsHistory(deviceType, deviceId, timeFrom, timeTo) {
|
||||
var timeRange = '';
|
||||
if (timeFrom && timeTo) {
|
||||
timeRange = '?from=' + timeFrom + '&to=' + timeTo;
|
||||
}
|
||||
var serviceUrl = '/api/device-mgt/v1.0/geo-services/alerts/history/' + deviceType + '/' + deviceId + timeRange;
|
||||
invokerUtil.get(serviceUrl,
|
||||
function (data) {
|
||||
geoAlertsBar.clearAllAlerts();
|
||||
var alerts = JSON.parse(data);
|
||||
$.each(alerts, function (key, val) {
|
||||
if(val.values){
|
||||
val = val.values;
|
||||
}
|
||||
var msg = deviceType.charAt(0).toUpperCase() + deviceType.slice(1) +
|
||||
" " + deviceId +" "+ val.information.replace("Alerts: ,", "") + " - " + timeSince(val.timeStamp);
|
||||
switch (val.state) {
|
||||
case "NORMAL":
|
||||
return;
|
||||
case "WARNING":
|
||||
geoAlertsBar.addAlert('warn', msg, val);
|
||||
break;
|
||||
case "ALERTED":
|
||||
geoAlertsBar.addAlert('danger', msg, val);
|
||||
break;
|
||||
case "OFFLINE":
|
||||
geoAlertsBar.addAlert('info', msg, val);
|
||||
break;
|
||||
}
|
||||
});
|
||||
}, function (message) {
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
function setProximityAlert() {
|
||||
|
||||
var proximityDistance = $("#proximityDistance").val();
|
||||
var proximityTime = $("#proximityTime").val();
|
||||
|
||||
if (proximityDistance == null || proximityDistance === undefined || proximityDistance == "") {
|
||||
var message = "Proximity distance cannot be empty.";
|
||||
noty({text: message, type : 'error'});
|
||||
} else if (proximityTime == null || proximityTime === undefined || proximityTime == "") {
|
||||
var message = "Proximity Time cannot be empty.";
|
||||
noty({text: message, type : 'error'});
|
||||
} else {
|
||||
|
||||
var data = {
|
||||
'parseData': JSON.stringify({'proximityTime': proximityTime, 'proximityDistance': proximityDistance}),
|
||||
'proximityTime': proximityTime,
|
||||
'proximityDistance': proximityDistance,
|
||||
'executionPlan': 'Proximity',
|
||||
'customName': null,
|
||||
'cepAction': 'edit',
|
||||
'deviceId': deviceId
|
||||
};
|
||||
var serviceUrl = '/api/device-mgt/v1.0/geo-services/alerts/Proximity/' + deviceType + '/' + deviceId;
|
||||
var responseHandler = function (data, textStatus, xhr) {
|
||||
closeAll();
|
||||
if (xhr.status == 200) {
|
||||
noty({text: 'Successfully added alert', type : 'success'});
|
||||
} else {
|
||||
var ptrn = /(?:<am\:description>)(.*)(?:<\/am\:description>)/g;
|
||||
var errorTxt;
|
||||
var result = (ptrn.exec(data));
|
||||
if (result) {
|
||||
errorTxt = result.length > 1 ? result[1] : data;
|
||||
} else {
|
||||
errorTxt = data;
|
||||
}
|
||||
noty({text: textStatus + ' : ' + errorTxt, type : 'error'});
|
||||
}
|
||||
};
|
||||
invokerUtil.put(serviceUrl,
|
||||
data,
|
||||
responseHandler, function (xhr) {
|
||||
responseHandler(xhr.responseText, xhr.statusText, xhr);
|
||||
});
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
// TODO:this is not a remote call , move this to application.js
|
||||
function createExecutionPlanName(queryName, id, deviceId) {
|
||||
|
||||
if (id == "WithIn") {
|
||||
return 'Geo-ExecutionPlan-Within' + (queryName ? '_' + queryName : '') + "---" + (deviceId ? '_' + deviceId : '') + '_alert'; // TODO: value of the `queryName` can't be empty, because it will cause name conflicts in CEP, have to do validation(check not empty String)
|
||||
} else if(id == "Exit"){
|
||||
return 'Geo-ExecutionPlan-Exit' + (queryName ? '_' + queryName : '') + "---" + (deviceId ? '_' + deviceId : '') + '_alert'; // TODO: value of the `queryName` can't be empty, because it will cause name conflicts in CEP, have to do validation(check not empty String)
|
||||
} else if (id == "Stationery") {
|
||||
return 'Geo-ExecutionPlan-Stationery' + (queryName ? '_' + queryName : '') + "---" + (deviceId ? '_' + deviceId : '') + '_alert'; // TODO: value of the `queryName` can't be empty, because it will cause name conflicts in CEP, have to do validation(check not empty String)
|
||||
} else if (id == "Traffic") {
|
||||
return 'Geo-ExecutionPlan-Traffic' + (queryName ? '_' + queryName : '') + '_alert'; // TODO: value of the `queryName` can't be empty, because it will cause name conflicts in CEP, have to do validation(check not empty String)
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
// TODO:this is not a remote call , move this to application.js
|
||||
function closeAll() {
|
||||
|
||||
@ -1,29 +0,0 @@
|
||||
/*
|
||||
* Copyright (c) 2016, 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 setSpeed() {
|
||||
var serverUrl = "/api/device-mgt/v1.0/geo-services/alerts/Speed/" + deviceType + "/" + deviceId;
|
||||
// var serverUrl = "/portal/store/carbon.super/fs/gadget/geo-dashboard/controllers/get_alerts.jag?executionPlanType=Speed&deviceId=" + deviceId;
|
||||
invokerUtil.get(serverUrl, function (response) {
|
||||
response = JSON.parse(response);
|
||||
if (response) {
|
||||
$("#speedAlertValue").val(response.speedLimit);
|
||||
}
|
||||
});
|
||||
}
|
||||
setSpeed();
|
||||
@ -1,48 +0,0 @@
|
||||
/*
|
||||
* Copyright (c) 2016, 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 initStationaryAlert() {
|
||||
// var serverUrl = "/portal/store/carbon.super/fs/gadget/geo-dashboard/controllers/get_alerts.jag?executionPlanType=Stationery&deviceId=" + deviceId;
|
||||
var serverUrl = "/api/device-mgt/v1.0/geo-services/alerts/Stationery/" + deviceType + "/" + deviceId;
|
||||
|
||||
$(".removeGeoFence").tooltip();
|
||||
invokerUtil.get(serverUrl, function (response) {
|
||||
if (response) {
|
||||
response = JSON.parse(response);
|
||||
$(".fence-not-exist").hide();
|
||||
for (var index in response) {
|
||||
var alert = response[index];
|
||||
$("#stationary-alert-table > tbody").append(
|
||||
"<tr class='viewGeoFenceRow'style='cursor: pointer' data-stationeryTime='" + alert.stationaryTime +
|
||||
"'data-fluctuationRadius='" + alert.fluctuationRadius + "'data-areaName='" + alert.areaName +
|
||||
"'data-queryName='" + alert.queryName + "'data-geoJson=" + alert.geoJson + ">" +
|
||||
"<td>" + alert.areaName + "</td><td>" + alert.stationaryTime + "</td><td>" + alert.fluctuationRadius +
|
||||
"<td>" + alert.queryName + "</td><td>" + formatDate(new Date(alert.createdTime)) + "</td><td" +
|
||||
" onClick=removeGeoFence(this.parentElement,'Stationery') data-toggle=" +
|
||||
" 'tooltip' title='Remove fence' ><i class='fa fa-trash-o'></i></td></tr>")
|
||||
}
|
||||
} else{
|
||||
$(".fence-not-exist").show();
|
||||
$("#stationary-alert-table").hide();
|
||||
}
|
||||
$('.viewGeoFenceRow td:not(:last-child)').click(function () {
|
||||
viewFence(this.parentElement,'Stationery');
|
||||
});
|
||||
});
|
||||
}
|
||||
initStationaryAlert();
|
||||
@ -1,44 +0,0 @@
|
||||
/*
|
||||
* Copyright (c) 2016, 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 initializeWithin() {
|
||||
$(".removeGeoFence").tooltip();
|
||||
var serverUrl = "/api/device-mgt/v1.0/geo-services/alerts/Within/" + deviceType + "/" + deviceId;
|
||||
invokerUtil.get(serverUrl, function (response) {
|
||||
if (response) {
|
||||
$(".fence-not-exist").hide();
|
||||
response = JSON.parse(response);
|
||||
for (var index in response) {
|
||||
var alertBean = response[index];
|
||||
$("#within-alert > tbody").append(
|
||||
"<tr class='viewGeoFenceRow' style='cursor: pointer' data-areaName='" + alertBean.areaName +
|
||||
"' data-queryName='" + alertBean.queryName + "'data-geoJson="+ alertBean.geoJson +"><td>" + alertBean.areaName + "</td>" +
|
||||
"<td>" + alertBean.queryName + "</td><td>" + formatDate(new Date(alertBean.createdTime)) + "</td>" +
|
||||
"<td onClick=removeGeoFence(this.parentElement,'Within') class='removeGeoFence'" +
|
||||
" data-toggle='tooltip' title='Remove fence' ><i class='fa fa-trash-o'></i></td></tr>");
|
||||
}
|
||||
} else{
|
||||
$(".fence-not-exist").show();
|
||||
$("#within-alert").hide();
|
||||
}
|
||||
$('.viewGeoFenceRow td:not(:last-child)').click(function () {
|
||||
viewFence(this.parentElement,'WithIn');
|
||||
});
|
||||
});
|
||||
}
|
||||
initializeWithin();
|
||||
@ -1,10 +0,0 @@
|
||||
|
||||
function reformatRadius(val){
|
||||
if(val != "" && !isNaN(val)){
|
||||
$("#fRadius" ).val(parseFloat(Math.round(val * 100) / 100).toFixed(2));
|
||||
} else{
|
||||
var message = "Invalid Fluctuation Radius Provided.";
|
||||
noty({text: message, type: 'error'});
|
||||
}
|
||||
}
|
||||
|
||||
File diff suppressed because one or more lines are too long
@ -1,629 +0,0 @@
|
||||
/*
|
||||
* Copyright (c) 2016, 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 debugObject; // assign object and debug from browser console, this is for debugging purpose , unless this var is unused
|
||||
var showPathFlag = false; // Flag to hold the status of draw objects path
|
||||
var currentSpatialObjects = {};
|
||||
var selectedSpatialObject; // This is set when user search for an object from the search box
|
||||
var spatialWebsocket;
|
||||
var onAlertWebsocket;
|
||||
var onTrafficStreamWebsocket;
|
||||
var currentPredictions = {};
|
||||
// Make the function wait until the connection is made...
|
||||
var waitTime = 1000;
|
||||
var webSocketURL, alertWebSocketURL, trafficStreamWebSocketURL;
|
||||
var deviceId;
|
||||
var deviceType;
|
||||
var isBatchModeOn = false;
|
||||
var wsToken;
|
||||
var geoPublicUri;
|
||||
|
||||
function processPointMessage(geoJsonFeature) {
|
||||
if (geoJsonFeature.id in currentSpatialObjects) {
|
||||
var excitingObject = currentSpatialObjects[geoJsonFeature.id];
|
||||
excitingObject.update(geoJsonFeature);
|
||||
}
|
||||
else {
|
||||
var receivedObject = new SpatialObject(geoJsonFeature);
|
||||
receivedObject.update(geoJsonFeature);
|
||||
currentSpatialObjects[receivedObject.id] = receivedObject;
|
||||
currentSpatialObjects[receivedObject.id].addTo(map);
|
||||
}
|
||||
}
|
||||
|
||||
window.onbeforeunload = function () {
|
||||
disconnect();
|
||||
};
|
||||
|
||||
function initializeSpatialStreamWebSocket() {
|
||||
spatialWebsocket = new WebSocket(webSocketURL);
|
||||
spatialWebsocket.onopen = webSocketSpatialOnOpen;
|
||||
spatialWebsocket.onmessage = webSocketSpatialOnMessage;
|
||||
spatialWebsocket.onclose = webSocketSpatialOnClose;
|
||||
spatialWebsocket.onerror = webSocketSpatialOnError;
|
||||
}
|
||||
|
||||
function initializeOnAlertWebSocket() {
|
||||
onAlertWebsocket = new WebSocket(alertWebSocketURL);
|
||||
onAlertWebsocket.onmessage = webSocketOnAlertMessage;
|
||||
onAlertWebsocket.onclose = webSocketOnAlertClose;
|
||||
onAlertWebsocket.onerror = webSocketOnAlertError;
|
||||
onAlertWebsocket.onopen = webSocketOnAlertOpen;
|
||||
}
|
||||
|
||||
function initializeGeoLocation(geoFencingEnabled) {
|
||||
var deviceDetails = $(".device-id");
|
||||
deviceId = deviceDetails.data("deviceid");
|
||||
deviceType = deviceDetails.data("type");
|
||||
if (deviceId && deviceType) {
|
||||
var geoCharts = $("#geo-charts");
|
||||
var wsEndPoint = geoCharts.data("ws-endpoint");
|
||||
wsToken = geoCharts.data("ws-token");
|
||||
geoPublicUri = geoCharts.data("geo-public-uri");
|
||||
geoPublicUri = geoCharts.data("geo-public-uri");
|
||||
webSocketURL = wsEndPoint + "iot.per.device.stream.geo.FusedSpatialEvent/1.0.0?"
|
||||
+ "deviceId=" + deviceId + "&deviceType=" + deviceType + "&websocketToken=" + wsToken;
|
||||
alertWebSocketURL = wsEndPoint + "iot.per.device.stream.geo.AlertsNotifications/1.0.0?"
|
||||
+ "deviceId=" + deviceId + "&deviceType=" + deviceType + "&websocketToken=" + wsToken;
|
||||
$("#proximity_alert").hide();
|
||||
|
||||
if (geoFencingEnabled) {
|
||||
disconnect();
|
||||
initializeSpatialStreamWebSocket();
|
||||
initializeOnAlertWebSocket();
|
||||
}
|
||||
initialLoad(geoFencingEnabled);
|
||||
InitSpatialObject(geoFencingEnabled);
|
||||
|
||||
} else {
|
||||
noty({text: 'Invalid Access! No device information provided to track!', type: 'error'});
|
||||
}
|
||||
}
|
||||
|
||||
function disconnect(){
|
||||
if (spatialWebsocket && spatialWebsocket.readyState == spatialWebsocket.OPEN){
|
||||
spatialWebsocket.close();
|
||||
}
|
||||
|
||||
if (onAlertWebsocket && onAlertWebsocket.readyState == onAlertWebsocket.OPEN){
|
||||
onAlertWebsocket.close();
|
||||
}
|
||||
}
|
||||
|
||||
function SpatialObject(json) {
|
||||
this.id = json.id;
|
||||
this.type = json.properties.type;
|
||||
|
||||
// Have to store the coordinates , to use when user wants to draw path
|
||||
this.pathGeoJsons = []; // GeoJson standard MultiLineString(http://geojson.org/geojson-spec.html#id6) can't use here because this is a collection of paths(including property attributes)
|
||||
this.path = []; // Path is an array of sections, where each section is a notified state of the path
|
||||
|
||||
|
||||
this.speedHistory = new LocalStorageArray(this.id);
|
||||
this.geoJson = L.geoJson(json, {
|
||||
pointToLayer: function (feature, latlng) {
|
||||
return L.marker(latlng, {icon: normalMovingIcon, iconAngle: this.heading});
|
||||
}
|
||||
}); // Create Leaflet GeoJson object
|
||||
|
||||
this.marker = this.geoJson.getLayers()[0];
|
||||
this.marker.options.title = this.id;
|
||||
|
||||
if ("stationary" != this.type.toLowerCase() || "stop" != this.type.toLowerCase()) {
|
||||
this.popupTemplate = $('#markerPopup');
|
||||
} else {
|
||||
this.popupTemplate = $('#markerPopupStop');
|
||||
}
|
||||
|
||||
this.marker.bindPopup(this.popupTemplate.html());
|
||||
return this;
|
||||
}
|
||||
|
||||
function popupDateRange() {
|
||||
$('#dateRangePopup').attr('title', 'Device ID - ' + deviceId + " Device Type - " + deviceType).dialog();
|
||||
}
|
||||
|
||||
SpatialObject.prototype.update = function (geoJSON) {
|
||||
this.latitude = geoJSON.geometry.coordinates[1];
|
||||
this.longitude = geoJSON.geometry.coordinates[0];
|
||||
this.setSpeed(geoJSON.properties.speed);
|
||||
this.state = geoJSON.properties.state;
|
||||
this.heading = geoJSON.properties.heading;
|
||||
|
||||
this.information = geoJSON.properties.information;
|
||||
this.type = geoJSON.properties.type;
|
||||
|
||||
if (this.type == "STOP") {
|
||||
this.information = "Bus Stop";
|
||||
}
|
||||
|
||||
if (geoJSON.properties.notify) {
|
||||
/*
|
||||
//This is implemented in alertWebSocket
|
||||
if (this.state != "NORMAL") {
|
||||
notifyAlert("Object ID: <span style='color: blue;cursor: pointer' onclick='focusOnSpatialObject(" + this.id + ")'>" + this.id + "</span> change state to: <span style='color: red'>" + geoJSON.properties.state + "</span> Info : " + this.information);
|
||||
}*/
|
||||
var newLineStringGeoJson = this.createLineStringFeature(this.state, this.information, [this.latitude, this.longitude]);
|
||||
this.pathGeoJsons.push(newLineStringGeoJson);
|
||||
|
||||
// only add the new path section to map if the spatial object is selected
|
||||
if (selectedSpatialObject == this.id) {
|
||||
var newPathSection = new L.polyline(newLineStringGeoJson.geometry.coordinates, this.getSectionStyles(geoJSON.properties.state));
|
||||
newPathSection.bindPopup("Alert Information: " + newLineStringGeoJson.properties.information);
|
||||
|
||||
// Creating two sections joint // TODO : line color confusing , use diffrent color or seperator
|
||||
var lastSection = this.path[this.path.length - 1].getLatLngs();
|
||||
var joinLine = [lastSection[lastSection.length - 1], [this.latitude, this.longitude]];
|
||||
var sectionJoin = new L.polyline(joinLine, this.getSectionStyles());
|
||||
sectionJoin.setStyle({className: "sectionJointStyle"});// Make doted line for section join , this class is currently defined in map.jag as a inner css
|
||||
|
||||
this.path.push(sectionJoin);
|
||||
this.path.push(newPathSection); // Order of the push matters , last polyLine object should be the `newPathSection` not the `sectionJoin`
|
||||
|
||||
sectionJoin.addTo(map);
|
||||
newPathSection.addTo(map);
|
||||
}
|
||||
}
|
||||
|
||||
// Update the spatial object leaflet marker
|
||||
this.marker.setLatLng([this.latitude, this.longitude]);
|
||||
|
||||
if (this.latitude, this.longitude) {
|
||||
map.setView([this.latitude, this.longitude]);
|
||||
}
|
||||
this.marker.setIconAngle(this.heading);
|
||||
this.marker.setIcon(this.stateIcon());
|
||||
|
||||
if (this.pathGeoJsons.length > 0) {
|
||||
// To prevent conflicts in
|
||||
// Leaflet(http://leafletjs.com/reference.html#latlng) and geoJson standards(http://geojson.org/geojson-spec.html#id2),
|
||||
// have to do this swapping, but the resulting geoJson in not upto geoJson standards
|
||||
// TODO: write func to swap coordinates
|
||||
this.pathGeoJsons[this.pathGeoJsons.length - 1].geometry.coordinates.push([geoJSON.geometry.coordinates[1], geoJSON.geometry.coordinates[0]]);
|
||||
}
|
||||
else {
|
||||
newLineStringGeoJson = this.createLineStringFeature(this.state, this.information, [geoJSON.geometry.coordinates[1], geoJSON.geometry.coordinates[0]]);
|
||||
this.pathGeoJsons.push(newLineStringGeoJson);
|
||||
}
|
||||
|
||||
if (selectedSpatialObject == this.id) {
|
||||
this.updatePath([geoJSON.geometry.coordinates[1], geoJSON.geometry.coordinates[0]]);
|
||||
if (speedGraphControl) {
|
||||
chart.load({columns: [this.speedHistory.getArray()]});
|
||||
}
|
||||
map.setView([this.latitude, this.longitude]);
|
||||
}
|
||||
|
||||
// TODO: use general popup DOM
|
||||
this.popupTemplate.find('#objectId').html(this.id);
|
||||
this.popupTemplate.find('#information').html(this.information);
|
||||
|
||||
this.popupTemplate.find('#speed').html(Math.round(this.speed * 10) / 10);
|
||||
this.popupTemplate.find('#heading').html(angleToHeading(this.heading));
|
||||
this.marker.setPopupContent(this.popupTemplate.html())
|
||||
};
|
||||
|
||||
var headings = ["North", "NorthEast", "East", "SouthEast", "South", "SouthWest", "West", "NorthWest"];
|
||||
|
||||
function angleToHeading(angle) {
|
||||
var angle = (angle + 360 + 22.5 ) % 360;
|
||||
angle = Math.floor(angle / 45);
|
||||
return headings[angle];
|
||||
}
|
||||
|
||||
SpatialObject.prototype.removeFromMap = function () {
|
||||
this.removePath();
|
||||
this.marker.closePopup();
|
||||
map.removeLayer(this.marker);
|
||||
};
|
||||
|
||||
function clearMap() {
|
||||
for (var spacialObject in currentSpatialObjects) {
|
||||
currentSpatialObjects[spacialObject].removePath();
|
||||
currentSpatialObjects[spacialObject].removeFromMap();
|
||||
}
|
||||
currentSpatialObjects = {};
|
||||
}
|
||||
|
||||
SpatialObject.prototype.createLineStringFeature = function (state, information, coordinates) {
|
||||
return {
|
||||
"type": "Feature",
|
||||
"properties": {
|
||||
"state": state,
|
||||
"information": information
|
||||
},
|
||||
"geometry": {
|
||||
"type": "LineString",
|
||||
"coordinates": [coordinates]
|
||||
}
|
||||
};
|
||||
};
|
||||
|
||||
SpatialObject.prototype.setSpeed = function (speed) {
|
||||
this.speed = speed;
|
||||
this.speedHistory.push(speed);
|
||||
if (this.speedHistory.length > ApplicationOptions.constance.SPEED_HISTORY_COUNT) {
|
||||
this.speedHistory.splice(1, 1);
|
||||
}
|
||||
};
|
||||
|
||||
SpatialObject.prototype.addTo = function (map) {
|
||||
this.geoJson.addTo(map);
|
||||
};
|
||||
|
||||
SpatialObject.prototype.updatePath = function (LatLng) {
|
||||
this.path[this.path.length - 1].addLatLng(LatLng); // add LatLng to last section
|
||||
};
|
||||
|
||||
SpatialObject.prototype.drawPath = function () {
|
||||
var previousSectionLastPoint = []; // re init all the time when calls the function
|
||||
if (this.path.length > 0) {
|
||||
this.removePath();
|
||||
// throw "geoDashboard error: path already exist,remove current path before drawing a new path, if need to update LatLngs use setLatLngs method instead"; // Path already exist
|
||||
}
|
||||
for (var lineString in this.pathGeoJsons) {
|
||||
if (!this.pathGeoJsons.hasOwnProperty(lineString)) {
|
||||
continue
|
||||
}
|
||||
var currentSectionState = this.pathGeoJsons[lineString].properties.state;
|
||||
var currentSection = new L.polyline(this.pathGeoJsons[lineString].geometry.coordinates, this.getSectionStyles(currentSectionState)); // Create path object when and only drawing the path (save memory) TODO: if need directly draw line from geojson
|
||||
|
||||
var currentSectionFirstPoint = this.pathGeoJsons[lineString].geometry.coordinates[0];
|
||||
previousSectionLastPoint.push(currentSectionFirstPoint);
|
||||
var sectionJoin = new L.polyline(previousSectionLastPoint, this.getSectionStyles());
|
||||
sectionJoin.setStyle({className: "sectionJointStyle"});// Make doted line for section join , this class is currently defined in map.jag as a inner css
|
||||
|
||||
previousSectionLastPoint = [this.pathGeoJsons[lineString].geometry.coordinates[this.pathGeoJsons[lineString].geometry.coordinates.length - 1]];
|
||||
sectionJoin.addTo(map);
|
||||
this.path.push(sectionJoin);
|
||||
currentSection.bindPopup("Alert Information: " + this.pathGeoJsons[lineString].properties.information);
|
||||
currentSection.addTo(map);
|
||||
this.path.push(currentSection);
|
||||
}
|
||||
};
|
||||
|
||||
SpatialObject.prototype.removePath = function () {
|
||||
for (var section in this.path) {
|
||||
if (this.path.hasOwnProperty(section)) {
|
||||
map.removeLayer(this.path[section]);
|
||||
}
|
||||
}
|
||||
this.path = []; // Clear the path layer (save memory)
|
||||
};
|
||||
|
||||
SpatialObject.prototype.getSectionStyles = function (state) {
|
||||
// TODO:<done> use option object to assign hardcode values
|
||||
var pathColor;
|
||||
switch (state) {
|
||||
case "NORMAL":
|
||||
pathColor = ApplicationOptions.colors.states.NORMAL; // Scope of function
|
||||
break;
|
||||
case "ALERTED":
|
||||
pathColor = ApplicationOptions.colors.states.ALERTED;
|
||||
break;
|
||||
case "WARNING":
|
||||
pathColor = ApplicationOptions.colors.states.WARNING;
|
||||
break;
|
||||
case "OFFLINE":
|
||||
pathColor = ApplicationOptions.colors.states.OFFLINE;
|
||||
break;
|
||||
default: // TODO: set path var
|
||||
return {color: ApplicationOptions.colors.states.UNKNOWN, weight: 8};
|
||||
}
|
||||
return {color: pathColor, weight: 8};
|
||||
};
|
||||
|
||||
function processTrafficMessage(json) {
|
||||
|
||||
if (json.id in currentSpatialObjects) {
|
||||
var existingObject = currentSpatialObjects[json.id];
|
||||
existingObject.update(json);
|
||||
}
|
||||
else {
|
||||
var receivedObject = new GeoAreaObject(json);
|
||||
currentSpatialObjects[json.id] = receivedObject;
|
||||
currentSpatialObjects[json.id].addTo(map);
|
||||
}
|
||||
}
|
||||
|
||||
function processAlertMessage(json) {
|
||||
if (json.state != "NORMAL" && json.state != "MINIMAL") {
|
||||
notifyAlert("Object ID: <span style='color: blue;cursor: pointer' onclick='focusOnSpatialObject(" + json.id + ")'>" + json.id + "</span> change state to: <span style='color: red'>" + json.state + "</span> Info : " + json.information);
|
||||
}
|
||||
}
|
||||
|
||||
/*function setPropertySafe(obj)
|
||||
{
|
||||
function isObject(o)
|
||||
{
|
||||
if (o === null) return false;
|
||||
var type = typeof o;
|
||||
return type === 'object' || type === 'function';
|
||||
}
|
||||
if (!isObject(obj)) return;
|
||||
var prop;
|
||||
for (var i=1; i < arguments.length-1; i++)
|
||||
{
|
||||
prop = arguments[i];
|
||||
if (!isObject(obj[prop])) obj[prop] = {};
|
||||
if (i < arguments.length-2) obj = obj[prop];
|
||||
}
|
||||
obj[prop] = arguments[i];
|
||||
}*/
|
||||
|
||||
function processPredictionMessage(json) {
|
||||
setPropertySafe(currentPredictions, json.day, json.hour, json.longitude, json.latitude, json.traffic - 1);
|
||||
}
|
||||
|
||||
WebSocket.prototype.set_opened = function () {
|
||||
this._opened = true;
|
||||
};
|
||||
|
||||
WebSocket.prototype.get_opened = function () {
|
||||
return this._opened || false;
|
||||
};
|
||||
|
||||
|
||||
/*
|
||||
var _longitudeStart = -0.0925
|
||||
var _latitudeStart = 51.4985
|
||||
var _unit = 0.005;
|
||||
function requestPredictions(longitude, latitude, d) {
|
||||
var serverUrl = "http://localhost:9763/endpoints/GpsDataOverHttp/predictionInput";
|
||||
function loop(i) {
|
||||
setTimeout(function() {
|
||||
var data = {
|
||||
day : d.getUTCDate() - 3,
|
||||
hour : d.getUTCHours() + i + 1,
|
||||
latitude : Math.round((latitude - _latitudeStart)/_unit),
|
||||
longitude : Math.round((longitude - _longitudeStart)/_unit)
|
||||
};
|
||||
var json = JSON.stringify(data);
|
||||
$.ajax({
|
||||
url: serverUrl,
|
||||
type: "POST",
|
||||
data: json,
|
||||
contentType: "application/json; charset=UTF-8"
|
||||
});
|
||||
if(i<6) {
|
||||
loop(i+1);
|
||||
}
|
||||
},500);
|
||||
}
|
||||
loop(0);
|
||||
}
|
||||
var d= new Date();
|
||||
//requestPredictions(-0.09,51.5,d);
|
||||
function getPredictions(longitude, latitude, d) {
|
||||
var longitude = Math.round((longitude - _longitudeStart)/_unit);
|
||||
var latitude = Math.round((latitude - _latitudeStart)/_unit);
|
||||
var traffic = [['x',0,0,0,0,0,0],['data',0,0,0,0,0,0]];
|
||||
var hour = d.getUTCHours();
|
||||
var day = d.getUTCDate() - 3;
|
||||
for (var i = 0; i < 6; i++) {
|
||||
hour = hour + 1;
|
||||
if (hour > 23) {
|
||||
hour = hour - 24;
|
||||
day = day + 1;
|
||||
}
|
||||
try{
|
||||
traffic[0][i+1] = hour;
|
||||
traffic[1][i+1] = currentPredictions[day][hour][longitude][latitude];
|
||||
} catch(e) {
|
||||
}
|
||||
}
|
||||
return traffic;
|
||||
}*/
|
||||
|
||||
function GeoAreaObject(json) {
|
||||
this.id = json.id;
|
||||
this.type = "area";
|
||||
|
||||
var myStyle = {
|
||||
"color": "#000001",
|
||||
"weight": 5,
|
||||
"opacity": 0,
|
||||
"fillOpacity": 0.75
|
||||
};
|
||||
|
||||
switch (json.properties.state) {
|
||||
case "Moderate":
|
||||
myStyle["color"] = "#ffb13b";
|
||||
break;
|
||||
case "Severe":
|
||||
myStyle["color"] = "#ff3f3f";
|
||||
break;
|
||||
case "Minimal":
|
||||
return null;
|
||||
}
|
||||
|
||||
this.geoJson = L.geoJson(json, {style: myStyle});
|
||||
this.marker = this.geoJson.getLayers()[0];
|
||||
this.marker.options.title = this.id;
|
||||
this.popupTemplate = $('#areaPopup');
|
||||
this.popupTemplate.find('#objectId').html(this.id);
|
||||
this.popupTemplate.find('#severity').html(json.properties.state);
|
||||
this.popupTemplate.find('#information').html(json.properties.information);
|
||||
this.marker.bindPopup(this.popupTemplate.html());
|
||||
return this;
|
||||
}
|
||||
|
||||
GeoAreaObject.prototype.addTo = function (map) {
|
||||
this.geoJson.addTo(map);
|
||||
};
|
||||
|
||||
GeoAreaObject.prototype.focusOn = function (map) {
|
||||
map.fitBounds(this.geoJson);
|
||||
};
|
||||
|
||||
GeoAreaObject.prototype.removeFromMap = function () {
|
||||
map.removeLayer(this.geoJson);
|
||||
};
|
||||
|
||||
GeoAreaObject.prototype.update = function (geoJSON) {
|
||||
|
||||
this.information = geoJSON.properties.information;
|
||||
this.type = geoJSON.properties.type;
|
||||
|
||||
// Update the spatial object leaflet marker
|
||||
this.marker.setLatLng([this.latitude, this.longitude]);
|
||||
this.marker.setIconAngle(this.heading);
|
||||
this.marker.setIcon(this.stateIcon());
|
||||
|
||||
// TODO: use general popup DOM
|
||||
this.popupTemplate.find('#objectId').html(this.id);
|
||||
this.popupTemplate.find('#information').html(this.information);
|
||||
|
||||
this.marker.setPopupContent(this.popupTemplate.html())
|
||||
};
|
||||
|
||||
function notifyAlert(message) {
|
||||
noty({text: "Alert: " + message, type: 'warning'});
|
||||
}
|
||||
|
||||
function Alert(type, message, level) {
|
||||
this.type = type;
|
||||
this.message = message;
|
||||
if (level)
|
||||
this.level = level;
|
||||
else
|
||||
this.level = 'information';
|
||||
|
||||
this.notify = function () {
|
||||
noty({text: this.type + ' ' + this.message, type: level});
|
||||
}
|
||||
}
|
||||
|
||||
function LocalStorageArray(id) {
|
||||
if (typeof (sessionStorage) === 'undefined') {
|
||||
// Sorry! No Web Storage support..
|
||||
return ['speed']; // TODO: fetch this array from backend DB rather than keeping as in-memory array
|
||||
}
|
||||
if (id === undefined) {
|
||||
throw 'Should provide an id to create a local storage!';
|
||||
}
|
||||
var DELIMITER = ','; // Private variable delimiter
|
||||
this.storageId = id;
|
||||
sessionStorage.setItem(id, 'speed'); // TODO: <note> even tho we use `sessionStorage` because of this line previous it get overwritten in each page refresh
|
||||
this.getArray = function () {
|
||||
return sessionStorage.getItem(this.storageId).split(DELIMITER);
|
||||
};
|
||||
|
||||
this.length = this.getArray().length;
|
||||
|
||||
this.push = function (value) {
|
||||
var currentStorageValue = sessionStorage.getItem(this.storageId);
|
||||
var updatedStorageValue;
|
||||
if (currentStorageValue === null) {
|
||||
updatedStorageValue = value;
|
||||
} else {
|
||||
updatedStorageValue = currentStorageValue + DELIMITER + value;
|
||||
}
|
||||
sessionStorage.setItem(this.storageId, updatedStorageValue);
|
||||
this.length += 1;
|
||||
};
|
||||
this.isEmpty = function () {
|
||||
return (this.getArray().length === 0);
|
||||
};
|
||||
this.splice = function (index, howmany) {
|
||||
var currentArray = this.getArray();
|
||||
currentArray.splice(index, howmany);
|
||||
var updatedStorageValue = currentArray.toString();
|
||||
sessionStorage.setItem(this.storageId, updatedStorageValue);
|
||||
this.length -= howmany;
|
||||
// TODO: should return spliced section as array
|
||||
};
|
||||
}
|
||||
|
||||
var initLoading = true;
|
||||
|
||||
var webSocketOnAlertOpen = function () {
|
||||
$('#ws-alert-stream').removeClass('text-muted text-danger text-success').addClass('text-success');
|
||||
};
|
||||
|
||||
var webSocketOnAlertMessage = function processMessage(message) {
|
||||
if (!isBatchModeOn) {
|
||||
var json = $.parseJSON(message.data);
|
||||
if (json.messageType == "Alert") {
|
||||
processAlertMessage(json);
|
||||
}else {
|
||||
console.log("Message type not supported.");
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
var webSocketOnAlertClose = function (e) {
|
||||
};
|
||||
|
||||
var webSocketOnAlertError = function (e) {
|
||||
noty({text: 'Something went wrong when trying to connect to <b>' + alertWebSocketURL + '<b/>', type: 'error'});
|
||||
};
|
||||
|
||||
var webSocketSpatialOnOpen = function () {
|
||||
if (initLoading) {
|
||||
initLoading = false;
|
||||
}
|
||||
$('#ws-spatial-stream').removeClass('text-muted text-danger text-success').addClass('text-success');
|
||||
};
|
||||
|
||||
var webSocketSpatialOnMessage = function (message) {
|
||||
if (!isBatchModeOn) {
|
||||
var json = $.parseJSON(message.data);
|
||||
if (json.messageType == "Point") {
|
||||
processPointMessage(json);
|
||||
} else if (json.messageType == "Prediction") {
|
||||
//processPredictionMessage(json);
|
||||
} else {
|
||||
console.log("Message type not supported.");
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
var webSocketSpatialOnClose = function (e) {
|
||||
};
|
||||
|
||||
var webSocketSpatialOnError = function (err) {
|
||||
noty({text: 'Something went wrong when trying to connect to <b>' + webSocketURL + '<b/>', type: 'error'});
|
||||
};
|
||||
|
||||
|
||||
SpatialObject.prototype.stateIcon = function () {
|
||||
//TODO : Need to add separate icons for each device type
|
||||
var iconUrl = geoPublicUri + "/img/markers/object-types/default";
|
||||
if (0 < this.speed && (-360 <= this.heading && 360 >= this.heading)) {
|
||||
iconUrl = iconUrl + "/moving/" + this.state.toLowerCase();
|
||||
} else {
|
||||
iconUrl = iconUrl + "/non-moving/" + this.state.toLowerCase();
|
||||
}
|
||||
|
||||
return L.icon({
|
||||
iconUrl: iconUrl + ".png",
|
||||
shadowUrl: false,
|
||||
iconSize: [24, 24],
|
||||
iconAnchor: [+12, +12],
|
||||
popupAnchor: [-2, -5]
|
||||
});
|
||||
};
|
||||
|
||||
var normalMovingIcon = L.icon({
|
||||
iconUrl: ApplicationOptions.leaflet.iconUrls.normalMovingIcon,
|
||||
shadowUrl: false,
|
||||
iconSize: [24, 24],
|
||||
iconAnchor: [+12, +12],
|
||||
popupAnchor: [-2, -5]
|
||||
});
|
||||
Loading…
Reference in New Issue
Block a user