fix(brews): prepopulate form fields with default values
Add value attributes to numeric inputs so defaults are visible when the form is opened.
This commit is contained in:
parent
b3d697978c
commit
8aa72b55eb
1 changed files with 4 additions and 4 deletions
|
|
@ -92,7 +92,7 @@
|
|||
<span class="text-stone-700">Coffee (g) *</span>
|
||||
<div class="flex items-center gap-2">
|
||||
<button type="button" class="btn-adjust" data-on:click="$weight = Math.max(1, $weight - 1)">-</button>
|
||||
<input type="number" name="coffee_weight" step="0.5" min="1" required class="input-field flex-1 text-center" data-bind:value="$weight" />
|
||||
<input type="number" name="coffee_weight" step="0.5" min="1" required class="input-field flex-1 text-center" value="15.0" data-bind:value="$weight" />
|
||||
<button type="button" class="btn-adjust" data-on:click="$weight = $weight + 1">+</button>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -102,7 +102,7 @@
|
|||
<span class="text-stone-700">Grind Setting *</span>
|
||||
<div class="flex items-center gap-2">
|
||||
<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-bind:value="$grind" />
|
||||
<input type="number" name="grind_setting" step="0.5" min="0" required class="input-field flex-1 text-center" value="6.0" data-bind:value="$grind" />
|
||||
<button type="button" class="btn-adjust" data-on:click="$grind = $grind + 0.5">+</button>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -112,7 +112,7 @@
|
|||
<span class="text-stone-700">Water (ml) *</span>
|
||||
<div class="flex items-center gap-2">
|
||||
<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-bind:value="$volume" />
|
||||
<input type="number" name="water_volume" step="10" min="10" required class="input-field flex-1 text-center" value="250" data-bind:value="$volume" />
|
||||
<button type="button" class="btn-adjust" data-on:click="$volume = $volume + 10">+</button>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -122,7 +122,7 @@
|
|||
<span class="text-stone-700">Temp (C) *</span>
|
||||
<div class="flex items-center gap-2">
|
||||
<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-bind:value="$temp" />
|
||||
<input type="number" name="water_temp" step="0.5" min="0" max="100" required class="input-field flex-1 text-center" value="91.0" data-bind:value="$temp" />
|
||||
<button type="button" class="btn-adjust" data-on:click="$temp = Math.min(100, $temp + 0.5)">+</button>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Reference in a new issue