From b43f9ae73b1d9f36e5a3ca5de138c696d3109de8 Mon Sep 17 00:00:00 2001 From: Anton Tananaev Date: Wed, 14 Oct 2015 22:51:56 +1300 Subject: Start implementing user device dialog --- web/app/view/UserController.js | 16 ++++----------- web/app/view/UserDeviceDialog.js | 42 ++++++++++++++++++++++++++++++++++++++++ 2 files changed, 46 insertions(+), 12 deletions(-) create mode 100644 web/app/view/UserDeviceDialog.js (limited to 'web/app/view') diff --git a/web/app/view/UserController.js b/web/app/view/UserController.js index 10d1ded85..4ebc0d27c 100644 --- a/web/app/view/UserController.js +++ b/web/app/view/UserController.js @@ -19,7 +19,8 @@ Ext.define('Traccar.view.UserController', { alias: 'controller.user', requires: [ - 'Traccar.view.UserDialog' + 'Traccar.view.UserDialog', + 'Traccar.view.UserDeviceDialog' ], init: function () { @@ -63,17 +64,8 @@ Ext.define('Traccar.view.UserController', { }, onDevicesClick: function () { - // TODO show devices - /*Ext.create('Ext.window.Window', { - title: Strings.settingsUsers, - width: Traccar.Style.windowWidth, - height: Traccar.Style.windowHeight, - layout: 'fit', - modal: true, - items: { - xtype: 'userView' - } - }).show();*/ + var dialog = Ext.create('Traccar.view.UserDeviceDialog'); + dialog.show(); }, onSelectionChange: function (selected) { diff --git a/web/app/view/UserDeviceDialog.js b/web/app/view/UserDeviceDialog.js new file mode 100644 index 000000000..7e0b1eb88 --- /dev/null +++ b/web/app/view/UserDeviceDialog.js @@ -0,0 +1,42 @@ +/* + * 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.UserDeviceDialog', { + extend: 'Traccar.view.BaseEditDialog', + + requires: [ + 'Traccar.view.BaseEditDialogController' + ], + + controller: 'baseEditDialog', + title: Strings.deviceTitle, + + width: Traccar.Style.windowWidth, + + items: { + xtype: 'form', + items: [{ + xtype: 'itemselectorfield', + anchor: '100%', + store: 'Languages', + displayField: 'name', + valueField: 'id', + fromTitle: 'Available', + toTitle: 'Selected', + maxHeight: Traccar.Style.windowHeight + }] + } +}); -- cgit v1.2.3