2 files changed, 25 insertions, 0 deletions

diff --git a/web/app/view/UserDialog.js b/web/app/view/UserDialog.js
index a54a20c6..52ec933c 100644
--- a/web/app/view/UserDialog.js
+++ b/web/app/view/UserDialog.js
@@ -130,6 +130,18 @@ Ext.define('Traccar.view.UserDialog', {
             fieldLabel: Strings.userDeviceLimit,
             disabled: true,
             reference: 'deviceLimitField'
+        }, {
+            xtype: 'textfield',
+            name: 'token',
+            reference: 'tokenField',
+            fieldLabel: Strings.userToken,
+            disabled: true,
+            triggers: {
+                generate: {
+                    cls: 'iconCls: x-fa fa-refresh',
+                    handler: 'generateToken'
+                }
+            }
         }]
     },
 
diff --git a/web/app/view/UserDialogController.js b/web/app/view/UserDialogController.js
index cd0a9512..020bd801 100644
--- a/web/app/view/UserDialogController.js
+++ b/web/app/view/UserDialogController.js
@@ -26,9 +26,22 @@ Ext.define('Traccar.view.UserDialogController', {
             this.lookupReference('disabledField').setHidden(false);
             this.lookupReference('expirationTimeField').setDisabled(false);
             this.lookupReference('deviceLimitField').setDisabled(false);
+            this.lookupReference('tokenField').setDisabled(false);
         }
     },
 
+    symbols: 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789',
+
+    generateToken: function () {
+        var i, newToken = '';
+
+        for (i = 0; i < 16; i++) {
+            newToken += this.symbols.charAt(Math.floor(Math.random() * this.symbols.length));
+        }
+
+        this.lookupReference('tokenField').setValue(newToken);
+    },
+
     onSaveClick: function (button) {
         var dialog, record, store;
         dialog = button.up('window').down('form');