bronku/cake-order-tracker
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

css reducion

Browse source
This commit is contained in:
bronkuu 2026-06-15 19:33:39 +02:00
parent 5f156ab6a0
commit b8cf13b7d5
20 changed files with 1603 additions and 1677 deletions
Download patch file Download diff file Expand all files Collapse all files

40
server/templates/layout.templ
View file

@ -14,7 +14,7 @@ templ Layout(title string, header, main templ.Component) {
<script src="/static/order.js"></script>
</head>
<body>
<aside class="sidebar">
<aside>
@Nav()
</aside>
<main id="main">
@ -26,44 +26,6 @@ templ Layout(title string, header, main templ.Component) {
@main
</div>
</main>
<script>
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';
}
}
(function() {
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);
}
setActiveLink();
setSidebarState();
document.addEventListener('htmx:afterSettle', setActiveLink);
})();
function toggleSidebar() {
var collapsed = document.body.classList.toggle('sidebar-collapsed');
localStorage.setItem('sidebarCollapsed', collapsed);
}
</script>
</body>
</html>
}