aboutsummaryrefslogtreecommitdiff
path: root/web/app/view/AttributesController.js
blob: 3959c5a5c0e6722d8d2a408005cf3c1599fe4b1b (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
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
/*
 * Copyright 2016 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.view.AttributesController', {
    extend: 'Ext.app.ViewController',
    alias: 'controller.attributes',

    requires: [
        'Traccar.view.AttributeDialog',
        'Traccar.store.Attributes'
    ],

    init: function () {
        var store, propertyName, i = 0;
        store = Ext.create('Traccar.store.Attributes');
        store.setProxy(Ext.create('Ext.data.proxy.Memory'));
        for (propertyName in this.getView().record.get('attributes')) {
            store.add(Ext.create('Traccar.model.Attribute', {
                priority: i++,
                name: propertyName,
                value:this.getView().record.get('attributes')[propertyName]
            }));
        }
        store.addListener('add', function (store , records , index , eOpts) {
            for (var i = 0; i < records.length; i++) {
                this.getView().record.get('attributes')[records[i].get('name')] = records[i].get('value');
            }
            this.getView().record.dirty = true;
        }, this);
        store.addListener('update', function  (store, record, operation , modifiedFieldNames , details , eOpts) {
            if (operation === Ext.data.Model.EDIT) {
                if (record.modified.name !== record.get('name')) {
                    delete this.getView().record.get('attributes')[record.modified.name];
                }
                this.getView().record.get('attributes')[record.get('name')] = record.get('value');
                this.getView().record.dirty = true;
            }
        }, this);
        store.addListener('remove', function (store , records , index , isMove , eOpts) {
            for (var i = 0; i < records.length; i++) {
                delete this.getView().record.get('attributes')[records[i].get('name')];
            }
            this.getView().record.dirty = true;
        }, this);

        this.getView().setStore(store);
    },

    onAddClick: function () {
        var attribute, dialog;
        attribute = Ext.create('Traccar.model.Attribute');
        attribute.store = this.getView().getStore();
        dialog = Ext.create('Traccar.view.AttributeDialog');
        dialog.down('form').loadRecord(attribute);
        dialog.show();
    },

    onEditClick: function () {
        var attribute, dialog;
        attribute = this.getView().getSelectionModel().getSelection()[0];
        dialog = Ext.create('Traccar.view.AttributeDialog');
        dialog.down('form').loadRecord(attribute);
        dialog.show();
    },

    onRemoveClick: function () {
        var attribute = this.getView().getSelectionModel().getSelection()[0];
        Ext.Msg.show({
            title: Strings.stateName,
            message: Strings.sharedRemoveConfirm,
            buttons: Ext.Msg.YESNO,
            buttonText: {
                yes: Strings.sharedRemove,
                no: Strings.sharedCancel
            },
            scope: this,
            fn: function (btn) {
                var store = this.getView().getStore();
                if (btn === 'yes') {
                    store.remove(attribute);
                    store.sync();
                }
            }
        });
    },

    onSelectionChange: function (selected) {
        var disabled = selected.length > 0;
        this.lookupReference('toolbarEditButton').setDisabled(disabled);
        this.lookupReference('toolbarRemoveButton').setDisabled(disabled);
    }
});