Changeset 32764


Ignore:
Timestamp:
2019-02-12T10:53:03+13:00 (5 years ago)
Author:
ak19
Message:

HTML elements for the map editor controls are added

File:
1 edited

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>
Note: See TracChangeset for help on using the changeset viewer.