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

Update index.html

Browse source
This commit is contained in:
eopo 2024-06-18 12:04:11 +02:00 • committed by GitHub
parent d18719cc26
commit c2b2869174
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 27 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

28
index.html
View file

@ -177,6 +177,30 @@
</p>
</div>
</div>
<div>
<div class="flex items-start">
<div class="flex h-5 items-center">
<input
type="checkbox"
id="printPrefix"
x-model="printPrevix"
class="focus:ring-3 h-4 w-4 rounded border border-gray-300 bg-gray-50 focus:ring-blue-300"
/>
</div>
<label
for="printPrefix"
class="ms-2 text-sm font-medium text-gray-900"
>Print Prefix</label
>
</div>
<div class="mt-1">
<p
class="prose prose-sm prose-a:text-blue-600 prose-a:underline hover:prose-a:text-blue-700 max-w-none"
>
Enables printing the prefix as text
</p>
</div>
</div>
</div>
<button
@click.prevent="generateLabels()"
@ -258,6 +282,7 @@
prefix: "ASN",
leadingZeros: 4,
borderToggle: false,
printPrefix: true,
labels: [],
generateLabels() {
@ -270,7 +295,8 @@
let paddedNumber = number
.toString()
.padStart(leadingZerosInt + 1, "0");
let text = this.prefix + paddedNumber;
let text = this.printPrefix ? this.prefix + paddedNumber : paddedNumber;
let qrCode = this.prefix + paddedNumber;
// See https://goqr.me/api/doc/create-qr-code/
let qrCodeUrl = `https://api.qrserver.com/v1/create-qr-code/?size=300x300&data=${encodeURIComponent(
text