moby/brewlog
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix(brews): allow arbitrary values in numeric form fields

Browse source 
- Change step to "any" for coffee weight, grind setting, water volume,
  and temperature inputs to allow arbitrary decimal values
- Keep +/- button increments unchanged (0.5g weight, 0.5 grind, 10ml
  water, 0.5°C temp)
This commit is contained in:
Jon Seager 2026-02-02 19:59:51 +00:00
parent 9402d98bb6
commit bda59f1c2a
No known key found for this signature in database
1 changed files with 6 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
templates/brews.html
View file

@ -91,9 +91,9 @@
<div class="flex flex-col gap-1 text-sm"> <div class="flex flex-col gap-1 text-sm">
<span class="text-stone-700">Coffee (g) *</span> <span class="text-stone-700">Coffee (g) *</span>
<div class="flex items-center gap-2"> <div class="flex items-center gap-2">
<button type="button" class="btn-adjust" data-on:click="$weight = Math.max(1, $weight - 1)">-</button> <button type="button" class="btn-adjust" data-on:click="$weight = Math.max(1, $weight - 0.5)">-</button>
<input type="number" name="coffee_weight" step="0.5" min="1" required class="input-field flex-1 text-center" data-attr:value="$weight" data-on:input="$weight = this.valueAsNumber" /> <input type="number" name="coffee_weight" step="any" min="1" required class="input-field flex-1 text-center" data-attr:value="$weight" data-on:input="$weight = this.valueAsNumber" />
<button type="button" class="btn-adjust" data-on:click="$weight = $weight + 1">+</button> <button type="button" class="btn-adjust" data-on:click="$weight = $weight + 0.5">+</button>
</div> </div>
</div> </div>
@ -102,7 +102,7 @@
<span class="text-stone-700">Grind Setting *</span> <span class="text-stone-700">Grind Setting *</span>
<div class="flex items-center gap-2"> <div class="flex items-center gap-2">
<button type="button" class="btn-adjust" data-on:click="$grind = Math.max(0, $grind - 0.5)">-</button> <button type="button" class="btn-adjust" data-on:click="$grind = Math.max(0, $grind - 0.5)">-</button>
<input type="number" name="grind_setting" step="0.5" min="0" required class="input-field flex-1 text-center" data-attr:value="$grind" data-on:input="$grind = this.valueAsNumber" /> <input type="number" name="grind_setting" step="any" min="0" required class="input-field flex-1 text-center" data-attr:value="$grind" data-on:input="$grind = this.valueAsNumber" />
<button type="button" class="btn-adjust" data-on:click="$grind = $grind + 0.5">+</button> <button type="button" class="btn-adjust" data-on:click="$grind = $grind + 0.5">+</button>
</div> </div>
</div> </div>
@ -112,7 +112,7 @@
<span class="text-stone-700">Water (ml) *</span> <span class="text-stone-700">Water (ml) *</span>
<div class="flex items-center gap-2"> <div class="flex items-center gap-2">
<button type="button" class="btn-adjust" data-on:click="$volume = Math.max(10, $volume - 10)">-</button> <button type="button" class="btn-adjust" data-on:click="$volume = Math.max(10, $volume - 10)">-</button>
<input type="number" name="water_volume" step="10" min="10" required class="input-field flex-1 text-center" data-attr:value="$volume" data-on:input="$volume = this.valueAsNumber" /> <input type="number" name="water_volume" step="any" min="10" required class="input-field flex-1 text-center" data-attr:value="$volume" data-on:input="$volume = this.valueAsNumber" />
<button type="button" class="btn-adjust" data-on:click="$volume = $volume + 10">+</button> <button type="button" class="btn-adjust" data-on:click="$volume = $volume + 10">+</button>
</div> </div>
</div> </div>
@ -122,7 +122,7 @@
<span class="text-stone-700">Temp (C) *</span> <span class="text-stone-700">Temp (C) *</span>
<div class="flex items-center gap-2"> <div class="flex items-center gap-2">
<button type="button" class="btn-adjust" data-on:click="$temp = Math.max(0, $temp - 0.5)">-</button> <button type="button" class="btn-adjust" data-on:click="$temp = Math.max(0, $temp - 0.5)">-</button>
<input type="number" name="water_temp" step="0.5" min="0" max="100" required class="input-field flex-1 text-center" data-attr:value="$temp" data-on:input="$temp = this.valueAsNumber" /> <input type="number" name="water_temp" step="any" min="0" max="100" required class="input-field flex-1 text-center" data-attr:value="$temp" data-on:input="$temp = this.valueAsNumber" />
<button type="button" class="btn-adjust" data-on:click="$temp = Math.min(100, $temp + 0.5)">+</button> <button type="button" class="btn-adjust" data-on:click="$temp = Math.min(100, $temp + 0.5)">+</button>
</div> </div>
</div> </div>