From aff5895a438c29ca3f16a5d2e19bcb81bce08529 Mon Sep 17 00:00:00 2001
From: Anton Tananaev <anton.tananaev@gmail.com>
Date: Tue, 19 Dec 2017 05:10:32 +1300
Subject: Make group field clearable

---
 web/app/view/dialog/Device.js | 26 +++++++++++++++++++-------
 web/app/view/dialog/Group.js  | 26 +++++++++++++++++++-------
 2 files changed, 38 insertions(+), 14 deletions(-)

(limited to 'web/app/view/dialog')

diff --git a/web/app/view/dialog/Device.js b/web/app/view/dialog/Device.js
index ba78ca9..07d846c 100644
--- a/web/app/view/dialog/Device.js
+++ b/web/app/view/dialog/Device.js
@@ -42,14 +42,26 @@ Ext.define('Traccar.view.dialog.Device', {
             collapsible: true,
             collapsed: true,
             items: [{
-                xtype: 'combobox',
-                name: 'groupId',
+                xtype: 'fieldcontainer',
+                layout: 'hbox',
                 fieldLabel: Strings.groupParent,
-                store: 'Groups',
-                queryMode: 'local',
-                displayField: 'name',
-                valueField: 'id',
-                editable: false
+                items: [{
+                    xtype: 'combobox',
+                    name: 'groupId',
+                    store: 'Groups',
+                    queryMode: 'local',
+                    displayField: 'name',
+                    valueField: 'id',
+                    width: Traccar.Style.formFieldWithButtonWidth,
+                    editable: false
+                }, {
+                    xtype:'button',
+                    glyph: 'xf00d@FontAwesome',
+                    margin: '0 0 0 3px',
+                    handler: function (button) {
+                        button.up().down().clearValue();
+                    }
+                }]
             }, {
                 xtype: 'textfield',
                 name: 'phone',
diff --git a/web/app/view/dialog/Group.js b/web/app/view/dialog/Group.js
index b517bbf..16253fb 100644
--- a/web/app/view/dialog/Group.js
+++ b/web/app/view/dialog/Group.js
@@ -37,14 +37,26 @@ Ext.define('Traccar.view.dialog.Group', {
             collapsible: true,
             collapsed: true,
             items: [{
-                xtype: 'combobox',
-                name: 'groupId',
+                xtype: 'fieldcontainer',
+                layout: 'hbox',
                 fieldLabel: Strings.groupParent,
-                store: 'Groups',
-                queryMode: 'local',
-                displayField: 'name',
-                valueField: 'id',
-                editable: false
+                items: [{
+                    xtype: 'combobox',
+                    name: 'groupId',
+                    store: 'Groups',
+                    queryMode: 'local',
+                    displayField: 'name',
+                    valueField: 'id',
+                    width: Traccar.Style.formFieldWithButtonWidth,
+                    editable: false
+                }, {
+                    xtype:'button',
+                    glyph: 'xf00d@FontAwesome',
+                    margin: '0 0 0 3px',
+                    handler: function (button) {
+                        button.up().down().clearValue();
+                    }
+                }]
             }]
         }]
     }
-- 
cgit v1.2.3