Implement logout button

2 files changed, 22 insertions, 21 deletions

diff --git a/web/DeviceView.js b/web/DeviceView.js
index 09174467c..0e1312e5d 100644
--- a/web/DeviceView.js
+++ b/web/DeviceView.js
@@ -20,25 +20,27 @@ Ext.define('DeviceView', {
 
     title: Strings.device_title,
     
-    
-    initComponent: function() {
-
-        this.tbar = [{
-            text:'Add'
-        }, {
-            text:'Edit'
-        }, {
-            text:'Remove'
-        }, {
-            xtype: 'tbfill'
-        }, {
-            text:'Settings'
-        }, {
-            text:'Logout'
-        }];
-
-        this.callParent();
-    },
+    tbar: [{
+        text:'Add'
+    }, {
+        text:'Edit'
+    }, {
+        text:'Remove'
+    }, {
+        xtype: 'tbfill'
+    }, {
+        text:'Settings'
+    }, {
+        text:'Logout',
+        handler: function() {
+            Ext.Ajax.request({
+                url: '/api/logout',
+                success: function() {
+                    window.location.reload();
+                }
+            });
+        }
+    }],
     
     store: {
         proxy: {
diff --git a/web/Styles.js b/web/Styles.js
index a77a0b0bf..5cf05adf1 100644
--- a/web/Styles.js
+++ b/web/Styles.js
@@ -19,10 +19,9 @@ Ext.define('Styles', {
 
     panel_padding: 10,
 
-    device_width: 400,
+    device_width: 350,
 
     map_center: [ -0.1275, 51.507222 ],
     map_zoom: 6,
     map_max_zoom: 16
-
 });