mirrors/seafoam
1
0
Fork 0
mirror of https://github.com/DoomKitty87/seafoam.git synced 2025-02-06 02:05:24 +01:00
Code Issues Projects Releases Packages Wiki Activity

finished settings menu

Browse source
This commit is contained in:
DoomKitty87 2023-08-21 18:56:25 -07:00
parent 9962421994
commit d6e89e43ae
2 changed files with 100 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

43
web-app/seafoam/src/index.html
View file

@ -89,17 +89,36 @@
<div class="infobox">
<h1 class="infotitle">SETTINGS</h1>
</div>
<div class="prioritychoice">
<div class="settingbox">
<h2 class="settingdesc">Choose priority for teleport distance or density for route output.</h2>
<form>
<input class="priorityform" id="tp" type="radio" value="TP">
<input class="priorityform" id="tp" type="radio" value="TP" name="priority">
<label class="priorityform" for="tp">TP Distance</label>
<br>
<input class="priorityform" id="dens" type="radio" value="DENS">
<input class="priorityform" id="dens" type="radio" value="DENS" name="priority">
<label class="priorityform" for="dens">Density</label>
</form>
</div>
<div class="nextbutton">
<div class="settingbox">
<h2 class="settingdesc">Set allowed out of bounds range from the 8x8 chunk area (only use if you know what that means).</h2>
<form>
<input class="oobform" type="number" value="0">
</form>
</div>
<div class="settingbox">
<h2 class="settingdesc">Preference for approach/exit angle difference on a teleport pad.</h2>
<form>
<input class="angleenable" type="checkbox" id="anglecheck">
<label class="angleenable" for="anglecheck">Enable</label>
<br><br>
<input class="anglesettings" type="number" value="0" id="angle22">
<label class="anglesettings" for="angle22">2x2 Veins</label>
<br><br>
<input class="anglesettings" type="number" value="0" id="angle33">
<label class="anglesettings" for="angle33">3x3 Veins</label>
</form>
</div>
<div class="nextbutton" style="margin-top: 2rem">
<h2 class="nextbuttontext" onclick="moveStep()">NEXT &#8594</h2>
</div>
</div>
@ -111,6 +130,13 @@
var waypointNumber = 150;
var priority = "TP";
var allowedOOB = 0;
var angleEnable = false;
var angle22 = 0;
var angle33 = 0;
document.getElementById("menua1").style.opacity = 1;
document.getElementById("menua1").style.display = "block";
@ -135,6 +161,15 @@
function moveStep() {
if (currentStep == 1 && activeSquare == -1) return;
if (currentStep == 2) waypointNumber = document.getElementById("wpform").value;
if (currentStep == 3) {
if (document.getElementById("tp").checked) priority = "TP"; else priority = "DENS";
allowedOOB = document.getElementsByClassName("oobform")[0].value;
if (document.getElementById("anglecheck").checked) {
angleEnable = true;
angle22 = document.getElementsById("angle22").value;
angle33 = document.getElementsById("angle33").value;
} else angleEnable = false;
}
currentStep++;
updateMenu(currentStep);
}

62
web-app/seafoam/src/styles.css
View file

@ -201,7 +201,7 @@ body {
margin: 0;
}
.prioritychoice {
.settingbox {
position: relative;
left: 20rem;
width: 40rem;
@ -220,4 +220,64 @@ body {
font-size: 1rem;
font-weight: 300;
color: #ffffff;
}
.oobform {
background-color: #131b23;
height: 1.5rem;
width: 5rem;
color: #ffffff;
font-size: 1.2rem;
font-weight: 300;
font-family: "Poppins";
}
.oobform::-webkit-outer-spin-button,
.oobform::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
input.angleenable:checked {
background-color: #ffffff;
}
label.angleenable {
color: #ffffff;
font-size: 1.2rem;
font-weight: 300;
margin-left: 0.5rem;
position: relative;
bottom: 0.2rem;
}
input.angleenable {
background-color: #131b23;
height: 1.5rem;
width: 1.5rem;
}
input.anglesettings {
background-color: #131b23;
height: 1.5rem;
width: 5rem;
color: #ffffff;
font-size: 1.2rem;
font-weight: 300;
font-family: "Poppins";
}
input.anglesettings::-webkit-outer-spin-button,
input.anglesettings::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
label.anglesettings {
color: #ffffff;
font-size: 1.2rem;
font-weight: 300;
margin-left: 0.5rem;
position: relative;
bottom: 0.2rem;
}