bjoern/Hellas-Wawi
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Hide order API key input

Browse Source
This commit is contained in:
Bjoern Welker
2026-01-30 12:10:10 +01:00
parent 513c126fba
commit ec2d8945b3
1 changed files with 2 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
index.html
View File

@@ -100,17 +100,6 @@
box-shadow: 0 2px 0 rgba(0,0,0,.18); box-shadow: 0 2px 0 rgba(0,0,0,.18);
} }
.pill input { accent-color: var(--accent); } .pill input { accent-color: var(--accent); }
.keybox {
display: inline-flex; align-items: center; gap: 8px;
padding: 8px 10px; border-radius: 999px;
background: rgba(255,255,255,.06);
border: 1px solid var(--line);
font-size: 12px;
}
.keybox input {
width: 140px; border: 0; outline: 0; background: transparent;
color: var(--text); font-size: 12px;
}
main .wrap { padding-top: 14px; padding-bottom: 28px; } main .wrap { padding-top: 14px; padding-bottom: 28px; }
.grid { display: grid; gap: 16px; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); } .grid { display: grid; gap: 16px; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); }
.card-tile { .card-tile {
@@ -342,10 +331,6 @@
<span aria-hidden="true">🔎</span> <span aria-hidden="true">🔎</span>
<input id="q" type="search" placeholder="Artikel suchen… (z.B. Badehose, Hoodie, Kappe)" /> <input id="q" type="search" placeholder="Artikel suchen… (z.B. Badehose, Hoodie, Kappe)" />
</div> </div>
<label class="keybox" title="Bestell‑Key">
🔑
<input id="orderKey" type="password" placeholder="Bestell‑Key" />
</label>
</div> </div>
</div> </div>
</div> </div>
@@ -504,12 +489,7 @@ document.getElementById("q").addEventListener("input", applyFilters);
const modal = document.getElementById("orderModal"); const modal = document.getElementById("orderModal");
const form = document.getElementById("orderForm"); const form = document.getElementById("orderForm");
const setField = (id, v) => document.getElementById(id).value = v || ""; const setField = (id, v) => document.getElementById(id).value = v || "";
const orderKeyInput = document.getElementById("orderKey"); const ORDER_KEY = "";
orderKeyInput.value = sessionStorage.getItem("orderKey") || "";
orderKeyInput.addEventListener("change", () => {
const key = orderKeyInput.value.trim();
if (key) sessionStorage.setItem("orderKey", key);
});
document.addEventListener("click", (e) => { document.addEventListener("click", (e) => {
const imgBtn = e.target.closest(".thumb-btn"); const imgBtn = e.target.closest(".thumb-btn");
@@ -574,7 +554,7 @@ document.getElementById("detailModal").addEventListener("click", (e) => {
form.addEventListener("submit", async (e) => { form.addEventListener("submit", async (e) => {
e.preventDefault(); e.preventDefault();
const payload = Object.fromEntries(new FormData(form).entries()); const payload = Object.fromEntries(new FormData(form).entries());
const key = sessionStorage.getItem("orderKey") || ""; const key = ORDER_KEY || "";
const headers = { "Content-Type": "application/json" }; const headers = { "Content-Type": "application/json" };
if (key) headers["X-Order-Key"] = key; if (key) headers["X-Order-Key"] = key;
const res = await fetch("/wawi/order", { const res = await fetch("/wawi/order", {