From ada6dfa3f5e7321eed5559a40595efe3770c89fa Mon Sep 17 00:00:00 2001
From: Damien De Paoli <ddp@depaoli.id.au>
Date: Thu, 21 Aug 2025 17:36:17 +1000
Subject: [PATCH] allow growth toggle radio buttons, non-functional, just looks

---
 templates/bills.html | 24 ++++++++++++++++++++----
 1 file changed, 20 insertions(+), 4 deletions(-)

diff --git a/templates/bills.html b/templates/bills.html
index da76a2a..650ddc3 100644
--- a/templates/bills.html
+++ b/templates/bills.html
@@ -51,10 +51,26 @@
                     {% endfor %}
                     </select>
                 </div>
-                <script>console.log( 'set freq to {{bt.freq}}' ); $('#bill-type-freq-{{bt.id}}').val( {{bt.freq}} );</script>
-                <div class="px-0 col-2"><input type="text" class="form-control text-center" id="bill-type-grow-{{bt.id}}" 
-                    value="{{'%.2f'|format(bt.ann_growth_min)}} / {{'%.2f'|format(bt.ann_growth_avg)}} / {{'%.2f'|format(bt.ann_growth_max)}}%"
-                    disabled> </div>
+                <script>$('#bill-type-freq-{{bt.id}}').val( {{bt.freq}} );</script>
+                <div class="px-0 col-2">
+                    <div class="btn-group w-100" role="group">
+                        <input type="radio" class="btn-check" name="bill-type-growth-{{bt.id}}" id="bill-type-growth-min-{{bt.id}}" autocomplete="off" value=min-g-{{bt.id}}>
+                        <label class="btn btn-outline-secondary" for="bill-type-growth-min-{{bt.id}}">
+                        {% if bt.ann_growth_min < 10 %} &nbsp; {% endif %}
+                        {{'%.2f'|format(bt.ann_growth_min)}}
+                        </label>
+                        <input type="radio" class="btn-check" name="bill-type-growth-{{bt.id}}" id="bill-type-growth-avg-{{bt.id}}" autocomplete="off" checked value=avg-g-{{bt.id}}>
+                        <label class="btn btn-outline-secondary" for="bill-type-growth-avg-{{bt.id}}">
+                        {% if bt.ann_growth_avg < 10 %} &nbsp; {% endif %}
+                        {{'%.2f'|format(bt.ann_growth_avg)}}
+                        </label>
+                        <input type="radio" class="btn-check" name="bill-type-growth-{{bt.id}}" id="bill-type-growth-max-{{bt.id}}" autocomplete="off" value=max-g-{{bt.id}}>
+                        <label class="btn btn-outline-secondary" for="bill-type-growth-max-{{bt.id}}">
+                        {% if bt.ann_growth_max < 10 %} &nbsp; {% endif %}
+                        {{'%.2f'|format(bt.ann_growth_max)}}
+                        </label>
+                    </div>
+                </div>
                 <button id="bill-type-chg-{{bt.id}}" class="px-0 col-1 btn btn-success" onClick="StartUpdateBillType( {{bt.id}} )">Change</button>
                 <button id="bill-type-del-{{bt.id}}" class="px-0 col-1 btn btn-danger" onClick="DelBillType({{bt.id}})"><span class="bi bi-trash3"> Delete</button>
                 <button id="bill-type-save-{{bt.id}}" class="px-0 col-1 btn btn-success d-none" onClick="UpdateBillType( {{bt.id}} )">Save</button>