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

93
server/templates/cakes.templ
View file

@ -17,7 +17,7 @@ templ CakesMain(cakes []models.Cake, allTags []models.Tag) {
<span class="material-symbols-outlined">inventory_2</span>
Zarządzanie katalogiem
</h2>
<a href="/cake" class="btn primary sm">
<a href="/cake" class="btn btn-primary btn-sm">
<span class="material-symbols-outlined">add</span>
Nowe ciasto
</a>
@ -30,62 +30,41 @@ templ CakesMain(cakes []models.Cake, allTags []models.Tag) {
}
</div>
}
<div class="table-container">
<table class="data-table" id="cakes-table">
<thead>
<tr>
<th style="width:2rem"></th>
<th>Nazwa</th>
<th>SKU</th>
<th>Tagi</th>
<th class="right">Cena bazowa</th>
<th class="center"></th>
<table class="data-table" id="cakes-table">
<thead>
<tr>
<th></th>
<th>Nazwa</th>
<th>SKU</th>
<th>Tagi</th>
<th class="text-right">Cena bazowa</th>
<th class="text-center"></th>
</tr>
</thead>
<tbody>
for _, c := range cakes {
<tr data-tags={ tagNames(c.Tags) }>
<td>
<div class="icon cake">
<span class="material-symbols-outlined">cake</span>
</div>
</td>
<td class="font-medium">{ c.Name }</td>
<td class="text-muted">#{ strconv.Itoa(c.ID) }</td>
<td>
for _, t := range c.Tags {
<span class="tag-chip">{ t.Name }</span>
}
</td>
<td class="text-right">{ c.Price.String() } PLN</td>
<td class="text-center">
<a href={ templ.URL("/cake/" + strconv.Itoa(c.ID)) } class="btn-icon">
<span class="material-symbols-outlined">edit</span>
</a>
</td>
</tr>
</thead>
<tbody>
for _, c := range cakes {
<tr data-tags={ tagNames(c.Tags) }>
<td>
<div class="icon cake sm">
<span class="material-symbols-outlined">cake</span>
</div>
</td>
<td class="font-medium">{ c.Name }</td>
<td class="text-muted">#{ strconv.Itoa(c.ID) }</td>
<td>
for _, t := range c.Tags {
<span class="tag-chip">{ t.Name }</span>
}
</td>
<td class="text-right">{ c.Price.String() } PLN</td>
<td class="text-center">
<a href={ templ.URL("/cake/" + strconv.Itoa(c.ID)) } class="action-btn">
<span class="material-symbols-outlined">edit</span>
</a>
</td>
</tr>
}
</tbody>
</table>
</div>
</section>
<script>
var activeCakeTags = [];
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';
}
}
</script>
</tbody>
</table>
</section>
}