moanos/RattenheimRechner
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: reorder floors and num of rats in flexcontainer
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
Details

Browse Source
This commit is contained in:
moanos [he/him] 2024-07-21 23:05:08 +02:00
parent 90f08bf454
commit 6012d48197
2 changed files with 25 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/assets/css/style.css
View File

@ -178,4 +178,9 @@ input[type="checkbox"] {
input.measurement { input.measurement {
margin-top: 5%; margin-top: 5%;
} }
.container-inputs {
display: flex;
flex-wrap: wrap;
}

33
src/index.html
View File

@ -69,23 +69,27 @@
</div> </div>
</div> </div>
</div> </div>
<div class="input-element">
<div class="slidecontainer">
<label for="numRats" id="labelNumRats">Anzahl an Ratten ?</label>
<input type="range" min="3" max="15" value="4" class="slider" id="numRats">
</div>
</div>
<div class="input-element"> <div class="container-inputs">
<label for="numFullFloors">Vollebenen</label> <div class="input-element">
<div class="ncontainer"> <label for="numFullFloors">Vollebenen</label>
<div class="input-group"> <div class="ncontainer">
<button onclick="decreaseFloorNum()">-</button> <div class="input-group">
<input type="text" id="numFullFloors" value="3" readonly> <button onclick="decreaseFloorNum()">-</button>
<button onclick="increaseFloorNum()">+</button> <input type="text" id="numFullFloors" value="3" readonly>
<button onclick="increaseFloorNum()">+</button>
</div>
</div>
</div>
<div class="input-element">
<div class="slidecontainer">
<label for="numRats" id="labelNumRats">Anzahl an Ratten ?</label>
<input type="range" min="3" max="15" value="4" class="slider" id="numRats">
</div> </div>
</div> </div>
</div> </div>
<div class="container output-element" id="resultsDiv"> <div class="container output-element" id="resultsDiv">
</div> </div>
</div> </div>
@ -190,10 +194,11 @@
} }
function updateViaManualMeasurements () { function updateViaManualMeasurements() {
markActiveCage("ManualMeasurements"); markActiveCage("ManualMeasurements");
update(); update();
} }
function update() { function update() {
const width = inputWidth.value const width = inputWidth.value
const depth = inputDepth.value const depth = inputDepth.value