Add reports to the mobile view

1 files changed, 35 insertions, 26 deletions

diff --git a/web/app/view/MainMobile.js b/web/app/view/MainMobile.js
index e3e67426..2659e2fb 100644
--- a/web/app/view/MainMobile.js
+++ b/web/app/view/MainMobile.js
@@ -19,40 +19,49 @@ Ext.define('Traccar.view.MainMobile', {
     extend: 'Ext.container.Viewport',
     alias: 'widget.mainMobile',
 
+    id: 'rootPanel',
+
     requires: [
         'Traccar.view.Devices',
         'Traccar.view.State',
         'Traccar.view.Map'
     ],
 
-    layout: 'border',
-
-    defaults: {
-        header: false,
-        collapsible: true,
-        split: true
-    },
+    layout: 'card',
 
     items: [{
-        region: 'east',
-        xtype: 'stateView',
-        title: Strings.stateTitle,
-        flex: 4,
-        collapsed: true,
-        titleCollapse: true,
-        floatable: false
-    }, {
-        region: 'center',
-        xtype: 'mapView',
-        collapsible: false,
-        flex: 2
+        layout: 'border',
+
+        defaults: {
+            header: false,
+            collapsible: true,
+            split: true
+        },
+
+        items: [{
+            region: 'east',
+            xtype: 'stateView',
+            title: Strings.stateTitle,
+            flex: 4,
+            collapsed: true,
+            collapseMode: 'mini',
+            titleCollapse: true,
+            floatable: false
+        }, {
+            region: 'center',
+            xtype: 'mapView',
+            collapsible: false,
+            flex: 2
+        }, {
+            region: 'south',
+            xtype: 'devicesView',
+            title: Strings.deviceTitle,
+            flex: 1,
+            collapsed: true,
+            titleCollapse: true,
+            floatable: false
+        }]
     }, {
-        region: 'south',
-        xtype: 'devicesView',
-        title: Strings.deviceTitle,
-        flex: 1,
-        collapsed: true,
-        titleCollapse: true,
-        floatable: false
+        xtype: 'reportView'
     }]
 });