Dasko/GoNtech
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

Klijenti i Magacin: ukloni dugme Traži; pretraga poštuje filtere (tip/kategorija); gašenje animacije pri pretrazi u klijentima

Browse Source
This commit is contained in:
Dalibor Marković
2026-06-20 23:00:27 +02:00
parent b4d15f2df2
commit 2727b0da80
3 changed files with 20 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/templates/stranice/klijenti.html
+15 -7
View File
@@ -21,10 +21,7 @@
placeholder="Pretraži po imenu ili nazivu firme..."
style="flex:1;"
hx-trigger="keyup changed delay:300ms, search"
hx-get="/klijenti" hx-target="#klijenti-rezultati" hx-select="#klijenti-rezultati" hx-swap="innerHTML" hx-push-url="true">
<button type="submit" class="btn-primarno">
Traži
</button>
hx-get="/klijenti" hx-include="[name='tip']:checked" hx-target="#klijenti-rezultati" hx-select="#klijenti-rezultati" hx-swap="innerHTML" hx-push-url="true">
</form>
</div>
@@ -34,17 +31,17 @@
<div style="display:flex;gap:16px;margin-bottom:12px;flex-wrap:wrap;align-items:center;">
<label style="display:inline-flex;align-items:center;gap:6px;cursor:pointer;font-size:14px;">
<input type="radio" name="tip" value="" {{if eq .TipFilter ""}}checked{{end}}
hx-trigger="change" hx-get="/klijenti?pretraga={{.Pretraga}}"
hx-trigger="change" hx-get="/klijenti" hx-include="[name='pretraga']"
hx-target="#klijenti-rezultati" hx-select="#klijenti-rezultati" hx-swap="innerHTML" hx-push-url="true"> Svi
</label>
<label style="display:inline-flex;align-items:center;gap:6px;cursor:pointer;font-size:14px;">
<input type="radio" name="tip" value="pravno" {{if eq .TipFilter "pravno"}}checked{{end}}
hx-trigger="change" hx-get="/klijenti?pretraga={{.Pretraga}}&tip=pravno"
hx-trigger="change" hx-get="/klijenti" hx-include="[name='pretraga']"
hx-target="#klijenti-rezultati" hx-select="#klijenti-rezultati" hx-swap="innerHTML" hx-push-url="true"> Firme
</label>
<label style="display:inline-flex;align-items:center;gap:6px;cursor:pointer;font-size:14px;">
<input type="radio" name="tip" value="fizicko" {{if eq .TipFilter "fizicko"}}checked{{end}}
hx-trigger="change" hx-get="/klijenti?pretraga={{.Pretraga}}&tip=fizicko"
hx-trigger="change" hx-get="/klijenti" hx-include="[name='pretraga']"
hx-target="#klijenti-rezultati" hx-select="#klijenti-rezultati" hx-swap="innerHTML" hx-push-url="true"> Fizička lica
</label>
</div>
@@ -182,4 +179,15 @@
</div><!-- kraj #klijenti-rezultati -->
</div>
<script>
// Gasi animaciju redova pri pretrazi i promeni tipa (ali NE pri paginaciji).
document.body.addEventListener('htmx:beforeRequest', function (e) {
var elt = e.detail && e.detail.elt;
if (elt && (elt.name === 'pretraga' || elt.name === 'tip')) {
var rez = document.getElementById('klijenti-rezultati');
if (rez) rez.classList.add('bez-anim');
}
});
</script>
{{end}}
web/templates/stranice/magacin.html
+2 -5
View File
@@ -40,8 +40,8 @@
<input type="text" name="pretraga" value="{{.Filter.Pretraga}}"
placeholder="Pretraži po nazivu, šifri, barkodu, lokaciji..."
style="width:100%;"
hx-trigger="keyup changed delay:300ms, search"
hx-get="/magacin" hx-target="#magacin-rezultati" hx-select="#magacin-rezultati" hx-swap="innerHTML" hx-push-url="true">
hx-trigger="keyup[target.value.length==0||target.value.length>=3] changed delay:150ms, search"
hx-get="/magacin" hx-include="closest form" hx-target="#magacin-rezultati" hx-select="#magacin-rezultati" hx-swap="innerHTML" hx-push-url="true">
<div style="display:flex;gap:10px;flex-wrap:wrap;align-items:center;">
<select name="kategorija" style="flex:1;min-width:140px;"
hx-trigger="change"
@@ -63,9 +63,6 @@
hx-get="/magacin" hx-target="#magacin-rezultati" hx-select="#magacin-rezultati" hx-swap="innerHTML" hx-push-url="true">
Arhivirani
</label>
<button type="submit" class="btn-primarno">
Traži
</button>
</div>
</form>