[Mapbender-commits] r8827 - in trunk/mapbender/http: css plugins

[svn_mapbender at osgeo.org]

Author: hwbllmnn
Date: 2014-05-08 03:00:23 -0700 (Thu, 08 May 2014)
New Revision: 8827

Modified:
   trunk/mapbender/http/css/digitize_new.css
   trunk/mapbender/http/plugins/mb_digitize_widget.php
Log:
added skeleton for edit dialog


Modified: trunk/mapbender/http/css/digitize_new.css
===================================================================
--- trunk/mapbender/http/css/digitize_new.css	2014-05-08 09:28:20 UTC (rev 8826)
+++ trunk/mapbender/http/css/digitize_new.css	2014-05-08 10:00:23 UTC (rev 8827)
@@ -3,9 +3,11 @@
 }
 
 .digitize-image {
-    width: 20px;
-    height: 20px;
+    float: left;
+    width: 28px;
+    height: 28px;
     background-repeat: no-repeat;
+    background-position: center;
 }
 
 .digitize-pencil {
@@ -55,3 +57,63 @@
 .digitize-polygon.active {
     background-image: url('../img/osgeo_graphics/geosilk/shape_square_red_selected.png');
 }
+
+.digitize-style {
+    background-image: url('../img/tree_new/palette.png');
+}
+
+.digitize-attributes {
+    background-image: url('../img/osgeo_graphics/geosilk/application_view_columns.png');
+}
+
+.digitize-export {
+    background-image: url('../img/gnome/document-save.png');
+}
+
+.digitize-move {
+    background-image: url('../img/button_blue_red/pan_off.png');
+}
+
+.digitize-move.active {
+    background-image: url('../img/button_blue_red/pan_on.png');
+}
+
+.digitize-move:hover {
+    background-image: url('../img/button_blue_red/pan_over.png');
+}
+
+.digitize-move-vertex {
+    background-image: url('../img/button_digitize_blue_red/move_node_off.png');
+}
+
+.digitize-move-vertex.active {
+    background-image: url('../img/button_digitize_blue_red/move_node_on.png');
+}
+
+.digitize-move-vertex:hover {
+    background-image: url('../img/button_digitize_blue_red/move_node_over.png');
+}
+
+.digitize-delete-vertex {
+    background-image: url('../img/button_digitize_blue_red/delete_node_off.png');
+}
+
+.digitize-delete-vertex.active {
+    background-image: url('../img/button_digitize_blue_red/delete_node_on.png');
+}
+
+.digitize-delete-vertex:hover {
+    background-image: url('../img/button_digitize_blue_red/delete_node_over.png');
+}
+
+.digitize-add-vertex {
+    background-image: url('../img/button_digitize_blue_red/new_node_off.png');
+}
+
+.digitize-add-vertex.active {
+    background-image: url('../img/button_digitize_blue_red/new_node_on.png');
+}
+
+.digitize-add-vertex:hover {
+    background-image: url('../img/button_digitize_blue_red/new_node_over.png');
+}

Modified: trunk/mapbender/http/plugins/mb_digitize_widget.php
===================================================================
--- trunk/mapbender/http/plugins/mb_digitize_widget.php	2014-05-08 09:28:20 UTC (rev 8826)
+++ trunk/mapbender/http/plugins/mb_digitize_widget.php	2014-05-08 10:00:23 UTC (rev 8827)
@@ -67,18 +67,33 @@
 var DigitizeApi = function (o) {
 
     var digitizeHtml = '<div title="Sketch">' +
-            '<button class="digitize-image digitize-pencil"></button>' +
+            '<div class="digitize-image digitize-pencil"></div>' +
             '<fieldset class="fieldset-auto-width">' +
-            '<button class="digitize-image digitize-cursor"></button>' +
-            '<button class="digitize-image digitize-remove"></button>' +
+            '<div class="digitize-image digitize-cursor"></div>' +
+            '<div class="digitize-image digitize-remove"></div>' +
             '</fieldset><br></br>' +
-            '<button class="digitize-image digitize-add"></button>' +
+            '<div class="digitize-image digitize-add"></div>' +
             '<fieldset class="fieldset-auto-width">' +
-            '<button class="digitize-image digitize-point"></button>' +
-            '<button class="digitize-image digitize-line"></button>' +
-            '<button class="digitize-image digitize-polygon"></button>' +
+            '<div class="digitize-image digitize-point"></div>' +
+            '<div class="digitize-image digitize-line"></div>' +
+            '<div class="digitize-image digitize-polygon"></div>' +
             '</fieldset></div>';
 
+    var editHtml = '<div title="Edit feature">' +
+            '<div class="digitize-image digitize-polygon"></div>' +
+            '<span>my polygon</span>' +
+            '<div class="digitize-image digitize-style"></div>' +
+            '<div class="digitize-image digitize-attributes"></div>' +
+            '<div class="digitize-image digitize-add"></div>' +
+            '<div class="digitize-image digitize-export"></div><br></br>' +
+            '<div class="digitize-image digitize-pencil"></div>' +
+            '<fieldset class="fieldset-auto-width">' +
+            '<div class="digitize-image digitize-move"></div>' +
+            '<div class="digitize-image digitize-add-vertex"></div>' +
+            '<div class="digitize-image digitize-move-vertex"></div>' +
+            '<div class="digitize-image digitize-delete-vertex"></div>' +
+            '</div>';
+
     var digitizeDialog,
         button,
         that = this,
@@ -93,7 +108,7 @@
         digitizeDialog.find(".mb-digitize-distance-total").parent().hide();
         digitizeDialog.find(".mb-digitize-perimeter").parent().hide();
         digitizeDialog.find(".mb-digitize-area").parent().hide();
-                digitizeDialog.find(".mb-digitize-angle").parent().hide();
+        digitizeDialog.find(".mb-digitize-angle").parent().hide();
     };
 
     var create = function () {