From c2b28691743bc51f0f77fd9abdcbf68ac588d52e Mon Sep 17 00:00:00 2001
From: eopo <26900313+eopo@users.noreply.github.com>
Date: Tue, 18 Jun 2024 12:04:11 +0200
Subject: [PATCH 1/4] Update index.html

---
 index.html | 28 +++++++++++++++++++++++++++-
 1 file changed, 27 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index 2bfaea1..3ff636e 100644
--- a/index.html
+++ b/index.html
@@ -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

From edceabdbea8145f3e8702f82eb57141572a1e71c Mon Sep 17 00:00:00 2001
From: eopo <26900313+eopo@users.noreply.github.com>
Date: Tue, 18 Jun 2024 12:09:17 +0200
Subject: [PATCH 2/4] Update index.html

---
 index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/index.html b/index.html
index 3ff636e..b4c6b69 100644
--- a/index.html
+++ b/index.html
@@ -183,7 +183,7 @@
                 <input
                   type="checkbox"
                   id="printPrefix"
-                  x-model="printPrevix"
+                  x-model="printPrefix"
                   class="focus:ring-3 h-4 w-4 rounded border border-gray-300 bg-gray-50 focus:ring-blue-300"
                 />
               </div>

From 0d0162899d06ccd936e95b97f7728855f762671b Mon Sep 17 00:00:00 2001
From: eopo <26900313+eopo@users.noreply.github.com>
Date: Tue, 18 Jun 2024 12:39:57 +0200
Subject: [PATCH 3/4] Update index.html

---
 index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/index.html b/index.html
index b4c6b69..e921ab6 100644
--- a/index.html
+++ b/index.html
@@ -299,7 +299,7 @@
               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
+                qrCode
               )}`;
 
               this.labels.push({ qrCodeUrl, text });

From 89eda4e7c436c8d20a6cde284678289632be3acf Mon Sep 17 00:00:00 2001
From: eopo <26900313+eopo@users.noreply.github.com>
Date: Tue, 18 Jun 2024 15:33:20 +0200
Subject: [PATCH 4/4] Refactored previous changes, reworded variable names,
 changed let's to const's where possible.

---
 index.html | 22 +++++++++++-----------
 1 file changed, 11 insertions(+), 11 deletions(-)

diff --git a/index.html b/index.html
index e921ab6..27960dd 100644
--- a/index.html
+++ b/index.html
@@ -245,7 +245,7 @@
                 'text-[2.4mm]': label.text.length == 9,
                 'text-[2.1mm]': label.text.length >= 10,
               }"
-                x-text="label.text"
+                x-text="label.qrCodeLabel"
               ></div>
             </div>
           </li>
@@ -287,22 +287,22 @@
 
           generateLabels() {
             this.labels = [];
-            let totalLabels = 7 * 27; // 7 columns x 27 rows
-            let startNumberInt = parseInt(this.startNumber, 10); // Ensure startNumber is an integer
-            let leadingZerosInt = parseInt(this.leadingZeros, 10); // Ensure leadingZeros is an integer
+            const totalLabels = 7 * 27; // 7 columns x 27 rows
+            const startNumberInt = parseInt(this.startNumber, 10); // Ensure startNumber is an integer
+            const leadingZerosInt = parseInt(this.leadingZeros, 10); // Ensure leadingZeros is an integer
             for (let i = 0; i < totalLabels; i++) {
-              let number = startNumberInt + i;
-              let paddedNumber = number
+              const number = startNumberInt + i;
+              const paddedNumber = number
                 .toString()
                 .padStart(leadingZerosInt + 1, "0");
-              let text = this.printPrefix ? this.prefix + paddedNumber : paddedNumber;
-              let qrCode = this.prefix + paddedNumber;
+              const qrCodeContent = this.prefix + paddedNumber;
+              const qrCodeLabel = this.printPrefix ? qrCodeContent : paddedNumber;
               // See https://goqr.me/api/doc/create-qr-code/
-              let qrCodeUrl = `https://api.qrserver.com/v1/create-qr-code/?size=300x300&data=${encodeURIComponent(
-                qrCode
+              const qrCodeUrl = `https://api.qrserver.com/v1/create-qr-code/?size=300x300&data=${encodeURIComponent(
+                qrCodeContent
               )}`;
 
-              this.labels.push({ qrCodeUrl, text });
+              this.labels.push({ qrCodeUrl, qrCodeLabel });
             }
           },
           printLabels() {