Changeset 33042 for main/trunk/greenstone3/web/interfaces/default/transform/pages/document.xsl

Timestamp:

2019-04-30T17:20:10+12:00 (5 years ago)

Author:

ak19

Message:

Martin's Map Editor commits. First phase of Dr Bainbridge's requests: 1. shape colour controls are no longer 2 lines, merged into one. This was a fix to the css file. 2. Removed the themes dropdown menu. 3. Moved the thickness and opacity sliders' value display from a 2nd row to just in front of their sliders (and percent sign is now sensibly placed AFTER the number). Future commits to contain input fields for thickness and opacity sliders.

File:

• main/trunk/greenstone3/web/interfaces/default/transform/pages/document.xsl (modified) (3 diffs)

main/trunk/greenstone3/web/interfaces/default/transform/pages/document.xsl

@@ -247 +247 @@
                         <div id="SecondRow">
                             <div id="LineThickness">
-                                <p>Line thickness: <input type="range" min="20" max="100" value="1" class="slider" id="thicknessRange-{@nodeID}" /> </p>
-                                <p>Value: <span id="thicknessRangeVal-{@nodeID}"></span></p>
+                                <p>Line thickness:
+                                    <span id="thicknessRangeVal-{@nodeID}">1.00</span>
+                                    <!--<input id="thicknessRangeVal-{@nodeID}" type="number" min="1.00" max="5.00" value="1.00" />-->
+                                    <input type="range" min="20" max="100" value="1" class="slider" id="thicknessRange-{@nodeID}" />
+                                </p>
+                                <!-- <p>Value: </p> -->
                             </div>  
                             
                             <div id="ColourOpacity">
-                                <p>Colour opacity: <input type="range" min="10" max="100" value="40" class="slider" id="colourOpacity-{@nodeID}" /> </p>
-                                <p>Value: <span id="opacityRangeVal-{@nodeID}"></span></p>
+                                <p>Colour opacity: 
+                                    <span id="opacityRangeVal-{@nodeID}">1.0</span>
+                                    <input type="range" min="10" max="100" value="40" class="slider" id="colourOpacity-{@nodeID}" />
+                                </p>
+                                <!-- <p>Value: </p> -->
                             </div>
                         </div>
@@ -262 +269 @@
                         </div>
                     </div>
+                    <!--
                     <div id="style-selector-control-{@nodeID}"  class="map-control">
                       <select id="style-selector-{@nodeID}" class="selector-control">
@@ -274 +282 @@
                         <option value="hiding">Hide features</option>
                       </select>
-                    </div>      
+                    </div>  
+                    -->
                 
                 </div>