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

moved the date picker to header

Browse source
This commit is contained in:
bronkuu 2026-06-15 14:56:08 +02:00
parent a91b196e64
commit 762c2a2e36
6 changed files with 29 additions and 25 deletions
Download patch file Download diff file Expand all files Collapse all files

31
server/templates/orders.templ
View file

@ -7,10 +7,25 @@ import (
)
templ OrdersPage(first, last string, orders []models.Order) {
@Layout("Panel główny", OrdersMain(first, last, orders))
@Layout("Panel główny", DateForm(first, last), OrdersMain(orders))
}
templ OrdersMain(first, last string, orders []models.Order) {
templ DateForm(first, last string) {
<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: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>
}
templ OrdersMain(orders []models.Order) {
<div class="metrics-grid">
<div>
<span class="label">
@ -60,18 +75,6 @@ templ OrdersMain(first, last string, orders []models.Order) {
<span class="material-symbols-outlined">list_alt</span>
Aktywne zamówienia
</h2>
<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: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>
</header>
<div class="table-container" id="results-table">
@OrdersTable(orders)