changeset 1325:dc94ed3f60ff

simplified design
author hertzhaft
date Mon, 26 Jan 2015 01:29:34 +0100
parents e34a533418a0
children 08fffd540a75 7c666ecb79c3 07f33076f34e
files webapp/src/main/webapp/jquery/jquery.digilib.measure.css webapp/src/main/webapp/jquery/jquery.digilib.measure.js
diffstat 2 files changed, 38 insertions(+), 30 deletions(-) [+]
line wrap: on
line diff
--- a/webapp/src/main/webapp/jquery/jquery.digilib.measure.css	Sat Jan 24 16:09:29 2015 +0100
+++ b/webapp/src/main/webapp/jquery/jquery.digilib.measure.css	Mon Jan 26 01:29:34 2015 +0100
@@ -7,7 +7,8 @@
 div#dl-measure-toolbar {
     font-size: 90%;
     display: none;
-	border: 2px solid aqua;
+	border: 1px solid grey;
+	border-radius: 20px;
 	background-color: silver;
     padding: 5px;
     position: absolute;
@@ -28,6 +29,10 @@
     width: 5em;
     }
 
+span#dl-measure-value2 {
+    display: inline-block;
+    width: 5em;
+    }
 
 span.dl-measure-number {
     display: inline-block;
@@ -38,14 +43,17 @@
     text-align: center;
     }
 
-input#dl-measure-val2, select#dl-measure-shape, select#dl-measure-unit1, select#dl-measure-unit2 {
-    color: lightgreen;
-    background-color: #606060;
-    width: 12em;
+select#dl-measure-shape, select#dl-measure-unit1, select#dl-measure-unit2 {
+    font-size: 100%;
+    border: none;
+    background-color: silver;
+    /* width: 12em; */
     margin: 0px 2px;
     }
 
 select#dl-measure-shape  {
+    color: lightgreen;
+    background-color: #606060;
     width: 9em;
     }
 
--- a/webapp/src/main/webapp/jquery/jquery.digilib.measure.js	Sat Jan 24 16:09:29 2015 +0100
+++ b/webapp/src/main/webapp/jquery/jquery.digilib.measure.js	Mon Jan 26 01:29:34 2015 +0100
@@ -853,7 +853,7 @@
         var widgets = data.measureWidgets;
         var u1 = parseFloat(widgets.unit1.val());
         var u2 = parseFloat(widgets.unit2.val());
-        return val * u1 * u1 / (u2 * u2);
+        return val * u1 * u1 / (u2 * u2);
         }
 
     // recalculate factor after entering a new value in input element "value1"
@@ -864,49 +864,47 @@
         var fac = val / dist;
         // widgets.fac.text(fn.cropFloatStr(fac));
         var conv = convertLength(data, val);
