collapse 000 to k in save name, move comp* alert to under the comp button to make it neater

This commit is contained in:
2025-02-15 20:32:31 +11:00
parent ffa7e509ed
commit d6d2b93f42
2 changed files with 11 additions and 14 deletions

1
README
View File

@@ -1,5 +1,4 @@
TODO:
* convert LE 84000 to 84k in save_name
CONSIDER in code:
* when we time the payment of GMHBA / HCF (and at what cadence) and include it in calcs better

View File

@@ -91,7 +91,7 @@
</h5>
<div class="row">
<div id="info_col" class="col-auto"> <div class="pt-1 pb-1 mb-0 alert text-center" style="background:lemonchiffon">2025</div>
<div class="col-auto"> <div class="pt-1 pb-1 mb-0 alert text-center" style="background:lemonchiffon">2025</div>
{% set first_yr=2025 %}
{% for date, dollars in savings %}
@@ -120,10 +120,6 @@
{% else %}
<div class="alert alert-success">Super kicks in!!!</div>
{% endif %}
{% if COMP %}
<div id="info_alert" class="alert alert-info">Note: {{ '$%0.2f' % COMP['amount']|float }} is the final value of the compared to data. Hover over blue labels above to see what compared to values differed</div>
{% endif %}
</div>
<div class="col-auto">
<div class="alert alert-warning">
@@ -135,18 +131,19 @@
{% endfor %}
</div>
</div>
<div class="col-auto">
<button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#save_modal">Save</button>
</div>
<div class="col-auto">
<div id="comp_col" class="col-auto">
<div class="input-group">
<button type="submit" class="disabled btn btn-primary" onClick="$('#vals_form').submit() disabled">Compare to:</button>
<button type="button" class="btn btn-primary me-2 rounded" data-bs-toggle="modal" data-bs-target="#save_modal">Save</button>
<button type="submit" class="disabled btn btn-primary rounded-start" onClick="$('#vals_form').submit() disabled">Compare to:</button>
<select class="form-select border border-primary text-primary" id="compare_to" name="compare_to" onchange="$('#vals_form').submit()">
{% for el in finance['COMP_SETS'] %}
<option value="{{el[0]}}">{{el[1]}}</option>
{% endfor %}
</select>
</div>
{% if COMP %}
<div style="display:none" id="comp_alert" class="alert alert-info mt-2">Note: {{ '$%0.2f' % COMP['amount']|float }} is the final value of the compared to data. Hover over blue labels above to see what compared to values differed</div>
{% endif %}
</div>
</div>
</form>
@@ -163,10 +160,11 @@
var tooltipTriggerList = [].slice.call(document.querySelectorAll("[data-bs-toggle='tooltip']"))
var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) { return new bootstrap.Tooltip(tooltipTriggerEl) })
var parentWidth = $('#info_col').width();
var parentWidth = $('#comp_col').width();
// Set the alert's `max-width` to the parent's width
$('#info_alert').css('max-width', parentWidth + 'px');
$('#comp_alert').css('max-width', parentWidth + 'px');
$('#comp_alert').show()
};
document.addEventListener('DOMContentLoaded', function () {
@@ -278,7 +276,7 @@
<div class="input-group">
<label class="col-form-label me-2 text-end float-end">With name:</label>
<input id="save_name" type="text" class="form-control"
value="{{now}}-LE={{finance['Living_Expenses']}},Inf={{finance['Inflation']}},sell={{finance['Sell_shares']}}"
value="{{now}}-LE={{finance['Living_Expenses']|replace('000','k')}},Inf={{finance['Inflation']}},sell={{finance['Sell_shares']}}"
</input>
</div>
</div>