1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
|
/*
* 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('Devices').load();
Ext.get('attribution').remove();
if (this.isPhone) {
Ext.create('widget.mainMobile');
} else {
Ext.create('widget.main');
}
this.asyncUpdate(true);
},
asyncUpdate: function (first) {
var socket = new WebSocket('ws://' + window.location.host + '/api/socket');
socket.onmessage = function (event) {
var i, store, data, array, entity;
data = Ext.decode(event.data);
if (data.devices) {
array = data.devices;
store = Ext.getStore('Devices');
for (i = 0; i < array.length; i++) {
entity = store.findRecord('id', array[i].id, 0, false, false, true);
if (entity) {
entity.set({
status: array[i].status,
lastUpdate: array[i].lastUpdate
}, {
dirty: false
});
}
}
}
if (data.positions) {
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]));
}
}
}
};
}
});
|
