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

feat: Add cage calc that shows requirements for a number of rats

Browse Source
This commit is contained in:
moanos [he/him]
2025-04-14 19:00:49 +02:00
parent 884840eb6e
commit 9f716e68a5
5 changed files with 117 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
public/index.html
View File

@@ -119,7 +119,29 @@
</div>
</div>
<div class="" data-content-id="2">
<p>Here is a list of cages you can get.</p>
<div class="card">
<div class="card-content">
<h2 class="title is-4"><label data-i18n="number-of-rats"
for="cage-calc">Anzahl der Ratten</label></h2>
<form id="cage-calc">
<div class="column">
<label id="cageCalcLabelNumRats" for="cageCalcNumRats"></label>
<input type="range" min="3" max="15" value="4" class="slider" id="cageCalcNumRats">
<img class="inline-icon" src="assets/img/logo_transparent.png" alt="Kleine Ratte">
</div>
</form>
</div>
<div class="card-footer is-fullwidth">
<div class="card result-card" id="cage-calc-result-card">
<div class="card-header">
<h2 class="card-header-title is-3 is-centered" data-i18n="result">Ergebnis</h2>
</div>
<div class="card-content">
<div id="cageCalcResultsDiv"></div>
</div>
</div>
</div>
</div>
</div>
<div class="" data-content-id="3">
<div class="card">