Files
GoNtech/web/templates/stranice/dobavljac_forma.html
T
Dasko bdbb28566e refactor(css): inline labele forme na .polje-labela klasu
59 inline labela (font-size:13px; color:--tekst-sporedni; display:block;
margin-bottom:6px — identično .polje-labela) zamenjeno klasom; ukupno 67 labela
sada koristi .polje-labela. Inputi se već globalno stilizuju (main.css 635-679),
pa nije bilo punih inline input-stilova. Preostale labele (12px/4px, 8px, flex
checkbox/radio) su namerne varijante — ostavljene.

Bez promene izgleda. Napomena: redundantni inline width:100% na inputima (globalni
stil ga već postavlja) ostavljen za kasnije (bezbedno uklanjanje traži ciljanje
po elementu jer je width:100% legitiman na tabelama).
2026-06-13 00:07:13 +02:00

89 lines
3.6 KiB
HTML

{{template "base" .}}
{{define "naslov"}}{{if .Izmena}}Izmeni dobavljača{{else}}Novi dobavljač{{end}} — NTech{{end}}
{{define "dodatni-css"}}
<style>
.greska-animacija { animation: shake 0.4s ease; }
</style>
{{end}}
{{define "sadrzaj"}}
<div style="width:100%;">
<!-- nazad dugme -->
<a href="/dobavljaci" 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 dobavljače
</a>
<div class="kartica forma-kartica animiraj">
<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 dobavljača{{else}}Novi dobavljač{{end}}
</span>
</div>
{{if .Greska}}
<div class="poruka-greska greska-animacija">{{.Greska}}</div>
{{end}}
<form method="POST" action="{{if .Izmena}}/dobavljaci/izmeni/{{.Dobavljac.ID}}{{else}}/dobavljaci/novi{{end}}">
<div style="display:flex;flex-direction:column;gap:14px;">
<!-- naziv -->
<div>
<label class="polje-labela">
Naziv <span style="color:#dc2626;">*</span>
</label>
<input type="text" name="naziv" value="{{.Dobavljac.Naziv}}"
placeholder="npr. TechDistrib d.o.o."
style="width:100%;">
</div>
<!-- kontakt osoba i telefon -->
<div class="forma-grid-2" style="display:grid;grid-template-columns:1fr 1fr;gap:12px;">
<div>
<label class="polje-labela">Kontakt osoba</label>
<input type="text" name="kontakt_osoba" value="{{.Dobavljac.KontaktOsoba}}"
placeholder="npr. Marko Petrović"
style="width:100%;">
</div>
<div>
<label class="polje-labela">Telefon</label>
<input type="text" name="telefon" value="{{.Dobavljac.Telefon}}"
placeholder="npr. 011 123 4567"
style="width:100%;">
</div>
</div>
<!-- e-pošta -->
<div>
<label class="polje-labela">E-pošta</label>
<input type="text" name="email" value="{{.Dobavljac.Email}}"
placeholder="npr. nabavka@techdistrib.rs"
style="width:100%;">
</div>
<!-- napomena -->
<div>
<label class="polje-labela">Napomena</label>
<textarea name="napomena" rows="3"
placeholder="Interna napomena o dobavljaču..."
style="width:100%;resize:vertical;">{{.Dobavljac.Napomena}}</textarea>
</div>
<!-- dugmad -->
<div style="display:flex;justify-content:flex-end;gap:10px;margin-top:6px;">
<a href="/dobavljaci" class="btn-sekundarno">Odustani</a>
<button type="submit" class="btn-primarno">
{{if .Izmena}}Sačuvaj izmene{{else}}Dodaj dobavljača{{end}}
</button>
</div>
</div>
</form>
</div>
</div>
{{end}}