AFG/dump1090
3
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

Add back in layer switcher. Update Select All/None button text

Browse source
This commit is contained in:
James Wilson 2017-02-02 18:21:07 -06:00
parent bc2415bc5d
commit 5d781785aa
3 changed files with 9 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
public_html/index.html
View file

@ -55,8 +55,8 @@
<div class="buttonContainer"> <div class="buttonContainer">
<div class="dateTime" id="clock_div"></div> <div class="dateTime" id="clock_div"></div>
<div class="button buttonHeader" onclick="resetMap();"><span class="buttonText">Reset Map</span></div> <div class="button buttonHeader" onclick="resetMap();"><span class="buttonText">Reset Map</span></div>
<div class="button buttonHeader" onclick="selectAllPlanes();"><span class="buttonText">Select All</span></div> <div class="button buttonHeader" onclick="selectAllPlanes();"><span class="buttonText">Show All Tracks</span></div>
<div class="button buttonHeader" onclick="deselectAllPlanes();"><span class="buttonText">Select None</span></div> <div class="button buttonHeader" onclick="deselectAllPlanes();"><span class="buttonText">Hide All Tracks</span></div>
</div> </div>
<div class="settingsContainer"><img src="images/settings-icon.png" id="settingsCog" srcset="images/settings-icon.png 1x, images/settings-icon@2x.png 2x, images/settings-icon@3x.png 3x"></div> <div class="settingsContainer"><img src="images/settings-icon.png" id="settingsCog" srcset="images/settings-icon.png 1x, images/settings-icon@2x.png 2x, images/settings-icon@3x.png 3x"></div>
</div> </div>

3
public_html/script.js
View file

@ -547,7 +547,8 @@ function initialize_map() {
controls: [new ol.control.Zoom(), controls: [new ol.control.Zoom(),
new ol.control.Rotate(), new ol.control.Rotate(),
new ol.control.Attribution({collapsed: true}), new ol.control.Attribution({collapsed: true}),
new ol.control.ScaleLine({units: DisplayUnits}) new ol.control.ScaleLine({units: DisplayUnits}),
new ol.control.LayerSwitcher()
], ],
loadTilesWhileAnimating: true, loadTilesWhileAnimating: true,
loadTilesWhileInteracting: true loadTilesWhileInteracting: true

8
public_html/style.css
View file

@ -222,7 +222,7 @@ select.error, textarea.error, input.error {
} }
.layer-switcher { .layer-switcher {
bottom: 50px !important; bottom: 80px !important;
top: auto !important; top: auto !important;
right: 10px !important; right: 10px !important;
} }
@ -383,18 +383,20 @@ select.error, textarea.error, input.error {
color: #FFFFFF; color: #FFFFFF;
color: rgb(255, 255, 255); color: rgb(255, 255, 255);
line-height: 28px; line-height: 28px;
padding-left: 10px;
padding-right: 10px;
} }
.button { .button {
background: #00A0E2; background: #00A0E2;
background: rgba(0, 160, 226, 1); background: rgba(0, 160, 226, 1);
width: 80px; min-width: 80px;
height: 28px; height: 28px;
border-radius: 4px; border-radius: 4px;
-moz-border-radius: 4px; -moz-border-radius: 4px;
-webkit-border-radius: 4px; -webkit-border-radius: 4px;
display: inline-block; display: inline-block;
margin-right: 18px; margin-right: 10px;
cursor: pointer; cursor: pointer;
text-align: center; text-align: center;
} }