burrson/rentbuy
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

show cap message when down_pct hits start capital limit

Browse Source
This commit is contained in:
Johannes
2026-03-20 02:42:26 +01:00
parent f4e6c4101b
commit db4a25ece9
3 changed files with 13 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
index.html
View File

@@ -79,12 +79,13 @@
<div class="input-group"> <div class="input-group">
<label for="down_pct">Eigenkapital</label> <label for="down_pct">Eigenkapital</label>
<div class="slider-row"> <div class="slider-row">
<input type="range" id="down_pct_slider" min="5" max="80" step="1" value="25" /> <input type="range" id="down_pct_slider" min="0" max="100" step="1" value="25" />
<div class="num-unit"> <div class="num-unit">
<input type="number" id="down_pct" min="5" max="80" step="1" value="25" /> <input type="number" id="down_pct" min="0" max="100" step="1" value="25" />
<span class="unit">%</span> <span class="unit">%</span>
</div> </div>
</div> </div>
<span class="cap-msg" id="down_pct_cap">Maximum gegeben das Startkapital</span>
</div> </div>
<div class="input-group"> <div class="input-group">

8
style.css
View File

@@ -135,6 +135,14 @@ label {
font-weight: 400; font-weight: 400;
} }
.cap-msg {
font-size: 0.72rem;
color: var(--text-hint);
display: none;
}
.cap-msg.visible { display: block; }
/* ===== Slider row ===== */ /* ===== Slider row ===== */
.slider-row { .slider-row {
display: flex; display: flex;

2
ui.js
View File

@@ -304,10 +304,12 @@ const clamp_down_pct = () => {
const slider = document.getElementById('down_pct_slider'); const slider = document.getElementById('down_pct_slider');
const num = document.getElementById('down_pct'); const num = document.getElementById('down_pct');
const at_cap = +num.value >= max_pct - 0.05;
if (+num.value > max_pct) { if (+num.value > max_pct) {
num.value = Math.round(max_pct * 10) / 10; num.value = Math.round(max_pct * 10) / 10;
slider.value = num.value; slider.value = num.value;
} }
document.getElementById('down_pct_cap').classList.toggle('visible', at_cap);
}; };
// ===== Slider ↔ number sync ===== // ===== Slider ↔ number sync =====