Files
GoNtech/web/templates/stranice/podsetnik_forma.html
T
Dasko 261dc52b32 refactor(css): layout utili .kolona i .red-izmedju
Nove utility klase: .kolona (display:flex;flex-direction:column) i .red-izmedju
(display:flex;justify-content:space-between) — struktura bez razmaka. Izdvojena
strukturna flex deklaracija iz 50 elemenata (32 kolona + 18 red-izmedju); gap/
margin ostaju kao kontekstualni override po instanci.

Visoko varirani page-header redovi (sa border-bottom/flex-wrap) ostavljeni —
jednokratni. Bez promene izgleda; šabloni parsiraju.
2026-06-13 00:57:07 +02:00

87 lines
3.5 KiB
HTML

{{template "base" .}}
{{define "naslov"}}{{if .Izmena}}Izmeni podsetnik{{else}}Novi podsetnik{{end}} — NTech{{end}}
{{define "dodatni-css"}}
<style>
.greska-animacija { animation: shake 0.4s ease; }
</style>
{{end}}
{{define "sadrzaj"}}
<div style="width:100%;">
<a href="/podsetnici" class="nazad-link">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="15 18 9 12 15 6"/></svg>
Nazad na podsetnik
</a>
<div class="kartica forma-kartica animiraj" style="max-width:600px;">
<div style="margin-bottom:20px;padding-bottom:14px;border-bottom:0.5px solid var(--ivica);">
<span style="font-size:16px;font-weight:500;color:var(--tekst-glavni);">
{{if .Izmena}}Izmeni podsetnik{{else}}Novi podsetnik{{end}}
</span>
</div>
{{if .Greska}}
<div class="poruka-greska greska-animacija">{{.Greska}}</div>
{{end}}
<form method="POST" action="{{if .Izmena}}/podsetnici/izmeni/{{.Podsetnik.ID}}{{else}}/podsetnici/novi{{end}}">
<div class="kolona" style="gap:16px;">
<div>
<label class="polje-labela">
Naslov <span style="color:var(--greska);">*</span>
</label>
<input type="text" name="naslov" value="{{.Podsetnik.Naslov}}"
placeholder="npr. Obnoviti ugovor sa dobavljačem"
style="width:100%;" autofocus>
</div>
<div>
<label class="polje-labela">
Datum podsećanja <span style="color:var(--greska);">*</span>
</label>
<input type="date" name="datum_podsecanja"
value="{{if not .Podsetnik.DatumPodsecanja.IsZero}}{{.Podsetnik.DatumPodsecanja.Format "2006-01-02"}}{{end}}"
style="width:100%;">
</div>
<div>
<label class="polje-labela">Napomena</label>
<textarea name="napomena" rows="4"
placeholder="Detalji ili beleška vezana za ovaj podsetnik..."
style="width:100%;resize:vertical;">{{.Podsetnik.Napomena}}</textarea>
</div>
{{if .Korisnici}}
<div>
<label class="polje-labela">
Dodeli korisniku
</label>
<select name="korisnik_id" style="width:100%;">
<option value="">— Nije dodeljeno —</option>
{{range .Korisnici}}
<option value="{{.ID}}"
{{if eq $.Podsetnik.KorisnikIDVal .ID}}selected{{end}}>
{{.KorisnickoIme}} ({{.Uloga}})
</option>
{{end}}
</select>
</div>
{{end}}
<div style="display:flex;justify-content:flex-end;gap:10px;margin-top:4px;">
<a href="/podsetnici" class="btn-sekundarno">Odustani</a>
<button type="submit" class="btn-primarno">
{{if .Izmena}}Sačuvaj izmene{{else}}Dodaj podsetnik{{end}}
</button>
</div>
</div>
</form>
</div>
</div>
{{end}}