gru/mortgage-simulator
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

changes2

Browse Source
This commit is contained in:
Mateusz Gruszczyński
2026-06-03 13:18:08 +02:00
parent 7cb2eddafe
commit 3a4e1b90e2
6 changed files with 107 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/static/index.html
+29 -3
View File
@@ -13,7 +13,7 @@
<div class="card-body d-flex flex-wrap align-items-center justify-content-between gap-3">
<div>
<h1 class="h3 mb-1">Symulator kredytu hipotecznego</h1>
<p class="text-muted mb-0">@linuiarz.pl</p>
<p class="text-muted mb-0">@linuxiarz.pl</p>
</div>
<div class="d-flex gap-2 flex-wrap justify-content-end">
<button id="themeToggle" class="btn btn-outline-secondary btn-sm" type="button" aria-label="Przełącz motyw">☀️ Jasny</button>
@@ -38,8 +38,15 @@
<input id="principal" type="number" class="form-control form-control-sm" value="600000" min="1">
</div>
<div class="col-6">
<label class="form-label">Okres lat</label>
<input id="years" type="number" class="form-control form-control-sm" value="25" min="1" max="50">
<label class="form-label">Okres w miesiącach</label>
<input id="termMonths" type="number" class="form-control form-control-sm" value="300" min="1" max="600">
</div>
<div class="col-12 term-slider-wrap">
<div class="d-flex justify-content-between align-items-center gap-2">
<label class="form-label mb-0" for="yearsSlider">Szybki wybór lat</label>
<span id="yearsSliderLabel" class="small text-muted">25 lat = 300 mies.</span>
</div>
<input id="yearsSlider" type="range" class="form-range" min="1" max="50" step="1" value="25">
</div>
<div class="col-6">
<label class="form-label">Stopa bazowa %</label>
@@ -86,6 +93,25 @@
</div>
<div id="rateChanges" class="stack"></div>
<hr>
<div class="d-flex justify-content-between align-items-start gap-2 mb-2">
<div>
<h3 class="h6 mb-0">Okres ochronny nadpłat</h3>
<div class="text-muted small">Domyślna prowizja automatycznie wpisywana do nowych nadpłat</div>
</div>
<button id="applyProtection" class="btn btn-sm btn-outline-secondary" type="button">Uzupełnij</button>
</div>
<div class="row g-2 align-items-end">
<div class="col-6">
<label class="form-label">Prowizja %</label>
<input id="protectionCommission" type="number" min="0" max="20" step="0.01" class="form-control form-control-sm" value="0">
</div>
<div class="col-6">
<label class="form-label">Do miesiąca</label>
<input id="protectionMonths" type="number" min="1" class="form-control form-control-sm" placeholder="np. 36">
</div>
</div>
<hr>
<div class="d-flex justify-content-between align-items-center mb-2">
<h3 class="h6 mb-0">Nadpłaty</h3>