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="dateTime" id="clock_div"></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="deselectAllPlanes();"><span class="buttonText">Select None</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">Hide All Tracks</span></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>

3
public_html/script.js
View file

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

8
public_html/style.css
View file

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