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

refactoring html and css

Browse source
This commit is contained in:
bronkuu 2026-06-15 14:43:50 +02:00
parent 8194cea85e
commit a91b196e64
16 changed files with 1299 additions and 1383 deletions
Download patch file Download diff file Expand all files Collapse all files

56
server/templates/orders.templ
View file

@ -12,67 +12,67 @@ templ OrdersPage(first, last string, orders []models.Order) {
templ OrdersMain(first, last string, orders []models.Order) {
<div class="metrics-grid">
<div class="metric-card">
<span class="metric-label">
<div>
<span class="label">
<span class="material-symbols-outlined">receipt_long</span>
Zamówienia dzisiaj
</span>
<span class="metric-value">{ len(orders) }</span>
<span class="metric-change positive">
<span class="value">{ len(orders) }</span>
<span class="change positive">
<span class="material-symbols-outlined">arrow_upward</span>
Wszystkie aktywne
</span>
</div>
<div class="metric-card">
<span class="metric-label">
<div>
<span class="label">
<span class="material-symbols-outlined">cake</span>
Do realizacji
</span>
<span class="metric-value">{ strconv.Itoa(countPending(orders)) }</span>
<span class="metric-change warning">
<span class="value">{ strconv.Itoa(countPending(orders)) }</span>
<span class="change warning">
<span class="material-symbols-outlined">priority_high</span>
Oczekujące
</span>
</div>
<div class="metric-card">
<span class="metric-label">
<div>
<span class="label">
<span class="material-symbols-outlined">check_circle</span>
Gotowe do odbioru
</span>
<span class="metric-value">{ strconv.Itoa(countDone(orders)) }</span>
<span class="metric-change">Zrealizowane</span>
<span class="value">{ strconv.Itoa(countDone(orders)) }</span>
<span class="change">Zrealizowane</span>
</div>
<div class="metric-card">
<span class="metric-label">
<div>
<span class="label">
<span class="material-symbols-outlined">payments</span>
Przychód (szac.)
</span>
<span class="metric-value">{ estimateRevenue(orders).String() } PLN</span>
<span class="metric-change positive">
<span class="value">{ estimateRevenue(orders).String() } PLN</span>
<span class="change positive">
<span class="material-symbols-outlined">trending_up</span>
W bieżącym miesiącu
</span>
</div>
</div>
<section class="card">
<div class="card-header">
<header>
<h2>
<span class="material-symbols-outlined">list_alt</span>
Aktywne zamówienia
</h2>
<div style="display:flex;align-items:center;gap:8px">
<form hx-get="/orders/search" hx-target="#results-table" hx-trigger="keyup delay:500ms, change" style="display:flex;align-items:center;gap:8px">
<div class="form-group" style="flex-direction:row;align-items:center;gap:4px">
<label style="font-size:11px;white-space:nowrap">Od</label>
<input class="form-input" style="width:140px" type="date" value={ first } name="from"/>
<div style="display:flex;align-items:center;gap:0.5rem">
<form hx-get="/orders/search" hx-target="#results-table" hx-trigger="keyup delay:500ms, change" style="display:flex;align-items:center;gap:0.5rem">
<div class="form-group" style="flex-direction:row;align-items:center;gap:0.25rem">
<label style="font-size:0.75rem;white-space:nowrap">Od</label>
<input class="form-input" style="width:8.75rem" type="date" value={ first } name="from"/>
</div>
<div class="form-group" style="flex-direction:row;align-items:center;gap:4px">
<label style="font-size:11px;white-space:nowrap">Do</label>
<input class="form-input" style="width:140px" type="date" value={ last } name="to"/>
<div class="form-group" style="flex-direction:row;align-items:center;gap:0.25rem">
<label style="font-size:0.75rem;white-space:nowrap">Do</label>
<input class="form-input" style="width:8.75rem" type="date" value={ last } name="to"/>
</div>
</form>
</div>
</div>
</header>
<div class="table-container" id="results-table">
@OrdersTable(orders)
</div>
@ -96,8 +96,8 @@ templ OrdersTable(orders []models.Order) {
for _, o := range orders {
<tr>
<td><a href={ templ.URL("/order/" + strconv.Itoa(o.ID)) } class="order-id">#{ strconv.Itoa(o.ID) }</a></td>
<td class="customer-name">{ o.Surname } { o.Name }<br/><span class="text-on-surface-variant" style="font-size:11px;font-weight:400">{ o.Phone }</span></td>
<td class="text-on-surface-variant">{ o.Date.Format("2006-01-02 15:04") }</td>
<td class="customer">{ o.Surname } { o.Name }<br/><span class="text-muted" style="font-size:0.75rem;font-weight:400">{ o.Phone }</span></td>
<td class="text-muted">{ o.Date.Format("2006-01-02 15:04") }</td>
<td>
<span class="truncate" title={ cakeItemsDesc(o.Cakes) }>
for i, c := range o.Cakes {