Magacin: dodata prometna kartica artikla

- Nova stranica /magacin/kartica/{id} — sve promene stanja po artiklu
- Prikazuje tip promene (ulaz/izlaz/servis/povraćaj/korekcija) sa bojama
- Dugme Kartica dodata u listu magacina (desktop i mobilni prikaz)

cmd/ntech/main.go

@@ -300,6 +300,7 @@ func main() {
 		r.With(modul("pdv"), doz("pdv.obrisi")).Post("/pdv/kpr/obrisi/{id}", h.ObrisiPdvKpr)
 		r.With(modul("pdv")).Get("/pdv/obracun", h.PdvObracunStranica)
 		r.Get("/magacin", h.Magacin)
+			r.Get("/magacin/kartica/{id}", h.MagacinskaKartica)
 		r.Get("/magacin/novi", h.NoviArtikal)
 		r.With(doz("artikal.dodaj")).Post("/magacin/novi", h.SacuvajArtikal)
 		r.Get("/magacin/izmeni/{id}", h.IzmeniArtikal)

internal/handler/kes.go

@@ -22,7 +22,7 @@ var saSidebar = []string{
 	"izvestaji",
 	"kategorije",
 	"klijenti", "klijent_forma",
-	"magacin", "magacin_forma",
+	"magacin", "magacin_forma", "magacin_kartica",
 	"nabavke", "nabavka_forma", "nabavka_detalji",
 	"podesavanja", "podesavanja_opste", "podesavanja_izgled", "podesavanja_sistem", "podesavanja_servis",
 	"pdv_stope",

internal/handler/magacin.go

@@ -123,3 +123,47 @@ func (h *Handler) ObrisiArtikal(w http.ResponseWriter, r *http.Request) {
 
 	http.Redirect(w, r, "/magacin?obrisan=1", http.StatusSeeOther)
 }
+
+// PodaciMagacinskeKartice su podaci za karticu jednog artikla
+type PodaciMagacinskeKartice struct {
+	model.PodaciStranice
+	Artikal  model.Artikal
+	Promene  []model.MagacinskaPromenaSaDetaljem
+}
+
+// MagacinskaKartica prikazuje sve promene stanja za jedan artikal
+func (h *Handler) MagacinskaKartica(w http.ResponseWriter, r *http.Request) {
+	id, err := strconv.ParseInt(chi.URLParam(r, "id"), 10, 64)
+	if err != nil {
+		http.Error(w, "Neispravan ID artikla", http.StatusBadRequest)
+		return
+	}
+
+	artikal, err := h.Artikli.DohvatiID(r.Context(), id)
+	if err != nil {
+		http.Error(w, "Artikal nije pronađen", http.StatusNotFound)
+		return
+	}
+
+	promene, err := h.MagacinskePromeneRepo.Lista(r.Context(), &id, 0)
+	if err != nil {
+		http.Error(w, "Greška pri učitavanju promena", http.StatusInternalServerError)
+		return
+	}
+
+	podesavanja, err := sqlite.DohvatiSvaPodesavanja(r.Context(), h.DB)
+	if err != nil {
+		http.Error(w, "Greška pri učitavanju podešavanja", http.StatusInternalServerError)
+		return
+	}
+
+	ps := h.popuniPodaciStranice(r, podesavanja)
+	ps.Stranica = "magacin"
+	ps.NaslovStranice = "Kartica: " + artikal.Naziv
+
+	h.renderujTemplate(w, "magacin_kartica", PodaciMagacinskeKartice{
+		PodaciStranice: ps,
+		Artikal:        *artikal,
+		Promene:        promene,
+	})
+}

web/templates/stranice/magacin.html

@@ -79,6 +79,9 @@
                         </td>
                         <td style="padding:12px 16px;text-align:center;">
                             <div style="display:flex;align-items:center;justify-content:center;gap:8px;">
+                                <a href="/magacin/kartica/{{.ID}}" class="btn-sekundarno-malo">
+                                    Kartica
+                                </a>
                                 {{if index $.Dozvole "artikal.izmeni"}}
                                 <a href="/magacin/izmeni/{{.ID}}" class="btn-primarno-malo">
                                     Izmeni
@@ -121,6 +124,7 @@
                     {{end}}
                 </div>
                 <div style="display:flex;gap:8px;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end;">
+                    <a href="/magacin/kartica/{{.ID}}" class="btn-sekundarno-malo">Kartica</a>
                     {{if index $.Dozvole "artikal.izmeni"}}
                     <a href="/magacin/izmeni/{{.ID}}" class="btn-primarno-malo">Izmeni</a>
                     {{template "promeniCenuMeni" (dict "ID" .ID "Cena" .ProdajnaCena)}}

web/templates/stranice/magacin_kartica.html

@@ -0,0 +1,102 @@
+{{template "base" .}}
+
+{{define "naslov"}}Kartica: {{.Artikal.Naziv}} — NTech{{end}}
+
+{{define "sadrzaj"}}
+<div class="kolona" style="gap:16px;">
+
+    <a href="/magacin" 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 magacin
+    </a>
+
+    <!-- zaglavlje artikla -->
+    <div class="kartica animiraj">
+        <div style="display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap;">
+            <div>
+                <div style="font-size:18px;font-weight:600;color:var(--tekst-glavni);">{{.Artikal.Naziv}}</div>
+                <div style="margin-top:6px;display:flex;gap:16px;flex-wrap:wrap;">
+                    {{if .Artikal.Sifra}}
+                    <span style="font-size:12px;color:var(--tekst-slabi);">Šifra: <span style="font-family:monospace;color:var(--tekst-glavni);">{{.Artikal.Sifra}}</span></span>
+                    {{end}}
+                    {{if .Artikal.Barkod}}
+                    <span style="font-size:12px;color:var(--tekst-slabi);">Barkod: <span style="font-family:monospace;color:var(--tekst-glavni);">{{.Artikal.Barkod}}</span></span>
+                    {{end}}
+                    {{if .Artikal.Lokacija}}
+                    <span style="font-size:12px;color:var(--tekst-slabi);">Lokacija: <span style="color:var(--tekst-glavni);">{{.Artikal.Lokacija}}</span></span>
+                    {{end}}
+                </div>
+            </div>
+            <div style="text-align:right;">
+                <div style="font-size:24px;font-weight:700;color:{{if le .Artikal.Kolicina .Artikal.KolicinMin}}#dc2626{{else}}var(--tekst-glavni){{end}};">
+                    {{.Artikal.Kolicina}} kom
+                </div>
+                <div style="font-size:12px;color:var(--tekst-slabi);">trenutno stanje</div>
+                {{if gt .Artikal.KolicinMin 0}}
+                <div style="font-size:11px;color:var(--tekst-slabi);margin-top:2px;">min. {{.Artikal.KolicinMin}} kom</div>
+                {{end}}
+            </div>
+        </div>
+    </div>
+
+    <!-- tabela promena -->
+    <div class="kartica animiraj">
+        <div style="font-size:14px;font-weight:500;color:var(--tekst-glavni);margin-bottom:14px;padding-bottom:10px;border-bottom:0.5px solid var(--ivica);">
+            Prometna kartica
+            <span style="font-size:12px;font-weight:400;color:var(--tekst-slabi);margin-left:8px;">{{len .Promene}} zapisa</span>
+        </div>
+
+        {{if not .Promene}}
+        <div style="text-align:center;padding:32px 0;color:var(--tekst-slabi);font-size:14px;">
+            Nema evidentiranih promena za ovaj artikal.
+        </div>
+        {{else}}
+        <div style="overflow-x:auto;">
+            <table class="tabela">
+                <thead>
+                    <tr>
+                        <th>Datum</th>
+                        <th>Vrsta promene</th>
+                        <th style="text-align:right;">Promena</th>
+                        <th style="text-align:right;">Pre</th>
+                        <th style="text-align:right;">Posle</th>
+                        <th>Napomena</th>
+                    </tr>
+                </thead>
+                <tbody>
+                {{range .Promene}}
+                <tr>
+                    <td style="white-space:nowrap;color:var(--tekst-slabi);font-size:12px;">
+                        {{.Datum.Format "02.01.2006. 15:04"}}
+                    </td>
+                    <td>
+                        {{if eq .TipPromene "ulaz_nabavka"}}
+                            <span class="bedz" style="background:rgba(34,197,94,0.12);color:#22c55e;">Ulaz — nabavka</span>
+                        {{else if eq .TipPromene "izlaz_prodaja"}}
+                            <span class="bedz" style="background:rgba(59,130,246,0.12);color:#3b82f6;">Izlaz — prodaja</span>
+                        {{else if eq .TipPromene "izlaz_servis"}}
+                            <span class="bedz" style="background:rgba(249,115,22,0.12);color:#f97316;">Izlaz — servis</span>
+                        {{else if eq .TipPromene "povracaj"}}
+                            <span class="bedz" style="background:rgba(168,85,247,0.12);color:#a855f7;">Povraćaj</span>
+                        {{else if eq .TipPromene "korekcija"}}
+                            <span class="bedz" style="background:rgba(156,163,175,0.12);color:#9ca3af;">Korekcija</span>
+                        {{else}}
+                            <span class="bedz">{{.TipPromene}}</span>
+                        {{end}}
+                    </td>
+                    <td style="text-align:right;font-weight:600;font-family:monospace;{{if gt .PromenaKolicine 0}}color:#22c55e;{{else}}color:#dc2626;{{end}}">
+                        {{if gt .PromenaKolicine 0}}+{{end}}{{.PromenaKolicine}}
+                    </td>
+                    <td style="text-align:right;font-family:monospace;color:var(--tekst-slabi);">{{.StanjePre}}</td>
+                    <td style="text-align:right;font-family:monospace;font-weight:500;">{{.StanjePosle}}</td>
+                    <td style="font-size:12px;color:var(--tekst-slabi);">{{.Napomena}}</td>
+                </tr>
+                {{end}}
+                </tbody>
+            </table>
+        </div>
+        {{end}}
+    </div>
+
+</div>
+{{end}}