aboutsummaryrefslogtreecommitdiff
path: root/web/app/view/CustomNumberField.js
blob: 9144b5246ca369fcf2c6710371cfc6f644477f8e (plain)
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
/*
 * 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.CustomNumberField', {
    extend: 'Ext.form.field.Number',
    xtype: 'customNumberField',

    beforeEl: '<div style="width:100%;display:inline-table;">',
    unitEl: '<div id="unitEl" style="display:table-cell;padding-left:10px;vertical-align:middle;width:30%">',

    constructor: function (config) {
        var unit;
        if (config.dataType === 'speed') {
            unit = Traccar.app.getPreference('speedUnit', 'kn');
            config.beforeSubTpl = this.beforeEl;
            config.afterSubTpl = this.unitEl + Ext.getStore('SpeedUnits').findRecord('key', unit).get('name') + '</div></div>';
            config.rawToValue = function (rawValue) {
                return Ext.getStore('SpeedUnits').convertValue(rawValue, Traccar.app.getPreference('speedUnit', 'kn'), true);
            };
            config.valueToRaw = function (value) {
                return Ext.getStore('SpeedUnits').convertValue(value, Traccar.app.getPreference('speedUnit', 'kn'));
            };
        } else if (config.dataType === 'distance') {
            config.beforeSubTpl = this.beforeEl;
            unit = Traccar.app.getPreference('distanceUnit', 'km');
            config.afterSubTpl = this.unitEl + Ext.getStore('DistanceUnits').findRecord('key', unit).get('name') + '</div></div>';
            config.rawToValue = function (rawValue) {
                return Ext.getStore('DistanceUnits').convertValue(rawValue, Traccar.app.getPreference('distanceUnit', 'km'), true);
            };
            config.valueToRaw = function (value) {
                return Ext.getStore('DistanceUnits').convertValue(value, Traccar.app.getPreference('distanceUnit', 'km'));
            };
        } else if (config.dataType === 'frequency') {
            config.beforeSubTpl = this.beforeEl;
            config.afterSubTpl = this.unitEl + '</div></div>';
            config.listeners = {
                afterrender: function (numberField) {
                    if (!numberField.timeUnits) {
                        numberField.timeUnits = Ext.create({
                            xtype: 'combobox',
                            renderTo: 'unitEl',
                            store: 'TimeUnits',
                            displayField: 'name',
                            valueField: 'factor',
                            value: 1,
                            width: 70
                        });
                    }
                }
            };
            config.rawToValue = function (rawValue) {
                if (this.timeUnits) {
                    return rawValue * this.timeUnits.getValue();
                } else {
                    return rawValue;
                }
            };
            config.valueToRaw = function (value) {
                if (this.timeUnits) {
                    return value / this.timeUnits.getValue();
                } else {
                    return value;
                }
            };
        }
        this.callParent(arguments);
    }
});