Topbar: logo firme + naslov; avatar upload; uklanjanje logo zone

- Topbar: logo slika firme (toggle on/off) pa naslov stranice; bez teksta firme
- Sidebar: samo naziv firme i podnaslov (tekst), bez slike loga
- Avatar: korisnik uploaduje ličnu sliku u Profil > Tema > Avatar;
  prikazuje se kao dugme za meni (desno u topbaru); fallback inicijali
- Logo firme kartica: dugme "Ukloni sliku" + ruta /podesavanja/logo/ukloni
- Logo zona iz podešavanja uklonjena; jedan iOS toggle za prikaz loga u topbaru
- Migracije 049 (topbar_logo_slika/tekst) i 050 (avatar_putanja na korisnicima)
- iOS-style .toggl switch u main.css

cmd/ntech/main.go

@@ -253,6 +253,7 @@ func main() {
 		r.With(doz("podesavanja.izmeni")).Post("/podesavanja/pdv-stope/{id}/aktivnost", h.PromeniAktivnostPdvStope)
 		r.With(doz("podesavanja.izmeni")).Post("/podesavanja/sacuvaj", h.SacuvajPodesavanja)
 		r.With(doz("podesavanja.izmeni")).Post("/podesavanja/logo", h.OtpremiLogo)
+		r.With(doz("podesavanja.izmeni")).Post("/podesavanja/logo/ukloni", h.UkloniLogo)
 		r.With(doz("podesavanja.login_pozadina")).Post("/podesavanja/login-pozadina", h.OtpremiLoginPozadinu)
 		r.With(doz("podesavanja.login_pozadina")).Post("/podesavanja/login-pozadina/ukloni", h.UkloniLoginPozadinu)
 		r.With(doz("podesavanja.login_pozadina")).Post("/podesavanja/login-pozadina/stilovi", h.SacuvajLoginPozadinaStilove)
@@ -359,6 +360,8 @@ func main() {
 		r.With(doz("tema.lokalno")).Post("/profil/pozadina", h.ProfilOtpremiPozadinu)
 		r.With(doz("tema.lokalno")).Post("/profil/pozadina/ukloni", h.ProfilUkloniPozadinu)
 		r.With(doz("tema.lokalno")).Post("/profil/pozadina/stilovi", h.ProfilSacuvajPozadinuStilove)
+		r.Post("/profil/avatar", h.ProfilOtpremiAvatar)
+		r.Post("/profil/avatar/ukloni", h.ProfilUkloniAvatar)
 	})
 
 	slog.Info("NTech pokrenut", "port", port)

internal/db/repository.go

@@ -149,6 +149,7 @@ type KorisniciRepository interface {
 	SacuvajTotpTajnu(ctx context.Context, id int64, tajna string) error
 	SacuvajLokalnuTemu(ctx context.Context, id int64, lokalnaTema string, koristi bool) error
 	SacuvajLokalnuPozadinu(ctx context.Context, id int64, pozadina, opacity, blur, blurPozadine, glassOpacity string) error
+	SacuvajAvatar(ctx context.Context, id int64, putanja string) error
 	PostojiIjedan(ctx context.Context) (bool, error)
 	Obrisi(ctx context.Context, id int64) error
 }

internal/db/sqlite/korisnici.go

