[Commits] r2500 - sandbox/cmoullet/ux/Mobile/app

[commits at geoext.org]

Author: cmoullet
Date: 2010-11-28 06:27:43 +0100 (Sun, 28 Nov 2010)
New Revision: 2500

Added:
   sandbox/cmoullet/ux/Mobile/app/phone_startup.png
   sandbox/cmoullet/ux/Mobile/app/point.png
   sandbox/cmoullet/ux/Mobile/app/tablet_startup.png
Modified:
   sandbox/cmoullet/ux/Mobile/app/init.js
Log:
Modify general layout and use SwissSearchMobile

Modified: sandbox/cmoullet/ux/Mobile/app/init.js
===================================================================
--- sandbox/cmoullet/ux/Mobile/app/init.js	2010-11-28 04:59:40 UTC (rev 2499)
+++ sandbox/cmoullet/ux/Mobile/app/init.js	2010-11-28 05:27:43 UTC (rev 2500)
@@ -4,8 +4,8 @@
     phoneStartupScreen: 'phone_startup.png',
     glossOnIcon: false,
     onReady: function() {
-
-        var searchField = new GeoAdminMobile.ux.SwissSearchMobile({
+        // MapPanel definition
+        var swissSearchField = new GeoAdminMobile.ux.SwissSearchMobile({
             map: null
         });
 
@@ -18,15 +18,7 @@
             }
         });
 
-        var layerManagerButton = Ext.create({
-            xtype   : 'button',
-            text: 'Layer Manager',
-            handler: function() {
-                alert('Not implemented: layer selector');
-            }
-        });
-
-        var toolbarTop = new Ext.Toolbar({
+        var mapPanelToolbarTop = new Ext.Toolbar({
             dock: 'top',
             xtype: 'toolbar',
             ui : 'light',
@@ -34,29 +26,50 @@
                 iconMask: true
             },
             items : [
-                searchField,
+                swissSearchField,
                 {
                     xtype: 'spacer'
                 },
                 trackingButton
             ]
         });
-        var toolbarBottom = new Ext.Toolbar({
-            dock: 'bottom',
-            xtype: 'toolbar',
-            ui : 'light',
-            defaults: {
-                iconMask: true
-            },
-            items : [
-                layerManagerButton
-            ]
-        });
 
-        var panel = new Ext.Panel({
+        var mapPanel = new Ext.Panel({
+            title: 'Map',
+            iconCls: 'home',
             fullscreen: true,
-            dockedItems: [toolbarTop,toolbarBottom],
+            dockedItems: [mapPanelToolbarTop],
             items: [new Ext.Map({})]
         });
+
+        // Layer Manager Definition
+        var layerManagerPanel = new Ext.Panel({
+            title: 'Layer Manager',
+            iconCls: 'settings'
+
+        });
+
+        // Global Tab Panel
+        var tabPanel = new Ext.TabPanel({
+            tabBar: {
+                dock: 'bottom',
+                layout: {
+                    pack: 'center'
+                }
+            },
+            fullscreen: true,
+            ui: 'light',
+            cardSwitchAnimation: {
+                type: 'slide',
+                cover: true
+            },
+
+            defaults: {
+                scroll: 'vertical'
+            },
+            items: [
+                mapPanel,
+                layerManagerPanel]
+        });
     }
 });
\ No newline at end of file

Copied: sandbox/cmoullet/ux/Mobile/app/phone_startup.png (from rev 2493, sandbox/cmoullet/ux/Mobile/sencha-touch/examples/map/phone_startup.png)
===================================================================
(Binary files differ)

Copied: sandbox/cmoullet/ux/Mobile/app/point.png (from rev 2493, sandbox/cmoullet/ux/Mobile/sencha-touch/examples/map/point.png)
===================================================================
(Binary files differ)

Copied: sandbox/cmoullet/ux/Mobile/app/tablet_startup.png (from rev 2493, sandbox/cmoullet/ux/Mobile/sencha-touch/examples/map/tablet_startup.png)
===================================================================
(Binary files differ)