[Commits] r354 - in apps/opengeo/geoexplorer/trunk: . lib theme

[commits at geoext.org]

Author: sbenthall
Date: 2009-04-07 00:02:59 +0200 (Tue, 07 Apr 2009)
New Revision: 354

Added:
   apps/opengeo/geoexplorer/trunk/theme/geoexplorer.css
Modified:
   apps/opengeo/geoexplorer/trunk/debug.html
   apps/opengeo/geoexplorer/trunk/lib/GeoExplorer.js
Log:
zoom in and zoom out buttons with icons


Modified: apps/opengeo/geoexplorer/trunk/debug.html
===================================================================
--- apps/opengeo/geoexplorer/trunk/debug.html	2009-04-06 21:23:40 UTC (rev 353)
+++ apps/opengeo/geoexplorer/trunk/debug.html	2009-04-06 22:02:59 UTC (rev 354)
@@ -17,6 +17,8 @@
         <script type="text/javascript" src="externals/geoext/lib/GeoExt.js"></script> 
 
         <!-- GeoExplorer resources -->
+        <link rel="stylesheet" type="text/css" href="theme/geoexplorer.css" />
+
         <script type="text/javascript" src="lib/RowExpander.js"></script> 
         <script type="text/javascript" src="lib/CapabilitiesGrid.js"></script> 
         <script type="text/javascript" src="lib/Viewer.js"></script> 

Modified: apps/opengeo/geoexplorer/trunk/lib/GeoExplorer.js
===================================================================
--- apps/opengeo/geoexplorer/trunk/lib/GeoExplorer.js	2009-04-06 21:23:40 UTC (rev 353)
+++ apps/opengeo/geoexplorer/trunk/lib/GeoExplorer.js	2009-04-06 22:02:59 UTC (rev 354)
@@ -269,6 +269,8 @@
                 handler: this.bookmark,
                 scope: this
             }),
+            "|"
+            ,
             new MapToolToggle({
                 text: "Get Feature Info", 
                 iconCls: null,
@@ -285,6 +287,23 @@
                 ],
                 enableToggle: true,
                 toggleGroup: toolGroup 
+            }),
+            "|",
+            new Ext.Button({
+                handler: function(){
+                    this.map.zoomIn();
+                },
+                tooltip: "Zoom In",
+                iconCls: "icon-zoom-in",
+                scope: this
+            }),
+            new Ext.Button({
+                tooltip: "Zoom Out",
+                handler: function(){
+                    this.map.zoomOut();
+                },
+                iconCls: "icon-zoom-out",
+                scope: this
             })
         ];
 

Added: apps/opengeo/geoexplorer/trunk/theme/geoexplorer.css
===================================================================
--- apps/opengeo/geoexplorer/trunk/theme/geoexplorer.css	                        (rev 0)
+++ apps/opengeo/geoexplorer/trunk/theme/geoexplorer.css	2009-04-06 22:02:59 UTC (rev 354)
@@ -0,0 +1,7 @@
+.icon-zoom-in { 
+  background-image: url(img/silk/magnifier_zoom_in.png) !important;
+}
+
+.icon-zoom-out { 
+  background-image: url(img/silk/magnifier_zoom_out.png) !important;
+}
\ No newline at end of file