3 files changed, 23 insertions, 0 deletions
diff --git a/web/app.css b/web/app.css
index b15dec34..c006931f 100644
--- a/web/app.css
+++ b/web/app.css
@@ -24,6 +24,12 @@ body.x-border-layout-ct, div.x-border-layout-ct {
     overflow: visible !important; /* workaround for Safari issue */
 }
 
+#update {
+    margin: 20px;
+    font-weight: bold;
+    text-align: center;
+}
+
 #attribution {
     position: absolute;
     bottom: 10px;
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()) {