traccar/web/app/view/AttributesController.js

/*
 * 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, attributes;
        store = Ext.create('Traccar.store.Attributes');
        store.setProxy(Ext.create('Ext.data.proxy.Memory'));
        if (typeof this.getView().record.get('attributes') === 'undefined') {
            this.getView().record.set('attributes', {});
        }
        attributes = this.getView().record.get('attributes');
        for (propertyName in attributes) {
            if (attributes.hasOwnProperty(propertyName)) {
                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) {
            var i;
            for (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) {
            var i;
            for (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);
    }
});