@@ -21,7 +21,7 @@ type sqliteKorisniciRepo struct {
 // NULL vrednosti — deljeno između skeniraiKorisnika (jedan red) i Lista (više redova)
 func dodeliOpcijeKorisnika(k *model.Korisnik, aktivan, koristiLokalnuTemu int,
 	lokalnaTema, lokalnaPozadina, lokalnaPozadinaOpacity, lokalnaPozadinaBlur,
-	lokalnaPozadinaBlurPozadine, lokalnaPozadinaGlassOpacity sql.NullString,
+	lokalnaPozadinaBlurPozadine, lokalnaPozadinaGlassOpacity, avatarPutanja sql.NullString,
 	datumKreiranja time.Time) {
 	k.Aktivan = aktivan == 1
 	k.LokalnaTema = lokalnaTema.String
@@ -32,6 +32,7 @@ func dodeliOpcijeKorisnika(k *model.Korisnik, aktivan, koristiLokalnuTemu int,
 	k.LokalnaPozadinaBlur = lokalnaPozadinaBlur.String
 	k.LokalnaPozadinaBlurPozadine = lokalnaPozadinaBlurPozadine.String
 	k.LokalnaPozadinaGlassOpacity = lokalnaPozadinaGlassOpacity.String
+	k.AvatarPutanja = avatarPutanja.String
 }
 
 // skeniraiKorisnika čita jedan red iz baze i popunjava model.Korisnik
@@ -40,18 +41,19 @@ func skeniraiKorisnika(row interface{ Scan(...any) error }) (*model.Korisnik, er
 	var aktivan, koristiLokalnuTemu int
 	var lokalnaTema sql.NullString
 	var lokalnaPozadina, lokalnaPozadinaOpacity, lokalnaPozadinaBlur, lokalnaPozadinaBlurPozadine, lokalnaPozadinaGlassOpacity sql.NullString
+	var avatarPutanja sql.NullString
 	var datumKreiranja time.Time
 	if err := row.Scan(
 		&k.ID, &k.KorisnickoIme, &k.LozinkaHash, &k.Uloga, &aktivan, &k.TotpTajna,
 		&lokalnaTema, &koristiLokalnuTemu, &datumKreiranja,
 		&lokalnaPozadina, &lokalnaPozadinaOpacity, &lokalnaPozadinaBlur,
-		&lokalnaPozadinaBlurPozadine, &lokalnaPozadinaGlassOpacity,
+		&lokalnaPozadinaBlurPozadine, &lokalnaPozadinaGlassOpacity, &avatarPutanja,
 	); err != nil {
 		return nil, err
 	}
 	dodeliOpcijeKorisnika(k, aktivan, koristiLokalnuTemu, lokalnaTema,
 		lokalnaPozadina, lokalnaPozadinaOpacity, lokalnaPozadinaBlur,
-		lokalnaPozadinaBlurPozadine, lokalnaPozadinaGlassOpacity, datumKreiranja)
+		lokalnaPozadinaBlurPozadine, lokalnaPozadinaGlassOpacity, avatarPutanja, datumKreiranja)
 	return k, nil
 }
 
@@ -91,7 +93,7 @@ func (r *sqliteKorisniciRepo) DohvatiPoImenu(ctx context.Context, korisnickoIme
 		        COALESCE(lokalna_tema, ''), koristi_lokalnu_temu, datum_kreiranja,
 		        COALESCE(lokalna_pozadina, ''), COALESCE(lokalna_pozadina_opacity, '50'),
 		        COALESCE(lokalna_pozadina_blur, '12'), COALESCE(lokalna_pozadina_blur_pozadine, '0'),
-		        COALESCE(lokalna_pozadina_glass_opacity, '10')
+		        COALESCE(lokalna_pozadina_glass_opacity, '10'), COALESCE(avatar_putanja, '')
 		 FROM korisnici WHERE korisnicko_ime = ?`, korisnickoIme)
 	k, err := skeniraiKorisnika(row)
 	if err != nil {
@@ -107,7 +109,7 @@ func (r *sqliteKorisniciRepo) DohvatiPoID(ctx context.Context, id int64) (*model
 		        COALESCE(lokalna_tema, ''), koristi_lokalnu_temu, datum_kreiranja,
 		        COALESCE(lokalna_pozadina, ''), COALESCE(lokalna_pozadina_opacity, '50'),
 		        COALESCE(lokalna_pozadina_blur, '12'), COALESCE(lokalna_pozadina_blur_pozadine, '0'),
-		        COALESCE(lokalna_pozadina_glass_opacity, '10')
+		        COALESCE(lokalna_pozadina_glass_opacity, '10'), COALESCE(avatar_putanja, '')
 		 FROM korisnici WHERE id = ?`, id)
 	k, err := skeniraiKorisnika(row)
 	if err != nil {
@@ -123,7 +125,7 @@ func (r *sqliteKorisniciRepo) Lista(ctx context.Context) ([]model.Korisnik, erro
 		        COALESCE(lokalna_tema, ''), koristi_lokalnu_temu, datum_kreiranja,
 		        COALESCE(lokalna_pozadina, ''), COALESCE(lokalna_pozadina_opacity, '50'),
 		        COALESCE(lokalna_pozadina_blur, '12'), COALESCE(lokalna_pozadina_blur_pozadine, '0'),
-		        COALESCE(lokalna_pozadina_glass_opacity, '10')
+		        COALESCE(lokalna_pozadina_glass_opacity, '10'), COALESCE(avatar_putanja, '')
 		 FROM korisnici ORDER BY datum_kreiranja ASC`)
 	if err != nil {
 		return nil, fmt.Errorf("ntech: korisnici.Lista: %w", err)
@@ -135,22 +137,32 @@ func (r *sqliteKorisniciRepo) Lista(ctx context.Context) ([]model.Korisnik, erro
 		var aktivan, koristiLokalnuTemu int
 		var lokalnaTema sql.NullString
 		var lokalnaPozadina, lokalnaPozadinaOpacity, lokalnaPozadinaBlur, lokalnaPozadinaBlurPozadine, lokalnaPozadinaGlassOpacity sql.NullString
+		var avatarPutanja sql.NullString
 		var datumKreiranja time.Time
 		if err := rows.Scan(&k.ID, &k.KorisnickoIme, &k.Uloga, &aktivan, &k.TotpTajna,
 			&lokalnaTema, &koristiLokalnuTemu, &datumKreiranja,
 			&lokalnaPozadina, &lokalnaPozadinaOpacity, &lokalnaPozadinaBlur, &lokalnaPozadinaBlurPozadine,
-			&lokalnaPozadinaGlassOpacity); err != nil {
+			&lokalnaPozadinaGlassOpacity, &avatarPutanja); err != nil {
 			return nil, fmt.Errorf("ntech: korisnici.Lista: %w", err)
 		}
 		dodeliOpcijeKorisnika(&k, aktivan, koristiLokalnuTemu, lokalnaTema,
 			lokalnaPozadina, lokalnaPozadinaOpacity, lokalnaPozadinaBlur,
-			lokalnaPozadinaBlurPozadine, lokalnaPozadinaGlassOpacity, datumKreiranja)
+			lokalnaPozadinaBlurPozadine, lokalnaPozadinaGlassOpacity, avatarPutanja, datumKreiranja)
 		r.desifrujTotpTajnu(&k)
 		lista = append(lista, k)
 	}
 	return lista, nil
 }
 
+func (r *sqliteKorisniciRepo) SacuvajAvatar(ctx context.Context, id int64, putanja string) error {
+	_, err := r.db.ExecContext(ctx,
+		`UPDATE korisnici SET avatar_putanja = ? WHERE id = ?`, putanja, id)
+	if err != nil {
+		return fmt.Errorf("ntech: korisnici.SacuvajAvatar: %w", err)
+	}
+	return nil
+}
+
 func (r *sqliteKorisniciRepo) SacuvajLokalnuPozadinu(ctx context.Context, id int64, pozadina, opacity, blur, blurPozadine, glassOpacity string) error {
 	_, err := r.db.ExecContext(ctx,
 		`UPDATE korisnici SET lokalna_pozadina = ?, lokalna_pozadina_opacity = ?, lokalna_pozadina_blur = ?, lokalna_pozadina_blur_pozadine = ?, lokalna_pozadina_glass_opacity = ? WHERE id = ?`,

internal/handler/handler.go

@@ -164,8 +164,9 @@ func (h *Handler) popuniPodaciStranice(r *http.Request, podesavanja map[string]s
 		Tema:            tema,
 		NazivFirme:      podesavanja["naziv_firme"],
 		Podnazlov:       podesavanja["podnazlov"],
-		LogoTip:     podesavanja["logo_tip"],
 		LogoPutanja:     podesavanja["logo_putanja"],
+		TopbarLogoSlika: podesavanja["topbar_logo_slika"] == "1",
+		TopbarLogoTekst: podesavanja["topbar_logo_tekst"] == "1",
 		Korisnik:        "Admin",
 	}
 	var korisnik *model.Korisnik
@@ -174,6 +175,7 @@ func (h *Handler) popuniPodaciStranice(r *http.Request, podesavanja map[string]s
 		ps.Korisnik = k.KorisnickoIme
 		ps.KorisnikIme = k.KorisnickoIme
 		ps.KorisnikUloga = k.Uloga
+		ps.AvatarPutanja = k.AvatarPutanja
 		ps.Dozvole = h.DozvoleRepo.SveDozvole(r.Context(), k.Uloga)
 		// lokalna tema korisnika — primenjuje se uvek kada je postavljena, bez obzira na KoristiLokalnuTemu
 		if k.LokalnaTema != "" {

internal/handler/podesavanja.go

@@ -28,8 +28,9 @@ type PodaciPodesavanja struct {
 	Adresa      string
 	Telefon     string
 	PIB         string
-	LogoTip     string
 	LogoPutanja        string
+	TopbarLogoSlika    bool
+	TopbarLogoTekst    bool
 	// profil firme — pravni/poreski status (Faza 0); određuje koji se zakonski moduli pale
 	FirmaPravniOblik                string
 	FirmaPdvObveznik                string
@@ -81,8 +82,9 @@ func (h *Handler) Podesavanja(w http.ResponseWriter, r *http.Request) {
 		Adresa:                          podesavanja["adresa"],
 		Telefon:                         podesavanja["telefon"],
 		PIB:                             podesavanja["pib"],
-		LogoTip:                         podesavanja["logo_tip"],
 		LogoPutanja:                     podesavanja["logo_putanja"],
+		TopbarLogoSlika:                 podesavanja["topbar_logo_slika"] == "1",
+		TopbarLogoTekst:                 podesavanja["topbar_logo_tekst"] == "1",
 		Sacuvano:                        r.URL.Query().Get("sacuvano") == "1",
 		BackupVracen:                    r.URL.Query().Get("sacuvano") == "vraceno",
 		Verzija:                         h.Verzija,
@@ -233,13 +235,24 @@ func (h *Handler) SacuvajPodesavanja(w http.ResponseWriter, r *http.Request) {
 		return
 	}
 
+	// checkbox-i: šalju vrednost samo kada su čekirani, pa ih uvek eksplicitno čitamo
+	topbarLogoSlika := "0"
+	if r.FormValue("topbar_logo_slika") == "1" {
+		topbarLogoSlika = "1"
+	}
+	topbarLogoTekst := "0"
+	if r.FormValue("topbar_logo_tekst") == "1" {
+		topbarLogoTekst = "1"
+	}
+
 	polja := map[string]string{
 		"naziv_firme":       r.FormValue("naziv_firme"),
 		"podnazlov":         r.FormValue("podnazlov"),
 		"adresa":            r.FormValue("adresa"),
 		"telefon":           r.FormValue("telefon"),
 		"pib":               r.FormValue("pib"),
-		"logo_tip":    r.FormValue("logo_tip"),
+		"topbar_logo_slika": topbarLogoSlika,
+		"topbar_logo_tekst": topbarLogoTekst,
 		// profil firme (Faza 0) — radio dugmad uvek šalju vrednost, pa se uredno čuvaju
 		"firma_pravni_oblik":  r.FormValue("firma_pravni_oblik"),
 		"firma_pdv_obveznik":  r.FormValue("firma_pdv_obveznik"),
@@ -412,6 +425,21 @@ func (h *Handler) OtpremiLogo(w http.ResponseWriter, r *http.Request) {
 	http.Redirect(w, r, "/podesavanja?sacuvano=1", http.StatusSeeOther)
 }
 
+// UkloniLogo briše logo fajl i čisti putanju iz podešavanja
+func (h *Handler) UkloniLogo(w http.ResponseWriter, r *http.Request) {
+	if _, ok := h.zahtevajDozvolu(w, r, "podesavanja.izmeni"); !ok {
+		return
+	}
+	stari, _ := filepath.Glob("web/static/uploads/logo.*")
+	for _, s := range stari {
+		os.Remove(s)
+	}
+	if err := ntechsqlite.SacuvajPodesavanje(r.Context(), h.DB, "logo_putanja", ""); err != nil {
+		slog.Error("ukloni logo: greška pri čuvanju", "error", err)
+	}
+	http.Redirect(w, r, "/admin/podesavanja/opste?sacuvano=1", http.StatusSeeOther)
+}
+
 // generisiImeUploada vraća slučajno hex ime (16 bajtova) sa datom ekstenzijom
 func generisiImeUploada(ext string) (string, error) {
 	buf := make([]byte, 16)
@@ -624,8 +652,9 @@ func (h *Handler) napuniPodaciPodesavanja(r *http.Request, naslov string) (Podac
 		Adresa:                          podesavanja["adresa"],
 		Telefon:                         podesavanja["telefon"],
 		PIB:                             podesavanja["pib"],
-		LogoTip:                         podesavanja["logo_tip"],
 		LogoPutanja:                     podesavanja["logo_putanja"],
+		TopbarLogoSlika:                 podesavanja["topbar_logo_slika"] == "1",
+		TopbarLogoTekst:                 podesavanja["topbar_logo_tekst"] == "1",
 		FirmaPravniOblik:                vrednostIliDefault(podesavanja, "firma_pravni_oblik", "pausalac"),
 		FirmaPdvObveznik:                vrednostIliDefault(podesavanja, "firma_pdv_obveznik", "ne"),
 		FirmaFiskalizacija:              vrednostIliDefault(podesavanja, "firma_fiskalizacija", "ne"),

internal/handler/profil.go

@@ -289,3 +289,118 @@ func (h *Handler) SacuvajLokalnuTemu(w http.ResponseWriter, r *http.Request) {
 	}
 	http.Redirect(w, r, "/admin/profil", http.StatusSeeOther)
 }
+
+// ProfilOtpremiAvatar prima upload lične avatar slike korisnika
+func (h *Handler) ProfilOtpremiAvatar(w http.ResponseWriter, r *http.Request) {
+	k := middleware.KorisnikIzKonteksta(r.Context())
+	if k == nil {
+		http.Redirect(w, r, "/prijava", http.StatusSeeOther)
+		return
+	}
+
+	r.Body = http.MaxBytesReader(w, r.Body, 2<<20+4096)
+	if err := r.ParseMultipartForm(2 << 20); err != nil {
+		middleware.SetFlash(w, r, h.DB, "greska", "Fajl je prevelik (maksimum 2 MB).")
+		http.Redirect(w, r, "/profil/tema", http.StatusSeeOther)
+		return
+	}
+
+	fajl, zaglavlje, err := r.FormFile("avatar")
+	if err != nil {
+		middleware.SetFlash(w, r, h.DB, "greska", "Nije odabran fajl.")
+		http.Redirect(w, r, "/profil/tema", http.StatusSeeOther)
+		return
+	}
+	defer fajl.Close()
+
+	ext := strings.ToLower(filepath.Ext(zaglavlje.Filename))
+	dozvoljenoExt := map[string]string{
+		".jpg":  "image/jpeg",
+		".jpeg": "image/jpeg",
+		".png":  "image/png",
+		".webp": "image/webp",
+	}
+	ocekivaniMime, ok := dozvoljenoExt[ext]
+	if !ok {
+		middleware.SetFlash(w, r, h.DB, "greska", "Dozvoljeni formati su JPG, PNG i WebP.")
+		http.Redirect(w, r, "/profil/tema", http.StatusSeeOther)
+		return
+	}
+
+	buf := make([]byte, 512)
+	n, _ := fajl.Read(buf)
+	stvarniMime := http.DetectContentType(buf[:n])
+	if !strings.HasPrefix(stvarniMime, ocekivaniMime) {
+		middleware.SetFlash(w, r, h.DB, "greska", "Sadržaj fajla ne odgovara odabranoj ekstenziji.")
+		http.Redirect(w, r, "/profil/tema", http.StatusSeeOther)
+		return
+	}
+	if _, err := fajl.Seek(0, io.SeekStart); err != nil {
+		middleware.SetFlash(w, r, h.DB, "greska", "Greška pri obradi fajla.")
+		http.Redirect(w, r, "/profil/tema", http.StatusSeeOther)
+		return
+	}
+
+	// briše stari avatar sa diska
+	svezi, _ := h.KorisniciRepo.DohvatiPoID(r.Context(), k.ID)
+	if svezi != nil && svezi.AvatarPutanja != "" {
+		deo, _, _ := strings.Cut(svezi.AvatarPutanja, "?")
+		os.Remove(filepath.Join("web/static/uploads", filepath.Base(deo)))
+	}
+
+	novoIme := fmt.Sprintf("korisnik_%d_avatar%s", k.ID, ext)
+	odrediste := filepath.Join("web/static/uploads", novoIme)
+	dst, err := os.Create(odrediste)
+	if err != nil {
+		slog.Error("ProfilOtpremiAvatar: ne mogu kreirati fajl", "error", err)
+		middleware.SetFlash(w, r, h.DB, "greska", "Greška pri čuvanju fajla.")
+		http.Redirect(w, r, "/profil/tema", http.StatusSeeOther)
+		return
+	}
+	defer dst.Close()
+	if _, err := io.Copy(dst, fajl); err != nil {
+		slog.Error("ProfilOtpremiAvatar: greška pri kopiranju", "error", err)
+		middleware.SetFlash(w, r, h.DB, "greska", "Greška pri čuvanju fajla.")
+		http.Redirect(w, r, "/profil/tema", http.StatusSeeOther)
+		return
+	}
+
+	// cache-buster verzija u URL-u
+	v := fmt.Sprintf("%d", time.Now().Unix())
+	putanja := fmt.Sprintf("/static/uploads/%s?v=%s", novoIme, v)
+
+	if err := h.KorisniciRepo.SacuvajAvatar(r.Context(), k.ID, putanja); err != nil {
+		slog.Error("ProfilOtpremiAvatar: greška pri čuvanju u bazi", "error", err)
+		middleware.SetFlash(w, r, h.DB, "greska", "Greška pri čuvanju.")
+		http.Redirect(w, r, "/profil/tema", http.StatusSeeOther)
+		return
+	}
+
+	middleware.SetFlash(w, r, h.DB, "uspeh", "Avatar je sačuvan.")
+	http.Redirect(w, r, "/profil/tema", http.StatusSeeOther)
+}
+
+// ProfilUkloniAvatar briše ličnu avatar sliku korisnika
+func (h *Handler) ProfilUkloniAvatar(w http.ResponseWriter, r *http.Request) {
+	k := middleware.KorisnikIzKonteksta(r.Context())
+	if k == nil {
+		http.Redirect(w, r, "/prijava", http.StatusSeeOther)
+		return
+	}
+
+	svezi, _ := h.KorisniciRepo.DohvatiPoID(r.Context(), k.ID)
+	if svezi != nil && svezi.AvatarPutanja != "" {
+		deo, _, _ := strings.Cut(svezi.AvatarPutanja, "?")
+		os.Remove(filepath.Join("web/static/uploads", filepath.Base(deo)))
+	}
+
+	if err := h.KorisniciRepo.SacuvajAvatar(r.Context(), k.ID, ""); err != nil {
+		slog.Error("ProfilUkloniAvatar", "error", err)
+		middleware.SetFlash(w, r, h.DB, "greska", "Greška pri uklanjanju avatara.")
+		http.Redirect(w, r, "/profil/tema", http.StatusSeeOther)
+		return
+	}
+
+	middleware.SetFlash(w, r, h.DB, "uspeh", "Avatar je uklonjen.")
+	http.Redirect(w, r, "/profil/tema", http.StatusSeeOther)
+}

internal/model/korisnik.go

@@ -18,6 +18,7 @@ type Korisnik struct {
 	LokalnaPozadinaBlur          string
 	LokalnaPozadinaBlurPozadine  string
 	LokalnaPozadinaGlassOpacity  string
+	AvatarPutanja                string
 }
 
 // Sesija predstavlja aktivnu sesiju prijavljenog korisnika

internal/model/stranica.go

@@ -36,8 +36,10 @@ type PodaciStranice struct {
 	Tema           string
 	NazivFirme     string
 	Podnazlov      string
-	LogoTip        string // "sa_nazivom", "bez_naziva", "slika"
+	LogoPutanja        string // putanja do slike loga firme
-	LogoPutanja    string // putanja do slike, koristi se samo kada je LogoTip "slika"
+	TopbarLogoSlika    bool   // prikaži logo sliku u topbaru
+	TopbarLogoTekst    bool   // prikaži naziv firme u topbaru
+	AvatarPutanja      string // putanja do lične avatar slike korisnika
 	Korisnik           string
 	KorisnikIme    string          // korisničko ime prijavljenog korisnika
 	KorisnikUloga  string          // uloga: "superadmin", "admin", "radnik"

migrations/049_topbar_podesavanja.sql

@@ -0,0 +1,4 @@
+-- topbar podešavanja: switch za logo sliku i switch za naziv firme
+INSERT OR IGNORE INTO podesavanja (kljuc, vrednost) VALUES
+    ('topbar_logo_slika', '1'),
+    ('topbar_logo_tekst', '1');

migrations/050_korisnik_avatar.sql

@@ -0,0 +1,2 @@
+-- lična avatar slika korisnika (prazno = koristi inicijale)
+ALTER TABLE korisnici ADD COLUMN avatar_putanja TEXT NOT NULL DEFAULT '';

web/static/css/main.css

@@ -303,12 +303,28 @@ body {
 }
 
 .topbar-naslov {
-    font-weight: 500;
+    font-weight: 600;
-    font-size: 15px;
+    font-size: 18px;
     color: var(--tekst-glavni);
     flex: 1;
+    min-width: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
 }
 
+/* identifikacija firme u topbaru (naziv + logo) — pomera se i može da se skrati */
+.topbar-firma { flex-shrink: 0; line-height: 1.2; min-width: 0; }
+.topbar-firma .topbar-firma-naziv {
+    font-weight: 700; font-size: 14px; color: var(--tekst-glavni); letter-spacing: -0.2px;
+    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
+}
+.topbar-firma .topbar-firma-podnaziv {
+    font-size: 11px; color: var(--tekst-sporedni);
+    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
+}
+.topbar-logo { height: 34px; width: auto; border-radius: 6px; flex-shrink: 0; }
+
 /* sadržaj stranice */
 .sadrzaj {
     flex: 1;
@@ -583,7 +599,7 @@ body {
 .avatar-korisnik {
     width: 32px;
     height: 32px;
-    border-radius: 50%;
+    border-radius: 9px;
     background: var(--sb-akcent);
     display: flex;
     align-items: center;
@@ -918,6 +934,11 @@ select {
     #hamburger-topbar { display: flex !important; color: var(--tekst-glavni); }
     #hamburger-topbar:hover { background: var(--pozadina); }
 
+    /* na telefonu sklanjamo identifikaciju firme iz topbara — naziv i logo su
+       već vidljivi u bočnom meniju, pa naslov stranice dobija ceo prostor */
+    .topbar-firma, .topbar-logo { display: none; }
+    .topbar-naslov { font-size: 16px; }
+
     /* teme */
     .topbar-teme { display: none; }
     .teme-grid { flex-direction: column !important; }
@@ -1167,6 +1188,23 @@ select {
     }
 }
 
+/* iOS-style toggle switch (.toggl > input[type=checkbox] + .toggl-klizac) */
+.toggl { position:relative; display:inline-block; width:44px; height:26px; flex-shrink:0; }
+.toggl input { opacity:0; width:0; height:0; position:absolute; }
+.toggl-klizac {
+    position:absolute; inset:0; border-radius:26px; cursor:pointer;
+    background:var(--ivica); transition:background 0.2s;
+}
+.toggl-klizac::before {
+    content:''; position:absolute;
+    width:20px; height:20px; border-radius:50%;
+    left:3px; top:3px;
+    background:#fff; box-shadow:0 1px 3px rgba(0,0,0,0.25);
+    transition:transform 0.2s;
+}
+.toggl input:checked + .toggl-klizac { background:var(--sb-akcent); }
+.toggl input:checked + .toggl-klizac::before { transform:translateX(18px); }
+
 /* pomoćne klase (ranije iz Tailwind-a, sada lokalno da ne zavisimo od CDN-a) */
 .grid { display: grid; }
 .gap-3 { gap: 12px; }

web/templates/komponente/sidebar.html

@@ -9,18 +9,10 @@
             </svg>
         </button>
         <div class="logo-zona">
-            {{if eq .LogoTip "slika"}}
-                <img src="{{.LogoPutanja}}" alt="Logo"
-                    style="max-height:48px;width:auto;border-radius:8px;padding:4px;background:var(--kartica);box-shadow:var(--senka);transition:transform 0.2s;flex-shrink:0;"
-                    onmouseover="this.style.transform='scale(1.02)'"
-                    onmouseout="this.style.transform='scale(1)'">
-            {{else if eq .LogoTip "bez_naziva"}}
-            {{else}}
             <div>
                 <div class="logo-naziv">{{.NazivFirme}}</div>
-                    <div class="logo-podnazlov">{{.Podnazlov}}</div>
+                {{if .Podnazlov}}<div class="logo-podnazlov">{{.Podnazlov}}</div>{{end}}
             </div>
-            {{end}}
         </div>
     </div>
 

web/templates/komponente/topbar.html

@@ -10,11 +10,19 @@
         </svg>
     </button>
 
+    {{if and .TopbarLogoSlika .LogoPutanja}}
+    <img src="{{.LogoPutanja}}" alt="Logo" class="topbar-logo">
+    {{end}}
+
     <span class="topbar-naslov">{{.NaslovStranice}}</span>
 
     <div style="position:relative;" id="avatar-wrapper">
-        <div class="avatar-korisnik" id="avatar-dugme" style="cursor:pointer;" title="{{.Korisnik}}">
+        <div class="avatar-korisnik" id="avatar-dugme" style="cursor:pointer;overflow:hidden;" title="{{.Korisnik}}">
+            {{if .AvatarPutanja}}
+            <img src="{{.AvatarPutanja}}" alt="Avatar" style="width:100%;height:100%;object-fit:cover;display:block;">
+            {{else}}
             {{if .Korisnik}}{{slice .Korisnik 0 2}}{{else}}NT{{end}}
+            {{end}}
         </div>
         <div id="avatar-meni" style="display:none;position:fixed;background:var(--kartica);backdrop-filter:none;-webkit-backdrop-filter:none;border:0.5px solid var(--ivica);border-radius:10px;box-shadow:var(--senka);min-width:160px;z-index:9999;overflow:hidden;transform-origin:top right;">
             <a href="/admin/profil" style="display:flex;align-items:center;gap:10px;padding:10px 14px;font-size:14px;color:var(--tekst-glavni);text-decoration:none;transition:background 0.15s;"

web/templates/stranice/podesavanja_opste.html

@@ -11,15 +11,23 @@
 
     <!-- upload loga — posebna forma jer je multipart, mora biti van glavne forme -->
     <form method="POST" action="/podesavanja/logo" enctype="multipart/form-data">
+        <input type="hidden" name="_csrf" value="{{.CsrfToken}}">
         <div class="kartica animiraj" style="margin-bottom:16px;">
             <div style="display:flex;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:12px;border-bottom:0.5px solid var(--ivica);">
                 <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="var(--sb-akcent)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="18" height="18" rx="2"/><circle cx="8.5" cy="8.5" r="1.5"/><polyline points="21 15 16 10 5 21"/></svg>
                 <span style="font-size:15px;font-weight:500;color:var(--tekst-glavni);">Logo firme</span>
             </div>
             {{if .LogoPutanja}}
-            <div style="margin-bottom:12px;">
+            <div style="display:flex;align-items:center;gap:12px;margin-bottom:12px;">
                 <img src="{{.LogoPutanja}}" alt="Trenutni logo"
-                    style="max-height:60px;max-width:200px;object-fit:contain;border:0.5px solid var(--ivica);border-radius:8px;padding:6px;background:var(--kartica);">
+                    style="max-height:60px;max-width:200px;object-fit:contain;border:0.5px solid var(--ivica);border-radius:8px;padding:6px;background:var(--kartica);flex-shrink:0;">
+                <form method="POST" action="/podesavanja/logo/ukloni" style="margin:0;">
+                    <input type="hidden" name="_csrf" value="{{.CsrfToken}}">
+                    <button type="submit"
+                        style="padding:6px 14px;background:none;border:0.5px solid #dc2626;color:#dc2626;border-radius:8px;font-size:13px;cursor:pointer;white-space:nowrap;">
+                        Ukloni sliku
+                    </button>
+                </form>
             </div>
             {{end}}
             <div style="display:flex;gap:10px;align-items:center;flex-wrap:wrap;">
@@ -43,6 +51,7 @@
 
     <!-- firma: naziv, podnazlov, adresa, telefon, PIB, logo zona -->
     <form method="POST" action="/podesavanja/sacuvaj">
+        <input type="hidden" name="_csrf" value="{{.CsrfToken}}">
         <input type="hidden" name="_next" value="/admin/podesavanja/opste">
         <div class="kartica animiraj" style="margin-bottom:16px;">
             <div style="display:flex;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:12px;border-bottom:0.5px solid var(--ivica);">
@@ -87,22 +96,15 @@
                     </div>
                 </div>
 
+                <div style="display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border:0.5px solid var(--ivica);border-radius:8px;">
                     <div>
-                    <label style="font-size:13px;color:var(--tekst-sporedni);display:block;margin-bottom:8px;">Logo zona</label>
+                        <div style="font-size:13px;font-weight:500;color:var(--tekst-glavni);">Prikaži logo u gornjoj traci</div>
-                    <div style="display:flex;gap:10px;flex-wrap:wrap;">
+                        <div style="font-size:12px;color:var(--tekst-sporedni);">Logo slika se prikazuje pored naslova stranice</div>
-                        <label style="display:flex;align-items:center;gap:8px;padding:10px 14px;border:0.5px solid var(--ivica);border-radius:8px;cursor:pointer;flex:1;{{if or (eq .LogoTip "sa_nazivom") (eq .LogoTip "tekst") (eq .LogoTip "ikonica") (not .LogoTip)}}border-color:var(--sb-akcent);background:var(--pozadina);{{end}}">
-                            <input type="radio" name="logo_tip" value="sa_nazivom" {{if or (eq .LogoTip "sa_nazivom") (eq .LogoTip "tekst") (eq .LogoTip "ikonica") (not .LogoTip)}}checked{{end}} style="accent-color:var(--sb-akcent);">
-                            <span style="font-size:13px;color:var(--tekst-glavni);">Sa nazivom</span>
-                        </label>
-                        <label style="display:flex;align-items:center;gap:8px;padding:10px 14px;border:0.5px solid var(--ivica);border-radius:8px;cursor:pointer;flex:1;{{if eq .LogoTip "bez_naziva"}}border-color:var(--sb-akcent);background:var(--pozadina);{{end}}">
-                            <input type="radio" name="logo_tip" value="bez_naziva" {{if eq .LogoTip "bez_naziva"}}checked{{end}} style="accent-color:var(--sb-akcent);">
-                            <span style="font-size:13px;color:var(--tekst-glavni);">Bez naziva</span>
-                        </label>
-                        <label style="display:flex;align-items:center;gap:8px;padding:10px 14px;border:0.5px solid var(--ivica);border-radius:8px;flex:1;{{if eq .LogoTip "slika"}}border-color:var(--sb-akcent);background:var(--pozadina);{{end}}{{if not .LogoPutanja}}opacity:0.45;cursor:not-allowed;{{else}}cursor:pointer;{{end}}">
-                            <input type="radio" name="logo_tip" value="slika" {{if eq .LogoTip "slika"}}checked{{end}} {{if not .LogoPutanja}}disabled{{end}} style="accent-color:var(--sb-akcent);">
-                            <span style="font-size:13px;color:var(--tekst-glavni);">Sa logom</span>
-                        </label>
                     </div>
+                    <label class="toggl">
+                        <input type="checkbox" name="topbar_logo_slika" value="1" {{if .TopbarLogoSlika}}checked{{end}}>
+                        <span class="toggl-klizac"></span>
+                    </label>
                 </div>
 
             </div>
@@ -119,6 +121,7 @@
 
     <!-- profil firme: pravni/poreski status (Faza 0) — određuje koji se zakonski moduli pale -->
     <form method="POST" action="/podesavanja/sacuvaj">
+        <input type="hidden" name="_csrf" value="{{.CsrfToken}}">
         <input type="hidden" name="_next" value="/admin/podesavanja/opste">
         <div class="kartica animiraj" style="margin-bottom:16px;">
             <div style="display:flex;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:12px;border-bottom:0.5px solid var(--ivica);">

web/templates/stranice/profil_tema.html

@@ -74,6 +74,54 @@
         {{end}}
     </div>
 
+    <!-- kartica: moj avatar -->
+    <div class="kartica animiraj" style="margin-bottom:16px;">
+        <div style="display:flex;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:12px;border-bottom:0.5px solid var(--ivica);">
+            <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="var(--sb-akcent)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/></svg>
+            <span style="font-size:15px;font-weight:500;color:var(--tekst-glavni);">Moj avatar</span>
+        </div>
+
+        <div style="display:flex;align-items:center;gap:16px;margin-bottom:16px;">
+            <div style="width:64px;height:64px;border-radius:10px;overflow:hidden;border:0.5px solid var(--ivica);flex-shrink:0;background:var(--pozadina);display:flex;align-items:center;justify-content:center;">
+                {{if .AvatarPutanja}}
+                <img src="{{.AvatarPutanja}}" alt="Moj avatar" style="width:100%;height:100%;object-fit:cover;">
+                {{else}}
+                <span style="font-size:22px;font-weight:600;color:var(--tekst-sporedni);">{{if .KorisnikIme}}{{slice .KorisnikIme 0 2}}{{else}}NT{{end}}</span>
+                {{end}}
+            </div>
+            <div style="font-size:13px;color:var(--tekst-sporedni);line-height:1.5;">
+                Slika se prikazuje kao dugme u gornjoj traci.<br>
+                Dozvoljeni formati: JPG, PNG, WebP. Maksimum 2 MB.
+            </div>
+        </div>
+
+        {{if .AvatarPutanja}}
+        <form method="POST" action="/profil/avatar/ukloni" style="display:inline;margin-bottom:12px;">
+            <input type="hidden" name="_csrf" value="{{.CsrfToken}}">
+            <button type="submit" style="background:none;border:0.5px solid #dc2626;color:#dc2626;padding:6px 14px;border-radius:8px;font-size:13px;cursor:pointer;margin-bottom:12px;">
+                Ukloni avatar
+            </button>
+        </form>
+        {{end}}
+
+        <form method="POST" action="/profil/avatar" enctype="multipart/form-data">
+            <input type="hidden" name="_csrf" value="{{.CsrfToken}}">
+            <div style="display:flex;align-items:center;gap:10px;flex-wrap:wrap;">
+                <input type="file" id="avatar-file" name="avatar" accept=".jpg,.jpeg,.png,.webp"
+                    style="display:none;" onchange="document.getElementById('avatar-ime').textContent=this.files[0]?this.files[0].name:'Nijedan fajl nije izabran'">
+                <label for="avatar-file"
+                    style="display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:0.5px solid var(--ivica);border-radius:8px;cursor:pointer;font-size:13px;color:var(--tekst-glavni);background:var(--pozadina);">
+                    Izaberi sliku
+                </label>
+                <span id="avatar-ime" class="pomocni-tekst">Nijedan fajl nije izabran</span>
+                <button type="submit"
+                    style="background:var(--sb-akcent);color:#fff;border:none;padding:8px 16px;border-radius:8px;font-size:13px;cursor:pointer;">
+                    Otpremi avatar
+                </button>
+            </div>
+        </form>
+    </div>
+
     <!-- kartica: moja pozadinska slika -->
     <div class="kartica animiraj" style="margin-bottom:16px;">
         <div style="display:flex;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:12px;border-bottom:0.5px solid var(--ivica);">