aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorAnton Tananaev <anton.tananaev@gmail.com>2017-06-01 16:50:47 +1200
committerGitHub <noreply@github.com>2017-06-01 16:50:47 +1200
commitfe99c894c581722ab6aa2b422ed768eb9da19cfb (patch)
tree21f5e7cc17e982e2c5b52682dfac29943e39199d
parent0e598a6232e9cd7188916e06077862d6630a255b (diff)
parent35e8f4b4974515733737c5cc1dd439ca47860007 (diff)
downloadtrackermap-web-fe99c894c581722ab6aa2b422ed768eb9da19cfb.tar.gz
trackermap-web-fe99c894c581722ab6aa2b422ed768eb9da19cfb.tar.bz2
trackermap-web-fe99c894c581722ab6aa2b422ed768eb9da19cfb.zip
Merge pull request #498 from Abyss777/events_panel
Implement Events panel
-rw-r--r--web/app/Application.js7
-rw-r--r--web/app/AttributeFormatter.js22
-rw-r--r--web/app/controller/Root.js20
-rw-r--r--web/app/model/Event.js25
-rw-r--r--web/app/store/Events.js3
-rw-r--r--web/app/view/Events.js105
-rw-r--r--web/app/view/EventsController.js63
-rw-r--r--web/app/view/Main.js8
-rw-r--r--web/app/view/MainMobile.js3
-rw-r--r--web/app/view/edit/Devices.js20
-rw-r--r--web/app/view/map/Map.js12
-rw-r--r--web/app/view/map/MapController.js5
-rw-r--r--web/l10n/en.json2
13 files changed, 250 insertions, 45 deletions
diff --git a/web/app/Application.js b/web/app/Application.js
index d73378c5..3f09a0a7 100644
--- a/web/app/Application.js
+++ b/web/app/Application.js
@@ -110,6 +110,13 @@ Ext.define('Traccar.Application', {
}
},
+ showEvents: function (show) {
+ var rootPanel = Ext.getCmp('rootPanel');
+ if (rootPanel) {
+ rootPanel.setActiveItem(show ? 2 : 0);
+ }
+ },
+
setUser: function (data) {
var reader = Ext.create('Ext.data.reader.Json', {
model: 'Traccar.model.User'
diff --git a/web/app/AttributeFormatter.js b/web/app/AttributeFormatter.js
index 83d310c3..302a8941 100644
--- a/web/app/AttributeFormatter.js
+++ b/web/app/AttributeFormatter.js
@@ -71,6 +71,26 @@ Ext.define('Traccar.AttributeFormatter', {
return Ext.getStore('Devices').getById(value).get('name');
},
+ lastUpdateFormatter: function (value) {
+ var seconds, interval;
+
+ if (value) {
+ seconds = Math.floor((new Date() - value) / 1000);
+ if (seconds < 0) {
+ seconds = 0;
+ }
+ interval = Math.floor(seconds / 86400);
+ if (interval > 1) {
+ return interval + ' ' + Strings.sharedDays;
+ }
+ interval = Math.floor(seconds / 3600);
+ if (interval > 1) {
+ return interval + ' ' + Strings.sharedHours;
+ }
+ return Math.floor(seconds / 60) + ' ' + Strings.sharedMinutes;
+ }
+ },
+
defaultFormatter: function (value) {
if (typeof value === 'number') {
return Number(value.toFixed(Traccar.Style.numberPrecision));
@@ -104,6 +124,8 @@ Ext.define('Traccar.AttributeFormatter', {
return this.durationFormatter;
} else if (key === 'deviceId') {
return this.deviceIdFormatter;
+ } else if (key === 'lastUpdate') {
+ return this.lastUpdateFormatter;
} else {
return this.defaultFormatter;
}
diff --git a/web/app/controller/Root.js b/web/app/controller/Root.js
index b69fb0fa..8d604b62 100644
--- a/web/app/controller/Root.js
+++ b/web/app/controller/Root.js
@@ -215,32 +215,16 @@ Ext.define('Traccar.controller.Root', {
},
updateEvents: function (array) {
- var i, store, device, alarmKey, text, geofence;
+ var i, store, device;
store = Ext.getStore('Events');
for (i = 0; i < array.length; i++) {
store.add(array[i]);
- if (array[i].type === 'commandResult') {
- text = Strings.eventCommandResult + ': ' + array[i].attributes.result;
- } else if (array[i].type === 'alarm') {
- alarmKey = 'alarm' + array[i].attributes.alarm.charAt(0).toUpperCase() + array[i].attributes.alarm.slice(1);
- text = Strings[alarmKey] || alarmKey;
- } else if (array[i].type === 'textMessage') {
- text = Strings.eventTextMessage + ': ' + array[i].attributes.message;
- } else {
- text = Traccar.app.getEventString(array[i].type);
- }
- if (array[i].geofenceId !== 0) {
- geofence = Ext.getStore('Geofences').getById(array[i].geofenceId);
- if (geofence) {
- text += ' \"' + geofence.get('name') + '"';
- }
- }
device = Ext.getStore('Devices').getById(array[i].deviceId);
if (device) {
if (this.soundPressed()) {
this.beep();
}
- Ext.toast(text, device.get('name'), 'br');
+ Ext.toast(array[i].text, device.get('name'), 'br');
}
}
},
diff --git a/web/app/model/Event.js b/web/app/model/Event.js
index 7a43086f..d225402c 100644
--- a/web/app/model/Event.js
+++ b/web/app/model/Event.js
@@ -1,5 +1,6 @@
/*
- * Copyright 2015 Anton Tananaev (anton@traccar.org)
+ * Copyright 2015 - 2017 Anton Tananaev (anton@traccar.org)
+ * Copyright 2017 Andrey Kunitsyn (andrey@traccar.org)
*
* This program is free software: you can redistribute it and/or modify
* it under the terms of the GNU General Public License as published by
@@ -39,6 +40,28 @@ Ext.define('Traccar.model.Event', {
name: 'geofenceId',
type: 'int'
}, {
+ name: 'text',
+ calculate: function (data) {
+ var text, alarmKey, geofence;
+ if (data.type === 'commandResult') {
+ text = Strings.eventCommandResult + ': ' + data.attributes.result;
+ } else if (data.type === 'alarm') {
+ alarmKey = 'alarm' + data.attributes.alarm.charAt(0).toUpperCase() + data.attributes.alarm.slice(1);
+ text = Strings[alarmKey] || alarmKey;
+ } else if (data.type === 'textMessage') {
+ text = Strings.eventTextMessage + ': ' + data.attributes.message;
+ } else {
+ text = Traccar.app.getEventString(data.type);
+ }
+ if (data.geofenceId !== 0) {
+ geofence = Ext.getStore('Geofences').getById(data.geofenceId);
+ if (geofence) {
+ text += ' \"' + geofence.get('name') + '"';
+ }
+ }
+ return text;
+ }
+ }, {
name: 'attributes'
}]
});
diff --git a/web/app/store/Events.js b/web/app/store/Events.js
index a31a41dd..71192e2e 100644
--- a/web/app/store/Events.js
+++ b/web/app/store/Events.js
@@ -1,5 +1,6 @@
/*
- * Copyright 2015 Anton Tananaev (anton@traccar.org)
+ * Copyright 2015 - 2017 Anton Tananaev (anton@traccar.org)
+ * Copyright 2017 Andrey Kunitsyn (andrey@traccar.org)
*
* This program is free software: you can redistribute it and/or modify
* it under the terms of the GNU General Public License as published by
diff --git a/web/app/view/Events.js b/web/app/view/Events.js
new file mode 100644
index 00000000..19656903
--- /dev/null
+++ b/web/app/view/Events.js
@@ -0,0 +1,105 @@
+/*
+ * Copyright 2017 Anton Tananaev (anton@traccar.org)
+ * Copyright 2017 Andrey Kunitsyn (andrey@traccar.org)
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with this program. If not, see <http://www.gnu.org/licenses/>.
+ */
+
+Ext.define('Traccar.view.Events', {
+ extend: 'Ext.grid.Panel',
+ xtype: 'eventsView',
+
+ requires: [
+ 'Traccar.view.EventsController'
+ ],
+
+ controller: 'events',
+
+ store: 'Events',
+
+ stateful: true,
+ stateId: 'events-grid',
+
+ title: Strings.reportEvents,
+
+ sortableColumns: false,
+
+ header: false,
+
+ tbar: {
+ componentCls: 'toolbar-header-style',
+ defaults: {
+ xtype: 'button',
+ tooltipType: 'title',
+ stateEvents: ['toggle'],
+ enableToggle: true,
+ stateful: {
+ pressed: true
+ }
+ },
+ items: [{
+ xtype: 'tbtext',
+ html: Strings.reportEvents,
+ baseCls: 'x-panel-header-title-default'
+ }, {
+ xtype: 'tbfill'
+ }, {
+ glyph: 'xf063@FontAwesome',
+ pressed: true,
+ toggleHandler: 'onScrollToLastClick',
+ stateId: 'events-scroll-to-last-button',
+ tooltip: Strings.eventsScrollToLast,
+ reference: 'scrollToLast'
+ }, {
+ id: 'soundButton',
+ glyph: 'xf0a2@FontAwesome',
+ tooltip: Strings.sharedSound,
+ stateId: 'sound-button'
+ }, {
+ glyph: 'xf014@FontAwesome',
+ tooltip: Strings.reportClear,
+ handler: 'onClearClick',
+ stateful: false,
+ enableToggle: false
+ }, {
+ glyph: 'xf00d@FontAwesome',
+ tooltip: Strings.sharedHide,
+ handler: 'onHideEvents',
+ reference: 'hideEvents',
+ hidden: true,
+ stateful: false,
+ enableToggle: false
+ }]
+ },
+
+ columns: {
+ defaults: {
+ flex: 1,
+ minWidth: Traccar.Style.columnWidthNormal
+ },
+ items: [{
+ text: Strings.reportDeviceName,
+ dataIndex: 'deviceId',
+ renderer: Traccar.AttributeFormatter.getFormatter('deviceId')
+ }, {
+ flex: 2,
+ text: Strings.positionEvent,
+ dataIndex: 'text'
+ }, {
+ text: Strings.positionFixTime,
+ dataIndex: 'serverTime',
+ renderer: Traccar.AttributeFormatter.getFormatter('lastUpdate')
+ }]
+ }
+});
diff --git a/web/app/view/EventsController.js b/web/app/view/EventsController.js
new file mode 100644
index 00000000..5cd9fb8e
--- /dev/null
+++ b/web/app/view/EventsController.js
@@ -0,0 +1,63 @@
+/*
+ * Copyright 2017 Anton Tananaev (anton@traccar.org)
+ * Copyright 2017 Andrey Kunitsyn (andrey@traccar.org)
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with this program. If not, see <http://www.gnu.org/licenses/>.
+ */
+
+Ext.define('Traccar.view.EventsController', {
+ extend: 'Ext.app.ViewController',
+ alias: 'controller.events',
+
+ config: {
+ listen: {
+ store: {
+ '#Events': {
+ add: 'onAddEvent'
+ }
+ }
+ }
+ },
+
+ init: function () {
+ var self = this;
+ setInterval(function () {
+ self.getView().getView().refresh();
+ }, Traccar.Style.refreshPeriod);
+
+ if (Traccar.app.isMobile()) {
+ this.lookupReference('hideEvents').setHidden(false);
+ }
+ },
+
+ onClearClick: function (button) {
+ Ext.getStore('Events').removeAll();
+ },
+
+ onAddEvent: function (store, data) {
+ if (this.lookupReference('scrollToLast').pressed) {
+ this.getView().scrollBy(0, Number.POSITIVE_INFINITY, true);
+ }
+ },
+
+ onScrollToLastClick: function (button, pressed) {
+ if (pressed) {
+ this.onAddEvent();
+ }
+ },
+
+ onHideEvents: function () {
+ Traccar.app.showEvents(false);
+ }
+});
diff --git a/web/app/view/Main.js b/web/app/view/Main.js
index 333928a5..3f7cf7c1 100644
--- a/web/app/view/Main.js
+++ b/web/app/view/Main.js
@@ -23,6 +23,7 @@ Ext.define('Traccar.view.Main', {
'Traccar.view.edit.Devices',
'Traccar.view.State',
'Traccar.view.Report',
+ 'Traccar.view.Events',
'Traccar.view.map.Map'
],
@@ -67,5 +68,12 @@ Ext.define('Traccar.view.Main', {
region: 'center',
xtype: 'mapView',
collapsible: false
+ }, {
+ region: 'east',
+ xtype: 'eventsView',
+ width: Traccar.Style.deviceWidth,
+ collapsed: true,
+ titleCollapse: true,
+ floatable: false
}]
});
diff --git a/web/app/view/MainMobile.js b/web/app/view/MainMobile.js
index 1f262ccb..8aab7710 100644
--- a/web/app/view/MainMobile.js
+++ b/web/app/view/MainMobile.js
@@ -25,6 +25,7 @@ Ext.define('Traccar.view.MainMobile', {
'Traccar.view.edit.Devices',
'Traccar.view.State',
'Traccar.view.Report',
+ 'Traccar.view.Events',
'Traccar.view.map.Map'
],
@@ -66,5 +67,7 @@ Ext.define('Traccar.view.MainMobile', {
}]
}, {
xtype: 'reportView'
+ }, {
+ xtype: 'eventsView'
}]
});
diff --git a/web/app/view/edit/Devices.js b/web/app/view/edit/Devices.js
index fe3de42c..196df733 100644
--- a/web/app/view/edit/Devices.js
+++ b/web/app/view/edit/Devices.js
@@ -166,25 +166,7 @@ Ext.define('Traccar.view.edit.Devices', {
}, {
text: Strings.deviceLastUpdate,
dataIndex: 'lastUpdate',
- renderer: function (value, metaData, record) {
- var seconds, interval;
-
- if (value) {
- seconds = Math.floor((new Date() - value) / 1000);
- if (seconds < 0) {
- seconds = 0;
- }
- interval = Math.floor(seconds / 86400);
- if (interval > 1) {
- return interval + ' ' + Strings.sharedDays;
- }
- interval = Math.floor(seconds / 3600);
- if (interval > 1) {
- return interval + ' ' + Strings.sharedHours;
- }
- return Math.floor(seconds / 60) + ' ' + Strings.sharedMinutes;
- }
- }
+ renderer: Traccar.AttributeFormatter.getFormatter('lastUpdate')
}]
}
});
diff --git a/web/app/view/map/Map.js b/web/app/view/map/Map.js
index d4e654eb..82b76ee5 100644
--- a/web/app/view/map/Map.js
+++ b/web/app/view/map/Map.js
@@ -52,6 +52,13 @@ Ext.define('Traccar.view.map.Map', {
enableToggle: false,
tooltip: Strings.reportTitle
}, {
+ handler: 'showEvents',
+ reference: 'showEventsButton',
+ glyph: 'xf27b@FontAwesome',
+ stateful: false,
+ enableToggle: false,
+ tooltip: Strings.reportEvents
+ }, {
handler: 'updateGeofences',
reference: 'showGeofencesButton',
glyph: 'xf21d@FontAwesome',
@@ -71,11 +78,6 @@ Ext.define('Traccar.view.map.Map', {
stateId: 'device-follow-button',
toggleHandler: 'onFollowClick'
}, {
- id: 'soundButton',
- glyph: 'xf0a2@FontAwesome',
- tooltip: Strings.sharedSound,
- stateId: 'sound-button'
- }, {
xtype: 'settingsMenu',
enableToggle: false
}]
diff --git a/web/app/view/map/MapController.js b/web/app/view/map/MapController.js
index 8a5e81c6..02d4e382 100644
--- a/web/app/view/map/MapController.js
+++ b/web/app/view/map/MapController.js
@@ -45,12 +45,17 @@ Ext.define('Traccar.view.map.MapController', {
init: function () {
this.callParent();
this.lookupReference('showReportsButton').setVisible(Traccar.app.isMobile());
+ this.lookupReference('showEventsButton').setVisible(Traccar.app.isMobile());
},
showReports: function () {
Traccar.app.showReports(true);
},
+ showEvents: function () {
+ Traccar.app.showEvents(true);
+ },
+
onFollowClick: function (button, pressed) {
if (pressed && this.selectedMarker) {
this.getView().getMapView().setCenter(this.selectedMarker.getGeometry().getCoordinates());
diff --git a/web/l10n/en.json b/web/l10n/en.json
index bb19a1b1..6af6e192 100644
--- a/web/l10n/en.json
+++ b/web/l10n/en.json
@@ -264,7 +264,7 @@
"eventIgnitionOff": "Ignition is OFF",
"eventMaintenance": "Maintenance required",
"eventTextMessage": "Text message received",
- "alarm": "Alarm",
+ "eventsScrollToLast": "Scroll To Last",
"alarmSos": "SOS Alarm",
"alarmVibration": "Vibration Alarm",
"alarmMovement": "Movement Alarm",