7 files changed, 22 insertions, 4 deletions
diff --git a/web/app/controller/Root.js b/web/app/controller/Root.js
index a1026d3c5..5bd567619 100644
--- a/web/app/controller/Root.js
+++ b/web/app/controller/Root.js
@@ -73,6 +73,7 @@ Ext.define('Traccar.controller.Root', {
     },
 
     loadApp: function () {
+        Ext.getStore('Groups').load();
         Ext.getStore('Devices').load();
         Ext.get('attribution').remove();
         if (this.isPhone) {
diff --git a/web/app/model/Device.js b/web/app/model/Device.js
index 709d51953..588d53c1f 100644
--- a/web/app/model/Device.js
+++ b/web/app/model/Device.js
@@ -34,5 +34,8 @@ Ext.define('Traccar.model.Device', {
         name: 'lastUpdate',
         type: 'date',
         dateFormat: 'c'
+    }, {
+        name: 'groupId',
+        type: 'int'
     }]
 });
diff --git a/web/app/model/Group.js b/web/app/model/Group.js
index 22e160315..a28897feb 100644
--- a/web/app/model/Group.js
+++ b/web/app/model/Group.js
@@ -24,5 +24,8 @@ Ext.define('Traccar.model.Group', {
     }, {
         name: 'name',
         type: 'string'
+    }, {
+        name: 'groupId',
+        type: 'int'
     }]
 });
diff --git a/web/app/view/DeviceDialog.js b/web/app/view/DeviceDialog.js
index 318ac4ffe..4a22ca008 100644
--- a/web/app/view/DeviceDialog.js
+++ b/web/app/view/DeviceDialog.js
@@ -36,6 +36,13 @@ Ext.define('Traccar.view.DeviceDialog', {
             name: 'uniqueId',
             fieldLabel: Strings.deviceIdentifier,
             allowBlank: false
+        }, {
+            xtype: 'combobox',
+            name: 'groupId',
+            fieldLabel: Strings.groupParent,
+            store: 'Groups',
+            displayField: 'name',
+            valueField: 'id'
         }]
     }
 });
diff --git a/web/app/view/GroupDialog.js b/web/app/view/GroupDialog.js
index a34e33aa0..2cca61ef5 100644
--- a/web/app/view/GroupDialog.js
+++ b/web/app/view/GroupDialog.js
@@ -31,6 +31,13 @@ Ext.define('Traccar.view.GroupDialog', {
             name: 'name',
             fieldLabel: Strings.sharedName,
             allowBlank: false
+        }, {
+            xtype: 'combobox',
+            name: 'groupId',
+            fieldLabel: Strings.groupParent,
+            store: 'Groups',
+            displayField: 'name',
+            valueField: 'id'
         }]
     }
 });
diff --git a/web/app/view/GroupsController.js b/web/app/view/GroupsController.js
index 34b259658..6cc568ea2 100644
--- a/web/app/view/GroupsController.js
+++ b/web/app/view/GroupsController.js
@@ -18,10 +18,6 @@ Ext.define('Traccar.view.GroupsController', {
     extend: 'Ext.app.ViewController',
     alias: 'controller.groups',
 
-    init: function () {
-        Ext.getStore('Groups').load();
-    },
-
     onAddClick: function () {
         var group, dialog;
         group = Ext.create('Traccar.model.Group');
diff --git a/web/l10n/en.json b/web/l10n/en.json
index 715dce3a7..cabd76362 100644
--- a/web/l10n/en.json
+++ b/web/l10n/en.json
@@ -35,6 +35,7 @@
     "deviceCommand": "Command",
     "deviceFollow": "Follow",
     "groupDialog": "Group",
+    "groupParent": "Group",
     "settingsTitle": "Settings",
     "settingsUser": "Account",
     "settingsGroups": "Groups",