Move web interface from main repo

1 files changed, 343 insertions, 0 deletions

diff --git a/web/app/view/ReportController.js b/web/app/view/ReportController.js
new file mode 100644
index 00000000..19baec81
--- /dev/null
+++ b/web/app/view/ReportController.js
@@ -0,0 +1,343 @@
+/*
+ * Copyright 2015 - 2016 Anton Tananaev (anton.tananaev@gmail.com)
+ * Copyright 2016 Andrey Kunitsyn (abyss@fox5.ru)
+ *
+ * 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.view.ReportController', {
+    extend: 'Ext.app.ViewController',
+    alias: 'controller.report',
+
+    requires: [
+        'Traccar.AttributeFormatter',
+        'Traccar.view.ReportConfigDialog',
+        'Traccar.store.ReportEventTypes'
+    ],
+
+    config: {
+        listen: {
+            controller: {
+                '*': {
+                    selectdevice: 'selectDevice',
+                    selectreport: 'selectReport'
+                }
+            }
+        }
+    },
+
+    onConfigureClick: function () {
+        var dialog = Ext.create('Traccar.view.ReportConfigDialog');
+        dialog.lookupReference('eventTypeField').setHidden(this.lookupReference('reportTypeField').getValue() !== 'events');
+        dialog.callingPanel = this;
+        dialog.lookupReference('deviceField').setValue(this.deviceId);
+        dialog.lookupReference('groupField').setValue(this.groupId);
+        if (this.eventType !== undefined) {
+            dialog.lookupReference('eventTypeField').setValue(this.eventType);
+        } else {
+            dialog.lookupReference('eventTypeField').setValue([Traccar.store.ReportEventTypes.allEvents]);
+        }
+        if (this.fromDate !== undefined) {
+            dialog.lookupReference('fromDateField').setValue(this.fromDate);
+        }
+        if (this.fromTime !== undefined) {
+            dialog.lookupReference('fromTimeField').setValue(this.fromTime);
+        }
+        if (this.toDate !== undefined) {
+            dialog.lookupReference('toDateField').setValue(this.toDate);
+        }
+        if (this.toTime !== undefined) {
+            dialog.lookupReference('toTimeField').setValue(this.toTime);
+        }
+        dialog.show();
+    },
+
+    updateButtons: function () {
+        var reportType, disabled, devices, time;
+        reportType = this.lookupReference('reportTypeField').getValue();
+        devices = (this.deviceId && this.deviceId.length !== 0) || (this.groupId && this.groupId.length !== 0);
+        time = this.fromDate && this.fromTime && this.toDate && this.toTime;
+        disabled = !reportType || !devices || !time;
+        this.lookupReference('showButton').setDisabled(disabled);
+        this.lookupReference('csvButton').setDisabled(disabled);
+    },
+
+    onReportClick: function (button) {
+        var reportType, from, to, store, url;
+
+        reportType = this.lookupReference('reportTypeField').getValue();
+
+        if (reportType && (this.deviceId || this.groupId)) {
+            from = new Date(
+                this.fromDate.getFullYear(), this.fromDate.getMonth(), this.fromDate.getDate(),
+                this.fromTime.getHours(), this.fromTime.getMinutes(), this.fromTime.getSeconds(), this.fromTime.getMilliseconds());
+
+            to = new Date(
+                this.toDate.getFullYear(), this.toDate.getMonth(), this.toDate.getDate(),
+                this.toTime.getHours(), this.toTime.getMinutes(), this.toTime.getSeconds(), this.toTime.getMilliseconds());
+
+            if (button.reference === 'showButton') {
+                store = this.getView().getStore();
+                store.load({
+                    params: {
+                        deviceId: this.deviceId,
+                        groupId: this.groupId,
+                        type: this.eventType,
+                        from: from.toISOString(),
+                        to: to.toISOString()
+                    }
+                });
+            } else if (button.reference === 'csvButton') {
+                url = this.getView().getStore().getProxy().url;
+                this.downloadCsv(url, {
+                    deviceId: this.deviceId,
+                    groupId: this.groupId,
+                    type: this.eventType,
+                    from: from.toISOString(),
+                    to: to.toISOString()
+                });
+            }
+        }
+    },
+
+    onClearClick: function () {
+        this.getView().getStore().removeAll();
+    },
+
+    onSelectionChange: function (selected) {
+        if (selected.getCount() > 0) {
+            this.fireEvent('selectreport', selected.getLastSelected(), true);
+        }
+    },
+
+    selectDevice: function (device) {
+        if (device) {
+            this.getView().getSelectionModel().deselectAll();
+        }
+    },
+
+    selectReport: function (position, center) {
+        if (position instanceof Traccar.model.Position) {
+            this.getView().getSelectionModel().select([position], false, true);
+        }
+    },
+
+    downloadCsv: function (requestUrl, requestParams) {
+        Ext.Ajax.request({
+            url: requestUrl,
+            method: 'GET',
+            params: requestParams,
+            headers: {
+                Accept: 'text/csv'
+            },
+            success: function (response) {
+                var disposition, filename, type, blob, url, downloadUrl, elementA;
+                disposition = response.getResponseHeader('Content-Disposition');
+                filename = disposition.slice(disposition.indexOf('=') + 1, disposition.length);
+                type = response.getResponseHeader('Content-Type');
+                blob = new Blob([response.responseText], {type: type});
+                if (typeof window.navigator.msSaveBlob !== 'undefined') {
+                    // IE workaround
+                    window.navigator.msSaveBlob(blob, filename);
+                } else {
+                    url = window.URL || window.webkitURL;
+                    downloadUrl = url.createObjectURL(blob);
+                    if (filename) {
+                        elementA = document.createElement('a');
+                        elementA.href = downloadUrl;
+                        elementA.download = filename;
+                        document.body.appendChild(elementA);
+                        elementA.click();
+                    }
+                    setTimeout(function () {
+                        url.revokeObjectURL(downloadUrl);
+                    }, 100);
+                }
+            }
+        });
+    },
+
+    onTypeChange: function (combobox, newValue, oldValue) {
+        if (oldValue !== null) {
+            this.onClearClick();
+        }
+
+        if (newValue === 'route') {
+            this.getView().reconfigure('ReportRoute', this.routeColumns);
+        } else if (newValue === 'events') {
+            this.getView().reconfigure('ReportEvents', this.eventsColumns);
+        } else if (newValue === 'summary') {
+            this.getView().reconfigure('ReportSummary', this.summaryColumns);
+        } else if (newValue === 'trips') {
+            this.getView().reconfigure('ReportTrips', this.tripsColumns);
+        }
+
+        this.updateButtons();
+    },
+
+    routeColumns: [{
+        text: Strings.positionValid,
+        dataIndex: 'valid',
+        flex: 1,
+        renderer: Traccar.AttributeFormatter.getFormatter('valid')
+    }, {
+        text: Strings.positionFixTime,
+        dataIndex: 'fixTime',
+        flex: 1,
+        xtype: 'datecolumn',
+        renderer: Traccar.AttributeFormatter.getFormatter('fixTime')
+    }, {
+        text: Strings.positionLatitude,
+        dataIndex: 'latitude',
+        flex: 1,
+        renderer: Traccar.AttributeFormatter.getFormatter('latitude')
+    }, {
+        text: Strings.positionLongitude,
+        dataIndex: 'longitude',
+        flex: 1,
+        renderer: Traccar.AttributeFormatter.getFormatter('latitude')
+    }, {
+        text: Strings.positionAltitude,
+        dataIndex: 'altitude',
+        flex: 1,
+        renderer: Traccar.AttributeFormatter.getFormatter('altitude')
+    }, {
+        text: Strings.positionSpeed,
+        dataIndex: 'speed',
+        flex: 1,
+        renderer: Traccar.AttributeFormatter.getFormatter('speed')
+    }, {
+        text: Strings.positionAddress,
+        dataIndex: 'address',
+        flex: 1,
+        renderer: Traccar.AttributeFormatter.getFormatter('address')
+    }],
+
+    eventsColumns: [{
+        text: Strings.positionFixTime,
+        dataIndex: 'serverTime',
+        flex: 1,
+        xtype: 'datecolumn',
+        renderer: Traccar.AttributeFormatter.getFormatter('serverTime')
+    }, {
+        text: Strings.reportDeviceName,
+        dataIndex: 'deviceId',
+        flex: 1,
+        renderer: function (value) {
+            return Ext.getStore('Devices').findRecord('id', value).get('name');
+        }
+    }, {
+        text: Strings.sharedType,
+        dataIndex: 'type',
+        flex: 1,
+        renderer: function (value) {
+            var typeKey = 'event' + value.charAt(0).toUpperCase() + value.slice(1);
+            return Strings[typeKey];
+        }
+    }, {
+        text: Strings.sharedGeofence,
+        dataIndex: 'geofenceId',
+        flex: 1,
+        renderer: function (value) {
+            if (value !== 0) {
+                return Ext.getStore('Geofences').findRecord('id', value).get('name');
+            }
+        }
+    }],
+
+    summaryColumns: [{
+        text: Strings.reportDeviceName,
+        dataIndex: 'deviceId',
+        flex: 1,
+        renderer: function (value) {
+            return Ext.getStore('Devices').findRecord('id', value).get('name');
+        }
+    }, {
+        text: Strings.sharedDistance,
+        dataIndex: 'distance',
+        flex: 1,
+        renderer: Traccar.AttributeFormatter.getFormatter('distance')
+    }, {
+        text: Strings.reportAverageSpeed,
+        dataIndex: 'averageSpeed',
+        flex: 1,
+        renderer: Traccar.AttributeFormatter.getFormatter('speed')
+    }, {
+        text: Strings.reportMaximumSpeed,
+        dataIndex: 'maxSpeed',
+        flex: 1,
+        renderer: Traccar.AttributeFormatter.getFormatter('speed')
+    }, {
+        text: Strings.reportEngineHours,
+        dataIndex: 'engineHours',
+        flex: 1,
+        renderer: Traccar.AttributeFormatter.getFormatter('hours')
+    }],
+
+    tripsColumns: [{
+        text: Strings.reportDeviceName,
+        dataIndex: 'deviceId',
+        flex: 1,
+        renderer: function (value) {
+            return Ext.getStore('Devices').findRecord('id', value).get('name');
+        }
+    }, {
+        text: Strings.reportStartTime,
+        dataIndex: 'startTime',
+        flex: 1,
+        xtype: 'datecolumn',
+        renderer: Traccar.AttributeFormatter.getFormatter('startTime')
+    }, {
+        text: Strings.reportStartAddress,
+        dataIndex: 'startAddress',
+        flex: 1,
+        renderer: Traccar.AttributeFormatter.getFormatter('address')
+    }, {
+        text: Strings.reportEndTime,
+        dataIndex: 'endTime',
+        flex: 1,
+        xtype: 'datecolumn',
+        renderer: Traccar.AttributeFormatter.getFormatter('endTime')
+    }, {
+        text: Strings.reportEndAddress,
+        dataIndex: 'endAddress',
+        flex: 1,
+        renderer: Traccar.AttributeFormatter.getFormatter('address')
+    }, {
+        text: Strings.sharedDistance,
+        dataIndex: 'distance',
+        flex: 1,
+        renderer: Traccar.AttributeFormatter.getFormatter('distance')
+    }, {
+        text: Strings.reportAverageSpeed,
+        dataIndex: 'averageSpeed',
+        flex: 1,
+        renderer: Traccar.AttributeFormatter.getFormatter('speed')
+    }, {
+        text: Strings.reportMaximumSpeed,
+        dataIndex: 'maxSpeed',
+        flex: 1,
+        renderer: Traccar.AttributeFormatter.getFormatter('speed')
+    }, {
+        text: Strings.reportDuration,
+        dataIndex: 'duration',
+        flex: 1,
+        renderer: Traccar.AttributeFormatter.getFormatter('duration')
+    }, {
+        text: Strings.reportSpentFuel,
+        dataIndex: 'spentFuel',
+        flex: 1,
+        renderer: Traccar.AttributeFormatter.getFormatter('spentFuel')
+    }]
+
+});