ddp/finplan
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

allow passing of options into display class to remove hardcoding in html template, to support more than one select/drop-down. Also, made chaning the future for the ioniq6 payouts toggle appropiate buyout/lease vars to be readonly

Browse Source
This commit is contained in:
Damien De Paoli
2025-02-20 15:50:02 +11:00
parent e67bdb98cd
commit 27f4766f10
1 changed files with 21 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
templates/index.html
View File

@@ -32,18 +32,17 @@
{% endif %} {% endif %}
<div class="{{el.cl}}"> <div class="{{el.cl}}">
<div class="input-group"> <div class="input-group">
<label for="{{el.varname}}" <label id="lbl-{{el.varname}}" for="{{el.varname}}"
{% if el.display=="select" %} {% if el.display=="select" %}
{% if COMP and COMP['vars'][el.varname] != finance[el.varname] %} {% if COMP and COMP['vars'][el.varname] != finance[el.varname] %}
data-bs-toggle="tooltip" title="Comparison was: {{COMP['vars'][el.varname]}}" data-bs-toggle="tooltip" title="Comparison was: {{COMP['vars'][el.varname]}}"
{% endif %} {% endif %}
class="col-form-label me-2 text-end float-end {{extra}}">{{el.label}} class="col-form-label me-2 text-end float-end {{extra}}">{{el.label}}
</label> </label>
<select class="form-select border border-primary text-primary" id="{{el.varname}}" name="{{el.varname}}" style="width: 120px;" <select class="form-select border border-primary text-primary text-end" id="{{el.varname}}" name="{{el.varname}}" style="width: 120px;"
onchange="this.form.submit()"> onchange="this.form.submit()">
<option value="0">Never</option> {% for o in el.opts %}
{% for el in range( 1,7 ) %} <option value="{{o.val}}">{{o.label}}</option>
<option value="{{el}}">{{el}} years</option>
{% endfor %} {% endfor %}
</select> </select>
{% elif el.display=="date" %} {% elif el.display=="date" %}
@@ -157,6 +156,23 @@
window.onload = function() { window.onload = function() {
$('#Sell_shares').val( {{finance['Sell_shares']}} ) $('#Sell_shares').val( {{finance['Sell_shares']}} )
$('#compare_to').val( {{finance['compare_to']}} ) $('#compare_to').val( {{finance['compare_to']}} )
$('#Ioniq6_future').val( {{finance['Ioniq6_future']}} )
if( $("#Ioniq6_future option:selected"). text() == 'lease' )
{
// disable buyout
$('#lbl-Car_buyout').addClass('bg-light text-secondary border-secondary')
$('#Car_buyout').addClass('bg-light text-secondary border-secondary').attr('readonly', 'readonly' )
$('#Car_buyout_date').addClass('bg-light text-secondary border-secondary').attr('readonly', 'readonly' )
}
else
{
// disable lease
$('#lbl-Car_loan').addClass('bg-light text-secondary')
$('#Car_loan').addClass('bg-light text-secondary')
$('#lbl-Car_balloon').addClass('bg-light text-secondary')
$('#Car_balloon').addClass('bg-light text-secondary')
}
var tooltipTriggerList = [].slice.call(document.querySelectorAll("[data-bs-toggle='tooltip']")) var tooltipTriggerList = [].slice.call(document.querySelectorAll("[data-bs-toggle='tooltip']"))
var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) { return new bootstrap.Tooltip(tooltipTriggerEl) }) var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) { return new bootstrap.Tooltip(tooltipTriggerEl) })