Changeset 32764

Show
Ignore:
Timestamp:
12.02.2019 10:53:03 (7 days ago)
Author:
ak19
Message:

HTML elements for the map editor controls are added

Files:
1 modified

Legend:

Unmodified
Added
Removed
  • main/trunk/greenstone3/web/interfaces/default/transform/pages/document.xsl

    r32666 r32764  
    231231                    </xsl:for-each> 
    232232                </table> 
     233                <div id="map-and-controls-{@nodeID}"> 
     234                    <div id="map-{@nodeID}" style="height: 300px;"><xsl:text> </xsl:text></div> 
     235                     
     236 
     237                    <div id="ControlPanel-{@nodeID}" class="ControlPanel"> 
     238                        <div id="ControlButtons"> 
     239                            <script> 
     240                               //var myMapEditor = MapEditor('{@nodeID}'); 
     241                            </script> 
     242                            <button onclick="deleteAllShape('{@nodeID}')" accesskey="c">Clear All</button> 
     243                            <button onclick="deleteSelectedShape('{@nodeID}')" accesskey="b">Delete Selected</button> 
     244                            <button onclick="undo('{@nodeID}')" accesskey="n">Undo</button> 
     245<!--                            <button onclick="myMapEditor.getHistory().undo('{@nodeID}')" accesskey="n">Undo</button> --> 
     246                            <button onclick="redo('{@nodeID}')" accesskey="n">Redo</button> 
     247                            <input type="checkbox" name="draggableCB" id="draggableCB-{@nodeID}" value="false" /> Lock all shapes location <br/> 
     248                        </div> 
     249                         
     250                        <div id="SecondRow"> 
     251                            <div id="LineThickness"> 
     252                                <p>Line thickness: <input type="range" min="20" max="100" value="1" class="slider" id="thicknessRange-{@nodeID}" /> </p> 
     253                                <p>Value: <span id="thicknessRangeVal-{@nodeID}"></span></p> 
     254                            </div>   
     255                             
     256                            <div id="ColourOpacity"> 
     257                                <p>Colour opacity: <input type="range" min="10" max="100" value="40" class="slider" id="colourOpacity-{@nodeID}" /> </p> 
     258                                <p>Value: <span id="opacityRangeVal-{@nodeID}"></span></p> 
     259                            </div> 
     260                        </div> 
     261                        <div id = "ThirdRow"> 
     262                            <div id="FillColour"> 
     263                                <p> Fill Colour:</p> <div id="color-palette1-{@nodeID}"><xsl:text> </xsl:text></div>  
     264                            </div> 
     265                        </div> 
     266                    </div> 
     267                - 
     268                    <div id="style-selector-control-{@nodeID}"  class="map-control"> 
     269                      <select id="style-selector-{@nodeID}" class="selector-control"> 
     270                        <option value="default" selected="selected">Default</option> 
     271                        <option value="silver">Silver</option> 
     272                        <option value="night">Night mode</option> 
     273                        <option value="retro">Retro</option> 
     274                        <option value="paleDawn">Pale Dawn</option> 
     275                        <option value="avocadoWorld">Avocado World</option> 
     276                        <option value="bright">Bright</option> 
     277                        <option value="turquoise">Turquoise</option> 
     278                        <option value="hiding">Hide features</option> 
     279                      </select> 
     280                    </div>       
     281                 
     282                </div> 
     283                 
    233284                <xsl:call-template name="sectionContentForEditing"/> 
    234285            </xsl:when> 
     
    275326            <script type="text/javascript" src="interfaces/{$interface_name}/js/documentedit_scripts.js"><xsl:text> </xsl:text></script> 
    276327            <script type="text/javascript" src="interfaces/{$interface_name}/js/documentedit_scripts_util.js"><xsl:text> </xsl:text></script> 
     328            <script type="text/javascript" src="interfaces/{$interface_name}/js/map-scripts-editor-history.js"><xsl:text> </xsl:text></script> 
     329            <script type="text/javascript" src="interfaces/{$interface_name}/js/map-scripts-editor-themes.js"><xsl:text> </xsl:text></script>        
     330            <script type="text/javascript" src="interfaces/{$interface_name}/js/map-scripts-editor.js"><xsl:text> </xsl:text></script>       
    277331            <script type="text/javascript" src="interfaces/{$interface_name}/js/hierarchy.js"><xsl:text> </xsl:text></script> 
     332             
     333            <link rel="stylesheet" href="interfaces/{$interface_name}/style/map-editors.css" type="text/css"/> 
     334             
    278335            <script type="text/javascript"> 
    279336                <xsl:text disable-output-escaping="yes"> 
     
    294351                                        <xsl:text disable-output-escaping="yes">','</xsl:text><xsl:value-of select="@metadata"/><xsl:text disable-output-escaping="yes">');</xsl:text> 
    295352                                </xsl:for-each> 
    296                                 <xsl:text disable-output-escaping="yes">});</xsl:text> 
     353                                <xsl:text disable-output-escng="yes">});</xsl:text> 
    297354 
    298355            </script>