MS0NTR-Radio-Club
/
dump1090-fa
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Customizable range rings UI

This commit is contained in:
Eric Tran 2020-02-28 20:54:22 +00:00
parent 263e03f7c2
commit c71c39b0d7
2 changed files with 35 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
public_html/index.html
View File

@ -150,6 +150,26 @@
<div class="settingsText">Group by Data Type</div> <div class="settingsText">Group by Data Type</div>
</div> </div>
</div> </div>
<div class="settingsOptionContainer">
<div class="infoBlockTitleText">Range Rings</div>
</div>
<form id="range_ring_form">
<div class="rangeOptions">
<label><span class="infoBlockTitleText">Ring Count: </span></label>
<input id="range_ring_count" name="ringCount" type="text" class="rangeRingsInput" maxlength="1">
</div>
<div class="rangeOptions">
<label><span class="infoBlockTitleText">Base Distance: </span></label>
<input id="range_ring_base" name="baseRing" type="text" class="rangeRingsInput" maxlength="3">
</div>
<div class="rangeOptions">
<label><span class="infoBlockTitleText">Distance Interval:</span></label>
<input id="range_ring_interval" name="ringInterval" type="text" class="rangeRingsInput" maxlength="3">
</div>
<div class="set_range_rings_button">
<button id="set_range_rings_button" type="button">Set Range Rings</button>
</div>
</form>
</div> </div>
<div id="map_container"> <div id="map_container">

15
public_html/style.css
View File

@ -260,6 +260,21 @@ div#loader { z-index: 99; position: absolute; left: 0; top: 0; bottom: 0; right:
width: 50px; width: 50px;
} }
.rangeRingsInput {
width: 30px;
float: right;
}
.rangeOptions {
width: 170px;
padding-bottom: 5px;
text-indent: 10px;
}
.set_range_rings_button {
padding-top: 5px;
}
select.error, textarea.error, input.error { select.error, textarea.error, input.error {
color: #FF0000; color: #FF0000;
} }