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

css starting point

Browse source
This commit is contained in:
bronku 2025-04-05 12:53:05 +02:00
parent ad24105328
commit 25d6b305e2
3 changed files with 183 additions and 35 deletions
Download patch file Download diff file Expand all files Collapse all files

14
internal/server/templates/layout/layout.gohtml
View file

@ -10,11 +10,15 @@
</head>
<body>
<header>
<h1>{{template "title" .}}</h1>
</header>
<nav>{{template "nav" .}}</nav>
{{template "main" .}}
<aside>
<nav>{{template "nav" .}}</nav>
</aside>
<div class="app-body">
<header>
<h1>{{template "title" .}}</h1>
</header>
{{template "main" .}}
</div>
</body>
</html>

54
internal/server/templates/orders.gohtml
View file

@ -5,47 +5,45 @@ Zamówienia
<main>
<form class="search-container" hx-get="/orders/search" hx-target="#results-table"
hx-trigger="keyup delay:500ms, change">
<label>
<label class="search-box">
<input type="search" name="q" placeholder="Wyszukaj po numerze zamówienia">
</label>
<label>Data początkowa
<input type="date" value="{{.First}}" name="from">
</label>
<label>Data końcowa
<input type="date" value="{{.Last}}" name="to">
</label>
<div class="htmx-indicator">
Szukanie...
</div>
<div id="results-table">
{{template "orders-table" .Orders}}
</div>
</form>
<div id="results-table">
{{template "orders-table" .Orders}}
</div>
</main>
{{end}}
{{define "orders-table"}}
<table id="orders_table">
<tr>
<th>Numer zamówienia</th>
<th>Klient</th>
<th>Lokalizacja</th>
<th>Data zamówienia</th>
<th>Pozostało do zapłaty</th>
<th>Status</th>
</tr>
{{range .}}
<tr>
<th><a href="/order/{{.ID}}">{{.ID}}</a></th>
<th>{{.Surname}} {{.Name}} {{.Phone}}</th>
<th>{{.Location}}</th>
<th>{{.Date.Format "2006-01-02"}}</th>
<th>{{.Total}}</th>
<th>{{.Status}}</th>
</tr>
{{end}}
<thead>
<tr>
<th>Numer zamówienia</th>
<th>Klient</th>
<th>Lokalizacja</th>
<th>Data zamówienia</th>
<th>Pozostało do zapłaty</th>
<th>Status</th>
</tr>
</thead>
<tbody>
{{range .}}
<tr>
<th><a href="/order/{{.ID}}">{{.ID}}</a></th>
<th>{{.Surname}} {{.Name}} {{.Phone}}</th>
<th>{{.Location}}</th>
<th>{{.Date.Format "2006-01-02"}}</th>
<th>{{.Total}}</th>
<th>{{.Status}}</th>
</tr>
{{end}}
</tbody>
</table>
{{end}}