diff options
author | Anton Tananaev <anton.tananaev@gmail.com> | 2015-05-10 18:11:40 +1200 |
---|---|---|
committer | Anton Tananaev <anton.tananaev@gmail.com> | 2015-05-10 18:11:40 +1200 |
commit | bd09a39f12c4471bdc342e5a16fbabdffdc645d1 (patch) | |
tree | db94476ee604c2026c5653975c526352093d5628 /web/app/view/device | |
parent | 953852e6e984f8a639cf1a5ac4116fff755d538a (diff) | |
download | traccar-server-bd09a39f12c4471bdc342e5a16fbabdffdc645d1.tar.gz traccar-server-bd09a39f12c4471bdc342e5a16fbabdffdc645d1.tar.bz2 traccar-server-bd09a39f12c4471bdc342e5a16fbabdffdc645d1.zip |
Refactor web app architecture
Diffstat (limited to 'web/app/view/device')
-rw-r--r-- | web/app/view/device/Device.js | 64 | ||||
-rw-r--r-- | web/app/view/device/DeviceController.js | 90 | ||||
-rw-r--r-- | web/app/view/device/DeviceDialog.js | 51 |
3 files changed, 205 insertions, 0 deletions
diff --git a/web/app/view/device/Device.js b/web/app/view/device/Device.js new file mode 100644 index 000000000..4dfa13c44 --- /dev/null +++ b/web/app/view/device/Device.js @@ -0,0 +1,64 @@ +/* + * 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.view.device.Device', { + extend: 'Ext.grid.Panel', + xtype: 'device-view', + + requires: [ + 'Traccar.view.device.DeviceController' + ], + + controller: 'device', + + title: strings.device_title, + selType: 'rowmodel', + + tbar: [{ + text:'Add', + handler: 'onAddClick', + reference: 'deviceAddButton' + }, { + text:'Edit', + disabled: true, + handler: 'onEditClick', + reference: 'deviceEditButton' + }, { + text:'Remove', + disabled: true, + handler: 'onRemoveClick', + reference: 'deviceRemoveButton' + }, { + xtype: 'tbfill' + }, { + text:'Settings' + }, { + text:'Logout', + handler: 'onLogoutClick' + }], + + store: 'Devices', + + listeners: { + selectionchange: 'onSelectionChange' + }, + + columns: [ + { text: strings.device_name, dataIndex: 'name', flex: 1 }, + { text: strings.device_identifier, dataIndex: 'uniqueId', flex: 1 } + ] + +}); diff --git a/web/app/view/device/DeviceController.js b/web/app/view/device/DeviceController.js new file mode 100644 index 000000000..460ba3f9a --- /dev/null +++ b/web/app/view/device/DeviceController.js @@ -0,0 +1,90 @@ +/* + * 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.view.device.DeviceController', { + extend: 'Ext.app.ViewController', + alias: 'controller.device', + + requires: [ + 'Traccar.view.device.DeviceDialog' + ], + + onLogoutClick: function() { + Traccar.LoginManager.logout(); + }, + + onAddClick: function() { + var device = Ext.create('Traccar.model.Device'); + var dialog = Ext.create('Traccar.view.device.DeviceDialog'); + dialog.down('form').loadRecord(device); + dialog.show(); + }, + + onEditClick: function() { + var device = this.getView().getSelectionModel().getSelection()[0]; + var dialog = Ext.create('Traccar.view.device.DeviceDialog'); + dialog.down('form').loadRecord(device); + dialog.show(); + }, + + onRemoveClick: function() { + var device = this.getView().getSelectionModel().getSelection()[0]; + Ext.Msg.show({ + title: strings.device_dialog, + message: strings.device_remove, + buttons: Ext.Msg.YESNO, + buttonText: { + yes: strings.dialog_delete, + no: strings.dialog_cancel + }, + fn: function(btn) { + if (btn === 'yes') { + var store = Ext.getStore('Devices'); + store.remove(device); + store.sync(); + } + } + }); + }, + + onSelectionChange: function(selected) { + var disabled = selected.length > 0; + this.lookupReference('deviceEditButton').setDisabled(disabled); + this.lookupReference('deviceRemoveButton').setDisabled(disabled); + }, + + onSaveClick: function(button) { + var dialog = button.up('window').down('form'); + dialog.updateRecord(); + var store = Ext.getStore('Devices'); + var device = dialog.getRecord(); + if (device.phantom) { + store.add(device); + } + store.sync({ + failure: function(batch) { + store.rejectChanges(); // TODO + Traccar.ErrorManager.check(true, batch.exceptions[0].getResponse()); + } + }); + button.up('window').close(); + }, + + onCancelClick: function(button) { + button.up('window').close(); + } + +}); diff --git a/web/app/view/device/DeviceDialog.js b/web/app/view/device/DeviceDialog.js new file mode 100644 index 000000000..5e41d1ff4 --- /dev/null +++ b/web/app/view/device/DeviceDialog.js @@ -0,0 +1,51 @@ +/* + * 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.view.device.DeviceDialog', { + extend: 'Ext.window.Window', + xtype: 'device-dialog', + + controller: 'device', + + bodyPadding: styles.panel_padding, + title: strings.device_dialog, + resizable: false, + modal: true, + + items: { + xtype: 'form', + items: [{ + xtype: 'textfield', + name: 'name', + fieldLabel: strings.device_name, + allowBlank: false + }, { + xtype: 'textfield', + name: 'uniqueId', + fieldLabel: strings.device_identifier, + allowBlank: false + }] + }, + + buttons: [{ + text: strings.dialog_save, + handler: 'onSaveClick' + }, { + text: strings.dialog_cancel, + handler: 'onCancelClick' + }] + +}); |