' +
- '
' +
+ '
' +
+ '' +
'' +
+ 'close' +
'
' +
'
' +
'
' +
@@ -97,162 +107,149 @@ function saveSpecialCake() {
}
} else {
d.id = Date.now();
- var item = document.createElement("li");
- item.setAttribute("data-special-id", d.id);
+ var item = document.createElement('li');
+ item.setAttribute('data-special-id', d.id);
item.innerHTML = buildSpecialCakeHTML(d);
- document.getElementById("basket-items").appendChild(item);
+ document.getElementById('basket-items').appendChild(item);
}
closeSpecialCakeOverlay();
updateTotals();
}
function editSpecialCake(btn) {
- var item = btn.closest("li");
- var id = item.getAttribute("data-special-id");
+ var item = btn.closest('li');
+ var id = item.getAttribute('data-special-id');
editingSpecialId = id;
- document.getElementById("sc-overlay-title").textContent = "Edytuj tort specjalny";
+ document.getElementById('sc-overlay-title').textContent = 'Edytuj tort specjalny';
var hidden = item.querySelectorAll('input[type="hidden"]');
var vals = {};
for (var i = 0; i < hidden.length; i++) {
- var name = hidden[i].getAttribute("name");
+ var name = hidden[i].getAttribute('name');
vals[name] = hidden[i].value;
}
- document.getElementById("sc-name").value = vals["special_name[]"] || "";
- document.getElementById("sc-price").value = vals["special_price[]"] || "";
- document.getElementById("sc-size").value = vals["special_size[]"] || "";
- document.getElementById("sc-shape").value = vals["special_shape[]"] || "";
- document.getElementById("sc-flavour").value = vals["special_flavour[]"] || "";
- document.getElementById("sc-notes").value = vals["special_notes[]"] || "";
- var currentTagIds = (vals["special_tags[]"] || "").split(",").filter(function(x) { return x; });
- document.getElementById("sc-new-tag").value = "";
- var cbs = document.querySelectorAll(".sc-tag-cb");
+ document.getElementById('sc-name').value = vals['special_name[]'] || '';
+ document.getElementById('sc-price').value = vals['special_price[]'] || '';
+ document.getElementById('sc-size').value = vals['special_size[]'] || '';
+ document.getElementById('sc-shape').value = vals['special_shape[]'] || '';
+ document.getElementById('sc-flavour').value = vals['special_flavour[]'] || '';
+ document.getElementById('sc-notes').value = vals['special_notes[]'] || '';
+ var currentTagIds = (vals['special_tags[]'] || '').split(',').filter(function(x) { return x; });
+ document.getElementById('sc-new-tag').value = '';
+ var cbs = document.querySelectorAll('.sc-tag-cb');
for (var i = 0; i < cbs.length; i++) {
cbs[i].checked = currentTagIds.indexOf(cbs[i].value) >= 0;
}
- document.getElementById("sc-overlay").classList.add("open");
- document.getElementById("sc-name").focus();
+ document.getElementById('sc-overlay').classList.add('open');
+ document.getElementById('sc-name').focus();
}
function removeSpecialCake(btn) {
- var item = btn.closest("li");
- item.remove();
+ btn.closest('li').remove();
updateTotals();
}
+// ====== Basket ======
function changeCake(id, name, price, delta) {
var input = document.querySelector('[name="cake[' + id + ']"]');
if (input != null) {
var qty = Number(input.value) + delta;
if (qty <= 0) {
- var item = input.closest("li");
- if (item) item.remove();
+ input.closest('li').remove();
updateTotals();
updateCatalogueQty(id, 0);
return;
}
input.value = qty;
- var item = input.closest("li");
- item.querySelector(".qty").innerText = qty;
- item.querySelector(".price").innerText = price * qty + " PLN";
+ var item = input.closest('li');
+ item.querySelector('.qty').innerText = qty;
+ item.querySelector('.price').innerText = price * qty + ' PLN';
updateTotals();
updateCatalogueQty(id, qty);
return;
}
if (delta <= 0) return;
- var item = document.createElement("li");
- item.setAttribute("data-cake-id", id);
+ var item = document.createElement('li');
+ item.setAttribute('data-cake-id', id);
item.innerHTML =
- '
' +
- '
' +
- name +
- "
" +
- '
' +
- price +
- ' PLN × 1
' +
- "
" +
- '
' +
- price +
- " PLN
" +
+ '
' +
+ '
' + name + '
' +
+ '
' + price + ' PLN × 1
' +
+ '
' +
+ '
' + price + ' PLN
' +
'
" +
- '
';
- document.getElementById("basket-items").appendChild(item);
+ '' +
+ '
';
+ document.getElementById('basket-items').appendChild(item);
updateTotals();
updateCatalogueQty(id, 1);
}
function removeCake(btn) {
- var item = btn.closest("li");
- var id = item.getAttribute("data-cake-id");
+ var item = btn.closest('li');
+ var id = item.getAttribute('data-cake-id');
item.remove();
updateTotals();
updateCatalogueQty(id, 0);
}
-var subtotal = 0;
-
+// ====== Totals ======
function updatePrepaid() {
var paid = Number(document.querySelector('[name="paid"]')?.value || 0);
- document.getElementById("paid-amount").innerText = paid.toFixed(2) + " PLN";
- document.getElementById("total-price").innerText = (subtotal - paid).toFixed(2) + " PLN";
+ document.getElementById('paid-amount').innerText = paid.toFixed(2) + ' PLN';
+ document.getElementById('total-price').innerText = (subtotal - paid).toFixed(2) + ' PLN';
}
function updateTotals() {
subtotal = 0;
- var items = document.querySelectorAll("#basket-items li");
+ var items = document.querySelectorAll('#basket-items li');
items.forEach(function (item) {
- var priceText = item.querySelector(".price").innerText;
- var price = Number(priceText.split(" ")[0]);
- if (item.hasAttribute("data-special-id")) {
+ var priceText = item.querySelector('.price').innerText;
+ var price = Number(priceText.split(' ')[0]);
+ if (item.hasAttribute('data-special-id')) {
subtotal += price;
} else {
- var qty = Number(item.querySelector(".qty").innerText);
+ var qty = Number(item.querySelector('.qty').innerText);
subtotal += price * qty;
}
});
- document.getElementById("subtotal-price").innerText = subtotal.toFixed(2) + " PLN";
+ document.getElementById('subtotal-price').innerText = subtotal.toFixed(2) + ' PLN';
updatePrepaid();
}
function updateCatalogueQty(id, qty) {
- var el = document.getElementById("qty-" + id);
+ var el = document.getElementById('qty-' + id);
if (el) el.innerText = qty;
}
-var activeCatalogueTags = [];
-
+// ====== Catalogue Filters ======
function toggleCatalogueTagFilter(btn) {
- var tag = btn.getAttribute("data-tag");
+ var tag = btn.getAttribute('data-tag');
var idx = activeCatalogueTags.indexOf(tag);
if (idx >= 0) {
activeCatalogueTags.splice(idx, 1);
- btn.classList.remove("active");
+ btn.classList.remove('active');
} else {
activeCatalogueTags.push(tag);
- btn.classList.add("active");
+ btn.classList.add('active');
}
applyCatalogueFilters();
}
function getCatalogueTextQuery() {
- var input = document.querySelector(
- '#catalogue-grid').closest('.card').querySelector('input[type="text"]'
- );
- return input ? input.value.toLowerCase() : "";
+ var input = document.querySelector('#catalogue-grid').closest('.card').querySelector('input[type="text"]');
+ return input ? input.value.toLowerCase() : '';
}
function applyCatalogueFilters() {
var query = getCatalogueTextQuery();
- var items = document.querySelectorAll("#catalogue-grid > li");
+ var items = document.querySelectorAll('#catalogue-grid > li');
items.forEach(function (item) {
- var name = item.getAttribute("data-name").toLowerCase();
+ var name = item.getAttribute('data-name').toLowerCase();
var matchesText = name.includes(query);
var matchesTags = true;
if (activeCatalogueTags.length > 0) {
- var itemTags = (item.getAttribute("data-tags") || "").split(",");
+ var itemTags = (item.getAttribute('data-tags') || '').split(',');
for (var i = 0; i < activeCatalogueTags.length; i++) {
if (itemTags.indexOf(activeCatalogueTags[i]) < 0) {
matchesTags = false;
@@ -260,7 +257,7 @@ function applyCatalogueFilters() {
}
}
}
- item.style.display = matchesText && matchesTags ? "" : "none";
+ item.style.display = matchesText && matchesTags ? '' : 'none';
});
}
@@ -268,12 +265,97 @@ function filterCatalogue(input) {
applyCatalogueFilters();
}
+// ====== Cakes Table Filters ======
+function toggleCakeTagFilter(btn) {
+ var tag = btn.getAttribute('data-tag');
+ var idx = activeCakeTags.indexOf(tag);
+ if (idx >= 0) {
+ activeCakeTags.splice(idx, 1);
+ btn.classList.remove('active');
+ } else {
+ activeCakeTags.push(tag);
+ btn.classList.add('active');
+ }
+ var rows = document.querySelectorAll('#cakes-table tbody tr');
+ for (var i = 0; i < rows.length; i++) {
+ if (activeCakeTags.length === 0) { rows[i].style.display = ''; continue; }
+ var rowTags = (rows[i].getAttribute('data-tags') || '').split(',');
+ var match = false;
+ for (var j = 0; j < activeCakeTags.length; j++) {
+ if (rowTags.indexOf(activeCakeTags[j]) >= 0) { match = true; break; }
+ }
+ rows[i].style.display = match ? '' : 'none';
+ }
+}
+
+// ====== Order Table Filters ======
+function filterOrders(input) {
+ var q = input.value.toLowerCase();
+ var table = input.closest('.card').querySelector('.data-table');
+ if (!table) return;
+ var rows = table.querySelectorAll('tbody tr');
+ for (var i = 0; i < rows.length; i++) {
+ var id = rows[i].children[0].textContent.toLowerCase();
+ var customer = rows[i].children[1].textContent.toLowerCase();
+ rows[i].style.display = id.includes(q) || customer.includes(q) ? '' : 'none';
+ }
+}
+
+// ====== Location Toggle ======
+function setLocation(btn, value) {
+ var group = btn.closest('.toggle-group');
+ group.querySelectorAll('.toggle-btn').forEach(function(b) { b.classList.remove('active'); });
+ btn.classList.add('active');
+ group.querySelector('input[type="hidden"]').value = value;
+}
+
+// ====== Blocked Date Confirmation ======
function confirmBlockedDate(form) {
var date = form.querySelector('[name="date"]').value;
- var blocked = JSON.parse(form.getAttribute("data-blocked-dates") || "[]");
+ var blocked = JSON.parse(form.getAttribute('data-blocked-dates') || '[]');
var hasSpecial = form.querySelector('[name="special_name[]"]');
if (hasSpecial && blocked.indexOf(date) >= 0) {
- return confirm("Data " + date + " jest zablokowana dla zamówień z tortami specjalnymi. Czy na pewno chcesz kontynuować?");
+ return confirm('Data ' + date + ' jest zablokowana dla zamówień z tortami specjalnymi. Czy na pewno chcesz kontynuować?');
}
return true;
}
+
+// ====== Init ======
+function initOrderPage() {
+ var form = document.querySelector('.order-form');
+ if (!form) return;
+ var state = form.getAttribute('data-state');
+ if (state) {
+ try {
+ var data = JSON.parse(state);
+ for (var id in data) {
+ updateCatalogueQty(Number(id), data[id]);
+ }
+ } catch(e) {}
+ }
+ updateTotals();
+}
+
+function setActiveLink() {
+ var path = window.location.pathname;
+ var links = document.querySelectorAll('.link');
+ for (var i = 0; i < links.length; i++) {
+ links[i].classList.toggle('active', links[i].getAttribute('href') === path);
+ }
+}
+
+function setSidebarState() {
+ var collapsed = localStorage.getItem('sidebarCollapsed') === 'true';
+ document.body.classList.toggle('sidebar-collapsed', collapsed);
+}
+
+document.addEventListener('DOMContentLoaded', function() {
+ setSidebarState();
+ setActiveLink();
+ initOrderPage();
+});
+
+document.addEventListener('htmx:afterSettle', function() {
+ setActiveLink();
+ initOrderPage();
+});
diff --git a/server/static/style.css b/server/static/style.css
index 24fbd81..423fb07 100644
--- a/server/static/style.css
+++ b/server/static/style.css
@@ -1,7 +1,3 @@
@import url("base.css");
@import url("layout.css");
-@import url("card.css");
-@import url("form.css");
-@import url("catalogue.css");
-@import url("basket.css");
-@import url("component.css");
+@import url("components.css");
diff --git a/server/templates/blocked.templ b/server/templates/blocked.templ
index 3251b04..50849a3 100644
--- a/server/templates/blocked.templ
+++ b/server/templates/blocked.templ
@@ -11,7 +11,7 @@ templ BlockedPage(blocked []models.BlockedDate) {
}
templ BlockedMain(blocked []models.BlockedDate) {
-
+
block
@@ -19,19 +19,19 @@ templ BlockedMain(blocked []models.BlockedDate) {
-
if len(blocked) == 0 {
-
Brak zablokowanych terminów
+
Brak zablokowanych terminów
} else {
for _, b := range blocked {
-
{ b.Date }
-