/* * Copyright 2015 Anton Tananaev (anton.tananaev@gmail.com) * * Licensed 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. */ Ext.define('Traccar.controller.Root', { extend: 'Ext.app.Controller', requires: [ 'Traccar.view.Login', 'Traccar.view.Main', 'Traccar.view.MainMobile' ], init: function () { var indicator = document.createElement('div'); indicator.className = 'state-indicator'; document.body.appendChild(indicator); this.isPhone = parseInt(window.getComputedStyle(indicator).getPropertyValue('z-index'), 10) !== 0; }, onLaunch: function () { Ext.Ajax.request({ scope: this, url: '/api/server', callback: this.onServerReturn }); }, onServerReturn: function (options, success, response) { Ext.get('spinner').remove(); if (success) { Traccar.app.setServer(Ext.decode(response.responseText)); Ext.Ajax.request({ scope: this, url: '/api/session', callback: this.onSessionReturn }); } else { Traccar.app.showError(response); } }, onSessionReturn: function (options, success, response) { if (success) { Traccar.app.setUser(Ext.decode(response.responseText)); this.loadApp(); } else { this.login = Ext.create('widget.login', { listeners: { scope: this, login: this.onLogin } }); this.login.show(); } }, onLogin: function () { this.login.close(); this.loadApp(); }, loadApp: function () { Ext.getStore('Groups').load(); Ext.getStore('Devices').load(); Ext.getStore('Geofences').getProxy().on('exception', function(proxy, response, operation) { if (operation && operation.error.status === 404) { Traccar.app.withoutGeofences = true; } }); Ext.getStore('Geofences').load(); Ext.get('attribution').remove(); if (this.isPhone) { Ext.create('widget.mainMobile'); } else { Ext.create('widget.main'); } this.asyncUpdate(true); }, asyncUpdate: function (first) { var protocol, socket, self = this; protocol = location.protocol === 'https:' ? 'wss:' : 'ws:'; socket = new WebSocket(protocol + '//' + window.location.host + '/api/socket'); socket.onclose = function (event) { self.asyncUpdate(false); }; socket.onmessage = function (event) { var i, j, store, data, array, entity, device, typeKey, text, geofence; data = Ext.decode(event.data); if (data.devices) { array = data.devices; store = Ext.getStore('Devices'); for (i = 0; i < array.length; i++) { entity = store.getById(array[i].id); if (entity) { entity.set({ status: array[i].status, lastUpdate: array[i].lastUpdate }, { dirty: false }); } } } if (data.positions && !data.events) { array = data.positions; store = Ext.getStore('LatestPositions'); for (i = 0; i < array.length; i++) { entity = store.findRecord('deviceId', array[i].deviceId, 0, false, false, true); if (entity) { entity.set(array[i]); } else { store.add(Ext.create('Traccar.model.Position', array[i])); } } } if (data.events) { array = data.events; store = Ext.getStore('Events'); for (i = 0; i < array.length; i++) { store.add(array[i]); if (array[i].type === 'commandResult' && data.positions) { for (j = 0; j < data.positions.length; j++) { if (data.positions[j].id == array[i].positionId) { text = data.positions[j].attributes.result; break; } } text = Strings.eventCommandResult + text; } else { typeKey = 'event' + array[i].type.charAt(0).toUpperCase() + array[i].type.slice(1); text = Strings[typeKey]; if (typeof text == "undefined") { text = typeKey; } } if (array[i].geofenceId !== 0 && !Traccar.app.withoutGeofences) { geofence = Ext.getStore('Geofences').getById(array[i].geofenceId); if (typeof geofence != "undefined") { text += ' \"' + geofence.getData().name + '"'; } } device = Ext.getStore('Devices').getById(array[i].deviceId); if (typeof device != "undefined") { Ext.toast(text, device.getData().name); } } } }; } });