-        widgets.value2.val(fn.cropFloatStr(mRound(conv)));
-        data.lastMeasureFactor = fac;
+        widgets.value2.text(fn.cropFloatStr(mRound(conv)));
+        data.lastMeasureFactor = fac;
         data.lastMeasuredValue = val;
         };
 
     // info window for line 
     var infoLine = function(data, shape) {
-        var dist = rectifiedDist(data, shape);
-        var fac = data.lastMeasureFactor;
-        var val = dist * fac;
-        var conv = convertLength(data, val);
+        var dist = rectifiedDist(data, shape);
+        var fac = data.lastMeasureFactor;
+        var val = dist * fac;
+        var conv = convertLength(data, val);
         var widgets = data.measureWidgets;
-        widgets.value1.val(fn.cropFloatStr(mRound(val)));
-        widgets.value2.val(fn.cropFloatStr(mRound(conv)));
+        widgets.value1.val(fn.cropFloatStr(mRound(val)));
+        widgets.value2.text(fn.cropFloatStr(mRound(conv)));
         widgets.info.text('length');
-        setSelectedShape(data, shape);
         data.lastMeasuredValue = val;
         data.lastMeasuredDistance = dist;
         };
 
     // info window for polygon 
     var infoPolygon = function(data, shape) {
-        var area = rectifiedArea(data, shape);
-        var fac = data.lastMeasureFactor;
-        var val = area * fac * fac
;
-        var conv = convertArea(data, val);
+        var area = rectifiedArea(data, shape);
+        var fac = data.lastMeasureFactor;
+        var val = area * fac * fac;
+        var conv = convertArea(data, val);
         var widgets = data.measureWidgets;
-        widgets.value1.val(fn.cropFloatStr(mRound(val)));
-        widgets.value2.val(fn.cropFloatStr(mRound(conv)));
+        widgets.value1.val(fn.cropFloatStr(mRound(val)));
+        widgets.value2.text(fn.cropFloatStr(mRound(conv)));
         widgets.info.text('area');
-        setSelectedShape(data, shape);
         };
 
     // info window for rectangle
     var infoRect = function(data, shape) {
         var widgets = data.measureWidgets;
         widgets.value1.val('rect 1');
-        widgets.value2.val('rect 2');
-        setSelectedShape(data, shape);
+        widgets.value2.text('rect 2');
         };
 
     // recalculate after measuring
     var updateInfo = function(data, shape) {
+        setSelectedShape(data, shape);
         var type = shape.geometry.type;
         console.debug('measure: updateInfo', type);
        if (type === 'Line') {
@@ -1040,8 +1038,8 @@
 			// len : $('<span id="dl-measure-len" class="dl-measure-number">0.0</span>'),
 			info : $('<span id="dl-measure-shapeinfo" class="dl-measure-label">length</span>'),
 			fac : $('<span id="dl-measure-factor" class="dl-measure-number" />'),
-			value1 : $('<input id="dl-measure-value1" class="dl-measure-input" title="value of the last measured distance - click to change the value" value="0.0" />'),
-			value2 : $('<input id="dl-measure-value2" class="dl-measure-input" title="value of the last measured distance, converted to the secondary unit" value="0.0"/>'),
+			value1 : $('<input id="dl-measure-value1" class="dl-measure-input" title="last measured distance - click to change the value" value="0.0" />'),
+			value2 : $('<span id="dl-measure-value2" class="dl-measure-label" title="last measured distance, converted to the secondary unit" value="0.0"/>'),
 			unit1 : $('<select id="dl-measure-unit1" title="current measuring unit - click to change" />'),
 			unit2 : $('<select id="dl-measure-unit2" title="secondary measuring unit - click to change" />'),
 			angle : $('<span id="dl-measure-angle" class="dl-measure-number" title="last measured angle" />')
@@ -1053,7 +1051,8 @@
         data.$elem.append($measureBar);
         data.$measureBar = $measureBar;
         widgets.fac.text(fn.cropFloatStr(data.lastMeasureFactor));
-        data.measureWidgets = widgets;
+        data.measureWidgets = widgets;
+
         loadShapeTypes(data);
         loadSections(data);
         setupMeasureWidgets(data);
@@ -1079,8 +1078,8 @@
             return false;
             });
         widgets.value1.on('change.measure', function(evt) { updateFactor(data) });
-        widgets.unit1.on('change.measure', function(evt) { updateUnits(data) });
-        widgets.unit2.on('change.measure', function(evt) { updateUnits(data) });
+        widgets.unit1.on('change.measure', function(evt) { updateInfo(data) }); // TODO: recalculate
+        widgets.unit2.on('change.measure', function(evt) { updateInfo(data) }); // TODO: recalculate
         };
 
     // event handler
@@ -1135,7 +1134,8 @@
         $data.on('setup', handleSetup);
         $data.on('update', handleUpdate);
         $data.on('renderShape', onRenderShape);
-        $data.on('changeShape', onChangeShape);
+        $data.on('changeShape', onChangeShape);
+
         };
 
     // plugin object with name and init