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

Servis detalji: osvežavaj samo tabelu, bez animacije i skoka

Browse Source 
Dodavanje/brisanje rada i dela osvežava SAMO svoju tabelu (#radovi-spisak /
#delovi-spisak), promena statusa samo zaglavlje (#nalog-zaglavlje) — više se ne
iscrtava cela stranica. Posle osvežavanja ponovo se vežu handleri (ntechInicijalizuj)
pa brisanje opet traži potvrdu i ne ide punim POST-om (nema skoka na vrh). bez-anim
isključuje animaciju kartica i redova pri svakoj radnji; scroll se čuva preko #sadrzaj.
This commit is contained in:
Dasko
2026-06-22 01:19:58 +02:00
parent 9927484da3
commit 51e83d056b
3 changed files with 21 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/static/css/main.css
+7 -4
View File
@@ -1101,12 +1101,15 @@ select {
#dobavljaci-rezultati.bez-anim .animiraj { animation: none; }
/* osvežavanje dela stranice preko data-refresh (npr. detalji naloga) ne sme da
re-animira kartice — sprečava treptaj pri dodavanju/brisanju i promeni statusa */
#glavni-sadrzaj.bez-anim .tabela tbody tr,
#glavni-sadrzaj.bez-anim .animiraj,
re-animira kartice ni redove — sprečava treptaj pri dodavanju/brisanju i promeni
statusa. Pokriva i sam osveženi element (.bez-anim) i sve unutar njega. */
.bez-anim,
.bez-anim.kartica,
.bez-anim.animiraj,
.bez-anim .kartica,
.bez-anim .animiraj,
.bez-anim .tabela tbody tr,
.bez-anim .animiraj { animation: none; }
.bez-anim.tabela tbody tr { animation: none !important; }
/* korisnikova preferencija animacije: body[data-animacija] nadjačava podrazumevano.
Kad korisnik odabere stil, animiraju se i redovi tabela i mobilne kartice. */
web/templates/stranice/servis_detalji.html
+6 -6
View File
@@ -37,7 +37,7 @@
</a>
<!-- zaglavlje naloga -->
<div class="kartica detalji-kartica animiraj">
<div class="kartica detalji-kartica animiraj" id="nalog-zaglavlje">
<div style="display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:12px;margin-bottom:16px;padding-bottom:14px;border-bottom:0.5px solid var(--ivica);">
<div class="kolona" style="gap:8px;">
<span style="font-size:20px;font-weight:600;color:var(--tekst-glavni);font-family:monospace;">
@@ -45,7 +45,7 @@
</span>
<div style="display:flex;align-items:center;gap:8px;flex-wrap:wrap;">
{{template "status-badge-detalji" .Nalog.Status}}
<form method="post" action="/servis/{{.Nalog.ID}}/status" style="display:flex;align-items:center;gap:6px;" data-refresh="#glavni-sadrzaj">
<form method="post" action="/servis/{{.Nalog.ID}}/status" style="display:flex;align-items:center;gap:6px;" data-refresh="#nalog-zaglavlje">
<input type="hidden" name="_csrf" value="{{.CsrfToken}}">
<select name="status" style="font-size:13px;padding:4px 8px;border-radius:6px;border:0.5px solid var(--ivica);background:var(--kartica-pozadina);color:var(--tekst-glavni);cursor:pointer;">
{{range .SviStatusi}}
@@ -168,7 +168,7 @@
<!-- forma za dodavanje rada iz cenovnika usluga -->
{{if index .Dozvole "servis.izmeni"}}
<form method="POST" action="/servis/{{.Nalog.ID}}/radovi" style="margin-bottom:16px;" data-refresh="#glavni-sadrzaj">
<form method="POST" action="/servis/{{.Nalog.ID}}/radovi" style="margin-bottom:16px;" data-refresh="#radovi-spisak">
<input type="hidden" name="_csrf" value="{{.CsrfToken}}">
<div style="display:grid;grid-template-columns:1fr 80px 120px auto;gap:10px;align-items:flex-end;">
<div>
@@ -215,7 +215,7 @@
<td style="padding:9px 10px;text-align:right;font-size:14px;font-weight:500;color:var(--tekst-glavni);">{{dinari .Ukupno}} din</td>
<td style="padding:9px 10px;text-align:center;">
{{if index $.Dozvole "servis.izmeni"}}
<form method="POST" action="/servis/{{$.Nalog.ID}}/radovi/{{.ID}}/obrisi" style="display:inline;" data-refresh="#glavni-sadrzaj">
<form method="POST" action="/servis/{{$.Nalog.ID}}/radovi/{{.ID}}/obrisi" style="display:inline;" data-refresh="#radovi-spisak">
<input type="hidden" name="_csrf" value="{{$.CsrfToken}}">
<button type="submit"
data-potvrda="Ukloniti rad '{{.Naziv}}'?"
@@ -245,7 +245,7 @@
<!-- forma za dodavanje dela -->
{{if index .Dozvole "servis.izmeni"}}
<form method="POST" action="/servis/{{.Nalog.ID}}/delovi" style="margin-bottom:16px;" data-refresh="#glavni-sadrzaj">
<form method="POST" action="/servis/{{.Nalog.ID}}/delovi" style="margin-bottom:16px;" data-refresh="#delovi-spisak">
<input type="hidden" name="_csrf" value="{{.CsrfToken}}">
<div style="margin-bottom:10px;">
<label style="font-size:12px;color:var(--tekst-sporedni);display:block;margin-bottom:4px;">Kategorija</label>
@@ -299,7 +299,7 @@
<td style="padding:9px 10px;text-align:right;font-size:14px;font-weight:500;color:var(--tekst-glavni);">{{dinari .Ukupno}} din</td>
<td style="padding:9px 10px;text-align:center;">
{{if index $.Dozvole "servis.izmeni"}}
<form method="POST" action="/servis/{{$.Nalog.ID}}/delovi/{{.ID}}/obrisi" style="display:inline;" data-refresh="#glavni-sadrzaj">
<form method="POST" action="/servis/{{$.Nalog.ID}}/delovi/{{.ID}}/obrisi" style="display:inline;" data-refresh="#delovi-spisak">
<input type="hidden" name="_csrf" value="{{$.CsrfToken}}">
<button type="submit"
data-potvrda="Ukloniti deo '{{.ArtikalNaziv}}'?"
web/templates/teme/podrazumevana/base.html
+8
View File
@@ -413,7 +413,15 @@
if (sc) sc.scrollTop = syDoc;
var gsNovi = document.getElementById('sadrzaj');
if (gsNovi) gsNovi.scrollTop = syGs;
// re-veži event handlere (AJAX submit, potvrda brisanja...)
// na sveže umetnute elemente — inače bi nove forme išle
// punim POST-om (skok na vrh), a × bez potvrde
ntechInicijalizuj();
}
// forma koja nije deo osveženog dela ostaje u DOM-u —
// isprazni je za sledeći unos (za one koje osvežavaju sebe
// ovo je bezuspešno jer su zamenjene, što je u redu)
if (document.body.contains(f)) f.reset();
if (btn) btn.disabled = false;
})
.catch(function () { location.href = res.url; });