mkrieger/asn-qr-code-label-generator
1
0
Fork 0
mirror of https://github.com/tmaier/asn-qr-code-label-generator.git synced 2026-03-14 16:43:31 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Improve form

Browse source 
- submit should re-generate the labels
- The input fields are required. This seem to not really have the desired effect, but we leave it
This commit is contained in:
Tobias Ludwig Maier 2023-12-28 23:10:11 +01:00
parent 87516406f9
commit a55fd71ec4
1 changed files with 4 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

5
index.html
View file

@ -76,7 +76,7 @@
header and footer of the browser. header and footer of the browser.
</p> </p>
</div> </div>
<form class="mb-8 print:hidden"> <form @submit.prevent="generateLabels()" class="mb-8 print:hidden">
<!-- User Input Fields --> <!-- User Input Fields -->
<div class="mb-5 grid grid-cols-1 gap-5 md:grid-cols-2"> <div class="mb-5 grid grid-cols-1 gap-5 md:grid-cols-2">
<div> <div>
@ -89,6 +89,7 @@
type="number" type="number"
id="startNumber" id="startNumber"
x-model="startNumber" x-model="startNumber"
required
min="1" min="1"
step="1" step="1"
value="1" value="1"
@ -119,6 +120,7 @@
type="text" type="text"
id="prefix" id="prefix"
x-model="prefix" x-model="prefix"
required
value="ASN" value="ASN"
class="block w-full rounded-lg border border-gray-300 bg-gray-50 p-2.5 text-sm text-gray-900 focus:border-blue-500 focus:ring-blue-500" class="block w-full rounded-lg border border-gray-300 bg-gray-50 p-2.5 text-sm text-gray-900 focus:border-blue-500 focus:ring-blue-500"
/> />
@ -145,6 +147,7 @@
type="number" type="number"
id="leadingZeros" id="leadingZeros"
x-model="leadingZeros" x-model="leadingZeros"
required
value="5" value="5"
min="0" min="0"
class="block w-full rounded-lg border border-gray-300 bg-gray-50 p-2.5 text-sm text-gray-900 focus:border-blue-500 focus:ring-blue-500" class="block w-full rounded-lg border border-gray-300 bg-gray-50 p-2.5 text-sm text-gray-900 focus:border-blue-500 focus:ring-blue-500"