Changeset 32776 for gs3-extensions


Ignore:
Timestamp:
2019-02-15T13:05:56+13:00 (5 years ago)
Author:
ak19
Message:

Final version before merging with GLI

Location:
gs3-extensions/map-editor/DrawingManager
Files:
3 edited

Legend:

Unmodified
Added
Removed

  • gs3-extensions/map-editor/DrawingManager/index.css

    r32709 r32776  
    99
    1010  /* Optional: Makes the sample page fill the window. */
    11   html, body {
     11html, body {
    1212    height: 100%;
    1313    width: 99%;
    … …  
    1515    padding: 0;
    1616
    17   }
    18  
    19   #DeleteButtons{
    20   display: inline-block;
    21   float: left;
    22   padding-left: 10px;
    23   padding-top: 5px;
    24   width: 100%
     17}
    2518
    26   }
    27  
    28   #LineThickness{
    29   display: inline-block;
    30   float: left;
    31   padding-left: 10px;
    32   padding-top: 5px;
     19#ControlPanel{
     20    display: inline-block;
     21    border: 2px #739346 solid;
     22    padding: 9px;
     23    padding-top: 5px;
     24    padding-bottom: 0px;
     25    border-radius: 40px;
     26    margin: 5px;
     27}
    3328
    34   }
    35  
    36   #ColourOpacity{
    37   display: inline-block;
    38   float: left;
    39   padding-left: 10px;
    40   padding-top: 5px;
    4129
    42   }
    43  
    44   #buttons3{
    45   display: inline-block;
    46   float: left;
    47   padding-left: 10px;
    48   padding-top: 5px;
    4930
    50   }   
    51  
    52   #FillColour {
    53   display: inline-block;
    54   float: left;
    55   padding-left: 10px;
    56   padding-top: 5px;
    57   }
    58  
    59   #color-palette1 {
    60   clear: both;
    61   }
    62  
    63   .color-buttons1 {
    64   width: 14px;
    65   height: 14px;
    66   font-size: 0;
    67   margin: 2px;
    68   float: left;
    69   cursor: pointer;
    70   }
     31#ControlButtons{
     32    margin: auto;
     33    display: inline-block;
     34    float: left;
     35    padding-left: 10px;
     36    padding-top: 5px;
     37   
     38
     39}
     40
     41#LineThickness{
     42    display: inline-block;
     43    float: left;
     44    margin-left: 3px;
     45    margin-right: 3px;
     46
     47}
     48
     49#ColourOpacity{
     50    display: inline-block;
     51    float: left;
     52        margin-left: 3px;
     53    margin-right: 3px;
     54}
     55
     56#buttons3{
     57    display: inline-block;
     58    float: left;
     59    padding-left: 10px;
     60
     61}     
     62
     63#FillColour {
     64    display: inline;
     65    float: left;
     66    padding-left: 10px;
     67
     68}
     69
     70#color-palette1 {
     71    vertical-align: middle;
     72    display: inline;
     73}
     74
     75#ThirdRow {
     76    clear: left;
     77}
     78
     79#SecondRow> div  > p{
     80    margin: 5px;
     81}
     82
     83#FillColour > p {
     84 margin-top: 5px;
     85 display: flex;
     86 float: left;
     87}
     88.color-buttons1 {
     89    width: 14px;
     90    height: 14px;
     91    font-size: 0;
     92    margin: 2px;
     93    margin-top: 5px;
     94    margin-left: 10px;
     95    float: left;
     96    display: inline;
     97    cursor: pointer;
     98}

  • gs3-extensions/map-editor/DrawingManager/index.html

    r32731 r32776  
    1616  </head>
    1717  <body>
    18     <div id = "DeleteButtons">
    19     <button onclick="deleteAllShape()" accesskey="c">Clear All</button>
    20     <button onclick="deleteSelectedShape()" accesskey="b">Delete Selected</button>
    21     <button onclick="undo()" accesskey="n">Undo</button>
    22     <button onclick="redo()" accesskey="n">Redo</button>
    23     <input type="checkbox" name="draggableCB" id="draggableCB" value="false"> Lock all shapes location<br>
     18    <div id = "ControlPanel">
     19        <div id = "ControlButtons">
     20            <button onclick="deleteAllShape()" accesskey="c">Clear All</button>
     21            <button onclick="deleteSelectedShape()" accesskey="b">Delete Selected</button>
     22            <button onclick="undo()" accesskey="n">Undo</button>
     23            <button onclick="redo()" accesskey="n">Redo</button>
     24            <input type="checkbox" name="draggableCB" id="draggableCB" value="false"> Lock all shapes location<br>
     25        </div>
     26       
     27        <div id = "SecondRow">
     28            <div id = "LineThickness">
     29                <p>Line thickness: <input type="range" min="20" max="100" value="1" class="slider" id="thicknessRange"> </p>
     30                <p>Value: <span id="thicknessRangeVal"></span></p>
     31            </div> 
     32           
     33            <div id = "ColourOpacity">
     34                <p>Colour opacity: <input type="range" min="10" max="100" value="40" class="slider" id="colourOpacity"> </p>
     35                <p>Value: <span id="opacityRangeVal"></span></p>
     36            </div>
     37        </div>
     38        <div id = "ThirdRow">
     39            <div id="FillColour">
     40                <p> Fill Colour:</p> <div id="color-palette1"></div>
     41            </div>
     42        </div>
    2443    </div>
     44   
    2545    <div id="style-selector-control"  class="map-control">
    2646      <select id="style-selector" class="selector-control">
    … …  
    3555        <option value="hiding">Hide features</option>
    3656      </select>
    37     </div> 
    38     <div id = "LineThickness">
    39     <p>Line thickness: <input type="range" min="20" max="100" value="1" class="slider" id="thicknessRange"> </p>
    40     <p>Value: <span id="thicknessRangeVal"></span></p>
    41     </div> 
    42    
    43     <div id = "ColourOpacity">
    44     <p>Colour opacity: <input type="range" min="10" max="100" value="40" class="slider" id="colourOpacity"> </p>
    45     <p>Value: <span id="opacityRangeVal"></span></p>
    46     </div>
    47    
    48 
    49 
    50     <div id="FillColour">
    51      <p> Fill Colour:</p> <div id="color-palette1"></div>
    52     </div>
    53 
     57    </div>
    5458   
    5559   

  • gs3-extensions/map-editor/DrawingManager/index.js

    r32736 r32776  
    103103            var path = "//*[@id='map']/div/div/div[1]/div[3]/div/div[3]/div[" + branchNum + "]/div[" + j + "]/div";
    104104            listenersArray[counter] = getElementByXpath(path);
    105             if (listenersArray[counter] !== undefined && listenersArray[counter] !== null) {
     105            console.log(listenersArray[counter]);
     106            if (listenersArray[counter] !== (undefined || null)) {
    106107                listenersArray[counter].addEventListener("mousemove", function () {
    107108                    resizable = true;
    … …  
    163164function buildColorPalette() {
    164165    var colorPalette = document.getElementById('color-palette1');
     166    //var para = document.createElement("p");
     167    //var node = document.createTextNode("This is new.");
     168    //para.appendChild(node);
     169    //colorPalette.appendChild(para);
     170   
    165171    for (var i = 0; i < colors.length; ++i) {
    166172        var currColor = colors[i];
    … …  
    243249
    244250    google.maps.event.addListener(drawingManager, "drawingmode_changed", function () {
    245         deselectAll();
     251        if(shiftKeyPressed != true && drawingManager.drawingMode !== null){
     252            deselectAll();
     253        }
    246254        settingThePath();
    247255
Note: See TracChangeset for help on using the changeset viewer.