Add link for modern app

2 files changed, 17 insertions, 0 deletions

diff --git a/web/app/view/dialog/Login.js b/web/app/view/dialog/Login.js
index 3a2c247a..461ec353 100644
--- a/web/app/view/dialog/Login.js
+++ b/web/app/view/dialog/Login.js
@@ -28,6 +28,11 @@ Ext.define('Traccar.view.dialog.Login', {
     header: false,
     closable: false,
 
+    listeners: {
+        afterrender: 'handleAdded',
+        beforedestroy: 'handleRemoved'
+    },
+
     items: {
         xtype: 'form',
         reference: 'form',
diff --git a/web/app/view/dialog/LoginController.js b/web/app/view/dialog/LoginController.js
index c25d9a83..3b1adbd2 100644
--- a/web/app/view/dialog/LoginController.js
+++ b/web/app/view/dialog/LoginController.js
@@ -29,6 +29,18 @@ Ext.define('Traccar.view.dialog.LoginController', {
         this.lookupReference('languageField').setValue(Locale.language);
     },
 
+    handleAdded: function () {
+        var element = document.createElement('div');
+        element.id = 'update';
+        element.innerHTML = 'Switch to <a href="/modern/">modern interface</a>';
+        document.getElementsByTagName("body")[0].appendChild(element);
+    },
+
+    handleRemoved: function () {
+        var element = document.getElementById('update');
+        document.getElementsByTagName("body")[0].removeChild(element);
+    },
+
     login: function () {
         var form = this.lookupReference('form');
         if (form.isValid()) {