Changeset 32776 for gs3-extensions

Show
Ignore:
Timestamp:
15.02.2019 13:05:56 (8 months ago)
Author:
ak19
Message:

Final version before merging with GLI

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

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