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 08:33:37 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Merge pull request #23 from tmaier/claude/add-url-parameters-017qxuWpAFdkg8EbXx8PrDrq

Browse source 
Add URL parameters for label configuration
This commit is contained in:
Tobias L. Maier 2025-11-24 16:34:31 +01:00 • committed by GitHub
commit 77d7984d8c
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 33 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

33
index.html
View file

@ -89,6 +89,7 @@
type="number"
id="startNumber"
x-model="startNumber"
@input="updateUrl()"
required
min="1"
step="1"
@ -120,6 +121,7 @@
type="text"
id="prefix"
x-model="prefix"
@input="updateUrl()"
required
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"
@ -147,6 +149,7 @@
type="number"
id="leadingZeros"
x-model="leadingZeros"
@input="updateUrl()"
required
value="5"
min="0"
@ -160,6 +163,7 @@
type="checkbox"
id="borderToggle"
x-model="borderToggle"
@change="updateUrl()"
class="focus:ring-3 h-4 w-4 rounded border border-gray-300 bg-gray-50 focus:ring-blue-300"
/>
</div>
@ -260,6 +264,34 @@
borderToggle: false,
labels: [],
readUrlParams() {
const params = new URLSearchParams(window.location.search);
if (params.has("startNumber")) {
const val = parseInt(params.get("startNumber"), 10);
if (!isNaN(val) && val >= 1) this.startNumber = val;
}
if (params.has("prefix")) {
this.prefix = params.get("prefix");
}
if (params.has("leadingZeros")) {
const val = parseInt(params.get("leadingZeros"), 10);
if (!isNaN(val) && val >= 0) this.leadingZeros = val;
}
if (params.has("borderToggle")) {
this.borderToggle = params.get("borderToggle") === "true";
}
},
updateUrl() {
const params = new URLSearchParams();
params.set("startNumber", this.startNumber);
params.set("prefix", this.prefix);
params.set("leadingZeros", this.leadingZeros);
params.set("borderToggle", this.borderToggle);
const newUrl = `${window.location.pathname}?${params.toString()}`;
window.history.replaceState({}, "", newUrl);
},
generateLabels() {
this.labels = [];
let totalLabels = 7 * 27; // 7 columns x 27 rows
@ -283,6 +315,7 @@
window.print();
},
init() {
this.readUrlParams();
this.generateLabels();
},
};