iterminate/battery-tracker-app
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add size, chemistry, capacity, purchase date to bulk add form

Browse Source 
Shared metadata fields settable at creation time apply to all
batteries in the batch, avoiding per-battery detail page visits.
This commit is contained in:
Darek
2026-04-12 15:15:07 -05:00
parent 604d7bb699
commit 5a7bbd46ab
2 changed files with 83 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files
templates/battery_add.html
+64 -21
View File
@@ -6,29 +6,72 @@
<div class="card">
<form method="post" action="{{ url_for('battery_add') }}">
<div class="form-group">
<label for="brand-select">Brand <span class="text-danger">*</span></label>
<select id="brand-select" onchange="brandSelectChanged(this, 'brand')">
<option value="">— select a brand —</option>
{% for b in brands|default([]) %}
<option value="{{ b }}">{{ b }}</option>
{% endfor %}
<option value="__new__">➕ New brand…</option>
</select>
<input type="text" id="brand" name="brand" value="{{ form_brand|default('') }}"
placeholder="Type new brand name" required
style="display:none;margin-top:0.4rem;">
</div>
<div class="form-group">
<label for="count">Quantity</label>
<input type="number" id="count" name="count" value="{{ form_count|default(1) }}" min="1" max="50">
<small class="text-muted">Labels are auto-generated (e.g. Eneloop 001, Eneloop 002)</small>
<div style="display:grid;grid-template-columns:1fr 1fr;gap:0 1rem;">
<div class="form-group" style="grid-column:1/-1;">
<label for="brand-select">Brand <span class="text-danger">*</span></label>
<select id="brand-select" onchange="metaSelectChanged(this, 'brand')">
<option value="">— select a brand —</option>
{% for b in brands|default([]) %}
<option value="{{ b }}">{{ b }}</option>
{% endfor %}
<option value="__new__">➕ New brand…</option>
</select>
<input type="text" id="brand" name="brand" value="{{ form_brand|default('') }}"
placeholder="Type new brand name" required
style="display:none;margin-top:0.4rem;">
</div>
<div class="form-group">
<label for="count">Quantity</label>
<input type="number" id="count" name="count" value="{{ form_count|default(1) }}" min="1" max="50">
<small class="text-muted">Labels are auto-generated (e.g. Eneloop 001, Eneloop 002)</small>
</div>
<div class="form-group">
<label for="capacity_mah">Capacity (mAh)</label>
<input type="number" id="capacity_mah" name="capacity_mah" min="0"
value="" placeholder="e.g. 2000 — optional">
</div>
<div class="form-group">
<label>Size</label>
<select id="size-select" onchange="metaSelectChanged(this,'size')">
<option value="">— none —</option>
{% for opt in ['AA','AAA','C','D','9V','18650','21700','14500','26650','CR2032','CR123A'] %}
<option value="{{ opt }}">{{ opt }}</option>
{% endfor %}
<option value="__new__">Other…</option>
</select>
<input type="text" id="size" name="size" value=""
placeholder="Enter size" style="display:none;margin-top:0.4rem;">
</div>
<div class="form-group">
<label>Chemistry</label>
<select id="chemistry-select" onchange="metaSelectChanged(this,'chemistry')">
<option value="">— none —</option>
{% for opt in ['NiMH','Alkaline','Li-ion','LiFePO4','NiCd','Zinc-Carbon','Li-MnO2'] %}
<option value="{{ opt }}">{{ opt }}</option>
{% endfor %}
<option value="__new__">Other…</option>
</select>
<input type="text" id="chemistry" name="chemistry" value=""
placeholder="Enter chemistry" style="display:none;margin-top:0.4rem;">
</div>
<div class="form-group">
<label for="purchase_date">Purchase Date</label>
<input type="date" id="purchase_date" name="purchase_date" value="">
</div>
</div>
<div class="form-group">
<label for="notes">Notes</label>
<textarea id="notes" name="notes" placeholder="Optional notes applied to all batteries…">{{ form_notes|default('') }}</textarea>
<textarea id="notes" name="notes"
placeholder="Optional notes applied to all batteries…">{{ form_notes|default('') }}</textarea>
</div>
<div class="form-actions">
@@ -39,9 +82,9 @@
</div>
<script>
function brandSelectChanged(sel, inputId) {
function metaSelectChanged(sel, inputId) {
var input = document.getElementById(inputId);
if (sel.value === '__new__' || sel.value === '') {
if (sel.value === '__new__') {
input.style.display = '';
input.value = '';
input.focus();
@@ -51,7 +94,7 @@ function brandSelectChanged(sel, inputId) {
}
}
// Restore state on error re-render (form_brand set)
// Restore brand state on error re-render
(function () {
var input = document.getElementById('brand');
var sel = document.getElementById('brand-select');