Dodavanje modula klijenata — lista, forma, izmena, brisanje, ispravka migracije

This commit is contained in:
2026-06-01 23:40:52 +02:00
parent bdf1069fbd
commit f05c93edd2
9 changed files with 867 additions and 0 deletions
+6
View File
@@ -77,6 +77,12 @@ func main() {
r.Get("/dobavljaci/izmeni/{id}", h.IzmeniDobavljaca)
r.Post("/dobavljaci/izmeni/{id}", h.SacuvajIzmeneDobavljaca)
r.Post("/dobavljaci/obrisi/{id}", h.ObrisiDobavljaca)
r.Get("/klijenti", h.Klijenti)
r.Get("/klijenti/novi", h.NoviKlijent)
r.Post("/klijenti/novi", h.SacuvajKlijenta)
r.Get("/klijenti/izmeni/{id}", h.IzmeniKlijenta)
r.Post("/klijenti/izmeni/{id}", h.SacuvajIzmenuKlijenta)
r.Post("/klijenti/obrisi/{id}", h.ObrisiKlijenta)
log.Printf("NTech pokrenut na portu %s", port)
err = http.ListenAndServe(":"+port, r)
+9
View File
@@ -45,3 +45,12 @@ type DobavljacRepository interface {
Izmeni(ctx context.Context, d *model.Dobavljac) error
Obrisi(ctx context.Context, id int64) error
}
// KlijentRepository definiše operacije nad klijentima
type KlijentRepository interface {
Lista(ctx context.Context, pretraga string) ([]model.Klijent, error)
DohvatiID(ctx context.Context, id int64) (*model.Klijent, error)
Kreiraj(ctx context.Context, k *model.Klijent) (int64, error)
Izmeni(ctx context.Context, k *model.Klijent) error
Obrisi(ctx context.Context, id int64) error
}
+137
View File
@@ -0,0 +1,137 @@
package sqlite
import (
"context"
"database/sql"
"fmt"
"ntech/internal/model"
)
// KlijentRepo je SQLite implementacija KlijentRepository interfejsa
type KlijentRepo struct {
db *sql.DB
}
// NoviKlijentRepo kreira novi KlijentRepo
func NoviKlijentRepo(db *sql.DB) *KlijentRepo {
return &KlijentRepo{db: db}
}
// Lista vraća listu klijenata sa opcionom pretragom po imenu, prezimenu ili nazivu firme
func (r *KlijentRepo) Lista(ctx context.Context, pretraga string) ([]model.Klijent, error) {
upit := `
SELECT id, ime, prezime, naziv_firme, pib, telefon, email, napomena, datum_unosa
FROM klijenti
WHERE 1=1`
args := []any{}
if pretraga != "" {
upit += " AND (ime LIKE ? OR prezime LIKE ? OR naziv_firme LIKE ?)"
p := "%" + pretraga + "%"
args = append(args, p, p, p)
}
upit += " ORDER BY datum_unosa DESC"
redovi, err := r.db.QueryContext(ctx, upit, args...)
if err != nil {
return nil, fmt.Errorf("ntech: KlijentRepo.Lista: %w", err)
}
defer redovi.Close()
var rezultat []model.Klijent
for redovi.Next() {
var k model.Klijent
var ime, prezime, nazivFirme, pib, telefon, email, napomena sql.NullString
err := redovi.Scan(
&k.ID, &ime, &prezime, &nazivFirme, &pib, &telefon, &email, &napomena, &k.DatumUnosa,
)
if err != nil {
return nil, fmt.Errorf("ntech: KlijentRepo.Lista: scan: %w", err)
}
k.Ime = ime.String
k.Prezime = prezime.String
k.NazivFirme = nazivFirme.String
k.PIB = pib.String
k.Telefon = telefon.String
k.Email = email.String
k.Napomena = napomena.String
rezultat = append(rezultat, k)
}
return rezultat, nil
}
// DohvatiID vraća jednog klijenta po ID-u
func (r *KlijentRepo) DohvatiID(ctx context.Context, id int64) (*model.Klijent, error) {
var k model.Klijent
var ime, prezime, nazivFirme, pib, telefon, email, napomena sql.NullString
err := r.db.QueryRowContext(ctx, `
SELECT id, ime, prezime, naziv_firme, pib, telefon, email, napomena, datum_unosa
FROM klijenti WHERE id = ?`, id).Scan(
&k.ID, &ime, &prezime, &nazivFirme, &pib, &telefon, &email, &napomena, &k.DatumUnosa,
)
if err != nil {
return nil, fmt.Errorf("ntech: KlijentRepo.DohvatiID: %w", err)
}
k.Ime = ime.String
k.Prezime = prezime.String
k.NazivFirme = nazivFirme.String
k.PIB = pib.String
k.Telefon = telefon.String
k.Email = email.String
k.Napomena = napomena.String
return &k, nil
}
// Kreiraj dodaje novog klijenta u bazu
func (r *KlijentRepo) Kreiraj(ctx context.Context, k *model.Klijent) (int64, error) {
rezultat, err := r.db.ExecContext(ctx, `
INSERT INTO klijenti (ime, prezime, naziv_firme, pib, telefon, email, napomena)
VALUES (?, ?, ?, ?, ?, ?, ?)`,
nullString(k.Ime), nullString(k.Prezime), nullString(k.NazivFirme),
nullString(k.PIB), nullString(k.Telefon), nullString(k.Email), nullString(k.Napomena),
)
if err != nil {
return 0, fmt.Errorf("ntech: KlijentRepo.Kreiraj: %w", err)
}
id, err := rezultat.LastInsertId()
if err != nil {
return 0, fmt.Errorf("ntech: KlijentRepo.Kreiraj: last insert id: %w", err)
}
return id, nil
}
// Izmeni ažurira postojećeg klijenta
func (r *KlijentRepo) Izmeni(ctx context.Context, k *model.Klijent) error {
_, err := r.db.ExecContext(ctx, `
UPDATE klijenti SET
ime = ?, prezime = ?, naziv_firme = ?, pib = ?, telefon = ?, email = ?, napomena = ?
WHERE id = ?`,
nullString(k.Ime), nullString(k.Prezime), nullString(k.NazivFirme),
nullString(k.PIB), nullString(k.Telefon), nullString(k.Email), nullString(k.Napomena),
k.ID,
)
if err != nil {
return fmt.Errorf("ntech: KlijentRepo.Izmeni: %w", err)
}
return nil
}
// Obrisi briše klijenta po ID-u
func (r *KlijentRepo) Obrisi(ctx context.Context, id int64) error {
_, err := r.db.ExecContext(ctx, "DELETE FROM klijenti WHERE id = ?", id)
if err != nil {
return fmt.Errorf("ntech: KlijentRepo.Obrisi: %w", err)
}
return nil
}
+2
View File
@@ -14,6 +14,7 @@ type Handler struct {
KategorijeRepo db.KategorijaRepository
DobavljaciRepo db.DobavljacRepository
NabavkeRepo db.NabavkaRepository
KlijentiRepo db.KlijentRepository
}
// Novi kreira novi Handler sa datom bazom
@@ -24,5 +25,6 @@ func Novi(baza *sql.DB) *Handler {
KategorijeRepo: sqlite.NovaKategorijaRepo(baza),
DobavljaciRepo: sqlite.NoviDobavljacRepo(baza),
NabavkeRepo: sqlite.NoviNabavkaRepo(baza),
KlijentiRepo: sqlite.NoviKlijentRepo(baza),
}
}
+313
View File
@@ -0,0 +1,313 @@
package handler
import (
"html/template"
"log"
"net/http"
"strings"
"ntech/internal/db/sqlite"
"ntech/internal/model"
"github.com/go-chi/chi/v5"
)
// PodaciKlijenata su podaci za stranicu sa listom klijenata
type PodaciKlijenata struct {
model.PodaciStranice
Klijenti []model.Klijent
Pretraga string
Sacuvano bool
Obrisan bool
}
// PodaciFormeKlijenta su podaci za formu novog/izmenjenog klijenta
type PodaciFormeKlijenta struct {
model.PodaciStranice
Klijent model.Klijent
Greska string
Izmena bool
}
// Klijenti renderuje listu svih klijenata sa opcionom pretragom
func (h *Handler) Klijenti(w http.ResponseWriter, r *http.Request) {
podesavanja, err := sqlite.DohvatiSvaPodesavanja(r.Context(), h.DB)
if err != nil {
http.Error(w, "Greška pri učitavanju podešavanja", http.StatusInternalServerError)
return
}
pretraga := r.URL.Query().Get("pretraga")
klijenti, err := h.KlijentiRepo.Lista(r.Context(), pretraga)
if err != nil {
http.Error(w, "Greška pri učitavanju klijenata", http.StatusInternalServerError)
return
}
podaci := PodaciKlijenata{
PodaciStranice: model.PodaciStranice{
Stranica: "klijenti",
NaslovStranice: "Klijenti",
Tema: podesavanja["tema"],
NazivFirme: podesavanja["naziv_firme"],
Podnazlov: podesavanja["podnazlov"],
LogoTip: podesavanja["logo_tip"],
LogoPutanja: podesavanja["logo_putanja"],
Korisnik: "Admin",
},
Klijenti: klijenti,
Pretraga: pretraga,
Sacuvano: r.URL.Query().Get("sacuvano") == "1",
Obrisan: r.URL.Query().Get("obrisan") == "1",
}
tmpl, err := template.ParseFiles(
"web/templates/teme/podrazumevana/base.html",
"web/templates/komponente/sidebar.html",
"web/templates/komponente/topbar.html",
"web/templates/stranice/klijenti.html",
)
if err != nil {
log.Printf("greška pri učitavanju šablona: %v", err)
http.Error(w, "Greška pri učitavanju stranice", http.StatusInternalServerError)
return
}
if err := tmpl.ExecuteTemplate(w, "base", podaci); err != nil {
log.Printf("greška pri renderovanju: %v", err)
http.Error(w, "Greška pri prikazu stranice", http.StatusInternalServerError)
}
}
// NoviKlijent prikazuje praznu formu za unos novog klijenta
func (h *Handler) NoviKlijent(w http.ResponseWriter, r *http.Request) {
podesavanja, err := sqlite.DohvatiSvaPodesavanja(r.Context(), h.DB)
if err != nil {
http.Error(w, "Greška pri učitavanju podešavanja", http.StatusInternalServerError)
return
}
renderujFormuKlijenta(w, PodaciFormeKlijenta{
PodaciStranice: model.PodaciStranice{
Stranica: "klijenti",
NaslovStranice: "Novi klijent",
Tema: podesavanja["tema"],
NazivFirme: podesavanja["naziv_firme"],
Podnazlov: podesavanja["podnazlov"],
LogoTip: podesavanja["logo_tip"],
LogoPutanja: podesavanja["logo_putanja"],
Korisnik: "Admin",
},
Izmena: false,
})
}
// SacuvajKlijenta prima POST formu i upisuje novog klijenta u bazu
func (h *Handler) SacuvajKlijenta(w http.ResponseWriter, r *http.Request) {
if err := r.ParseForm(); err != nil {
http.Error(w, "Greška pri čitanju forme", http.StatusBadRequest)
return
}
klijent, greska := parseFormuKlijenta(r)
if greska != "" {
podesavanja, _ := sqlite.DohvatiSvaPodesavanja(r.Context(), h.DB)
renderujFormuKlijenta(w, PodaciFormeKlijenta{
PodaciStranice: model.PodaciStranice{
Stranica: "klijenti",
NaslovStranice: "Novi klijent",
Tema: podesavanja["tema"],
NazivFirme: podesavanja["naziv_firme"],
Podnazlov: podesavanja["podnazlov"],
LogoTip: podesavanja["logo_tip"],
LogoPutanja: podesavanja["logo_putanja"],
Korisnik: "Admin",
},
Klijent: klijent,
Greska: greska,
Izmena: false,
})
return
}
if _, err := h.KlijentiRepo.Kreiraj(r.Context(), &klijent); err != nil {
log.Printf("greška pri čuvanju klijenta: %v", err)
podesavanja, _ := sqlite.DohvatiSvaPodesavanja(r.Context(), h.DB)
renderujFormuKlijenta(w, PodaciFormeKlijenta{
PodaciStranice: model.PodaciStranice{
Stranica: "klijenti",
NaslovStranice: "Novi klijent",
Tema: podesavanja["tema"],
NazivFirme: podesavanja["naziv_firme"],
Podnazlov: podesavanja["podnazlov"],
LogoTip: podesavanja["logo_tip"],
LogoPutanja: podesavanja["logo_putanja"],
Korisnik: "Admin",
},
Klijent: klijent,
Greska: "Došlo je do greške pri čuvanju. Pokušajte ponovo.",
Izmena: false,
})
return
}
http.Redirect(w, r, "/klijenti?sacuvano=1", http.StatusSeeOther)
}
// IzmeniKlijenta učitava klijenta po ID-u i prikazuje popunjenu formu za izmenu
func (h *Handler) IzmeniKlijenta(w http.ResponseWriter, r *http.Request) {
id, err := parseID(chi.URLParam(r, "id"))
if err != nil {
http.Error(w, "Neispravan ID klijenta", http.StatusBadRequest)
return
}
klijent, err := h.KlijentiRepo.DohvatiID(r.Context(), id)
if err != nil {
http.Error(w, "Klijent nije pronađen", http.StatusNotFound)
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
}
renderujFormuKlijenta(w, PodaciFormeKlijenta{
PodaciStranice: model.PodaciStranice{
Stranica: "klijenti",
NaslovStranice: "Izmeni klijenta",
Tema: podesavanja["tema"],
NazivFirme: podesavanja["naziv_firme"],
Podnazlov: podesavanja["podnazlov"],
LogoTip: podesavanja["logo_tip"],
LogoPutanja: podesavanja["logo_putanja"],
Korisnik: "Admin",
},
Klijent: *klijent,
Izmena: true,
})
}
// SacuvajIzmenuKlijenta prima POST formu i ažurira postojećeg klijenta u bazi
func (h *Handler) SacuvajIzmenuKlijenta(w http.ResponseWriter, r *http.Request) {
id, err := parseID(chi.URLParam(r, "id"))
if err != nil {
http.Error(w, "Neispravan ID klijenta", http.StatusBadRequest)
return
}
if err := r.ParseForm(); err != nil {
http.Error(w, "Greška pri čitanju forme", http.StatusBadRequest)
return
}
klijent, greska := parseFormuKlijenta(r)
if greska != "" {
podesavanja, _ := sqlite.DohvatiSvaPodesavanja(r.Context(), h.DB)
klijent.ID = id
renderujFormuKlijenta(w, PodaciFormeKlijenta{
PodaciStranice: model.PodaciStranice{
Stranica: "klijenti",
NaslovStranice: "Izmeni klijenta",
Tema: podesavanja["tema"],
NazivFirme: podesavanja["naziv_firme"],
Podnazlov: podesavanja["podnazlov"],
LogoTip: podesavanja["logo_tip"],
LogoPutanja: podesavanja["logo_putanja"],
Korisnik: "Admin",
},
Klijent: klijent,
Greska: greska,
Izmena: true,
})
return
}
klijent.ID = id
if err := h.KlijentiRepo.Izmeni(r.Context(), &klijent); err != nil {
log.Printf("greška pri čuvanju izmene klijenta: %v", err)
podesavanja, _ := sqlite.DohvatiSvaPodesavanja(r.Context(), h.DB)
renderujFormuKlijenta(w, PodaciFormeKlijenta{
PodaciStranice: model.PodaciStranice{
Stranica: "klijenti",
NaslovStranice: "Izmeni klijenta",
Tema: podesavanja["tema"],
NazivFirme: podesavanja["naziv_firme"],
Podnazlov: podesavanja["podnazlov"],
LogoTip: podesavanja["logo_tip"],
LogoPutanja: podesavanja["logo_putanja"],
Korisnik: "Admin",
},
Klijent: klijent,
Greska: "Došlo je do greške pri čuvanju. Pokušajte ponovo.",
Izmena: true,
})
return
}
http.Redirect(w, r, "/klijenti?sacuvano=1", http.StatusSeeOther)
}
// ObrisiKlijenta prima POST zahtev i briše klijenta po ID-u
func (h *Handler) ObrisiKlijenta(w http.ResponseWriter, r *http.Request) {
id, err := parseID(chi.URLParam(r, "id"))
if err != nil {
http.Error(w, "Neispravan ID klijenta", http.StatusBadRequest)
return
}
if err := h.KlijentiRepo.Obrisi(r.Context(), id); err != nil {
http.Error(w, "Greška pri brisanju klijenta", http.StatusInternalServerError)
return
}
http.Redirect(w, r, "/klijenti?obrisan=1", http.StatusSeeOther)
}
// parseFormuKlijenta čita polja iz HTTP forme, validira ih i vraća model i eventualnu grešku
func parseFormuKlijenta(r *http.Request) (model.Klijent, string) {
ime := strings.TrimSpace(r.FormValue("ime"))
nazivFirme := strings.TrimSpace(r.FormValue("naziv_firme"))
if ime == "" && nazivFirme == "" {
return model.Klijent{}, "Mora biti uneto ime i prezime ili naziv firme."
}
email := strings.TrimSpace(r.FormValue("email"))
if email != "" && !strings.Contains(email, "@") {
return model.Klijent{}, "Adresa e-pošte nije ispravna."
}
return model.Klijent{
Ime: ime,
Prezime: strings.TrimSpace(r.FormValue("prezime")),
NazivFirme: nazivFirme,
PIB: strings.TrimSpace(r.FormValue("pib")),
Telefon: strings.TrimSpace(r.FormValue("telefon")),
Email: email,
Napomena: strings.TrimSpace(r.FormValue("napomena")),
}, ""
}
// renderujFormuKlijenta renderuje HTML šablon forme za unos ili izmenu klijenta
func renderujFormuKlijenta(w http.ResponseWriter, podaci PodaciFormeKlijenta) {
tmpl, err := template.ParseFiles(
"web/templates/teme/podrazumevana/base.html",
"web/templates/komponente/sidebar.html",
"web/templates/komponente/topbar.html",
"web/templates/stranice/klijent_forma.html",
)
if err != nil {
log.Printf("greška pri učitavanju šablona: %v", err)
http.Error(w, "Greška pri učitavanju stranice", http.StatusInternalServerError)
return
}
if err := tmpl.ExecuteTemplate(w, "base", podaci); err != nil {
log.Printf("greška pri renderovanju: %v", err)
http.Error(w, "Greška pri prikazu stranice", http.StatusInternalServerError)
}
}
+16
View File
@@ -0,0 +1,16 @@
package model
import "time"
// Klijent predstavlja jednog klijenta — fizičko lice ili firmu
type Klijent struct {
ID int64
Ime string
Prezime string
NazivFirme string
PIB string
Telefon string
Email string
Napomena string
DatumUnosa time.Time
}
+18
View File
@@ -0,0 +1,18 @@
-- uklanja NOT NULL sa ime i prezime jer klijent može biti samo firma
CREATE TABLE IF NOT EXISTS klijenti_novi (
id INTEGER PRIMARY KEY AUTOINCREMENT,
ime TEXT,
prezime TEXT,
naziv_firme TEXT,
pib TEXT,
telefon TEXT,
email TEXT,
napomena TEXT,
datum_unosa DATETIME NOT NULL DEFAULT CURRENT_TIMESTAMP
);
INSERT INTO klijenti_novi SELECT id, ime, prezime, naziv_firme, pib, telefon, email, napomena, datum_unosa FROM klijenti;
DROP TABLE klijenti;
ALTER TABLE klijenti_novi RENAME TO klijenti;
+156
View File
@@ -0,0 +1,156 @@
{{template "base" .}}
{{define "naslov"}}{{if .Izmena}}Izmeni klijenta{{else}}Novi klijent{{end}} — NTech{{end}}
{{define "dodatni-css"}}
<style>
@keyframes fadeInUp {
from { opacity: 0; transform: translateY(10px); }
to { opacity: 1; transform: translateY(0); }
}
@keyframes shake {
0%, 100% { transform: translateX(0); }
20% { transform: translateX(-6px); }
40% { transform: translateX(6px); }
60% { transform: translateX(-4px); }
80% { transform: translateX(4px); }
}
.forma-kartica {
animation: fadeInUp 0.3s ease forwards;
}
.greska-animacija {
animation: shake 0.4s ease;
}
@media (max-width: 768px) {
.forma-grid-2 { grid-template-columns: 1fr !important; }
}
</style>
{{end}}
{{define "sadrzaj"}}
<div style="width:100%;">
<!-- nazad dugme -->
<a href="/klijenti"
style="display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--tekst-sporedni);text-decoration:none;margin-bottom:20px;transition:color 0.2s;"
onmouseover="this.style.color='var(--tekst-glavni)'" onmouseout="this.style.color='var(--tekst-sporedni)'">
<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"><polyline points="15 18 9 12 15 6"/></svg>
Nazad na klijente
</a>
<div class="kartica forma-kartica">
<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 klijenta{{else}}Novi klijent{{end}}
</span>
</div>
{{if .Greska}}
<div class="greska-animacija"
style="background:var(--kartica);border:0.5px solid #dc2626;border-radius:8px;padding:10px 14px;margin-bottom:16px;font-size:13px;color:#dc2626;">
{{.Greska}}
</div>
{{end}}
<form method="POST" action="{{if .Izmena}}/klijenti/izmeni/{{.Klijent.ID}}{{else}}/klijenti/novi{{end}}">
<div style="display:flex;flex-direction:column;gap:14px;">
<!-- ime i prezime -->
<div>
<div style="font-size:12px;font-weight:500;color:var(--tekst-sporedni);text-transform:uppercase;letter-spacing:0.05em;margin-bottom:10px;">
Fizičko lice
</div>
<div class="forma-grid-2" style="display:grid;grid-template-columns:1fr 1fr;gap:12px;">
<div>
<label style="font-size:13px;color:var(--tekst-sporedni);display:block;margin-bottom:6px;">Ime</label>
<input type="text" name="ime" value="{{.Klijent.Ime}}"
placeholder="npr. Marko"
style="width:100%;">
</div>
<div>
<label style="font-size:13px;color:var(--tekst-sporedni);display:block;margin-bottom:6px;">Prezime</label>
<input type="text" name="prezime" value="{{.Klijent.Prezime}}"
placeholder="npr. Petrović"
style="width:100%;">
</div>
</div>
</div>
<!-- naziv firme i pib -->
<div>
<div style="font-size:12px;font-weight:500;color:var(--tekst-sporedni);text-transform:uppercase;letter-spacing:0.05em;margin-bottom:10px;">
Firma
</div>
<div class="forma-grid-2" style="display:grid;grid-template-columns:1fr 1fr;gap:12px;">
<div>
<label style="font-size:13px;color:var(--tekst-sporedni);display:block;margin-bottom:6px;">Naziv firme</label>
<input type="text" name="naziv_firme" value="{{.Klijent.NazivFirme}}"
placeholder="npr. TechSolutions d.o.o."
style="width:100%;">
</div>
<div>
<label style="font-size:13px;color:var(--tekst-sporedni);display:block;margin-bottom:6px;">PIB</label>
<input type="text" name="pib" value="{{.Klijent.PIB}}"
placeholder="npr. 123456789"
style="width:100%;">
</div>
</div>
</div>
<!-- telefon i e-pošta -->
<div>
<div style="font-size:12px;font-weight:500;color:var(--tekst-sporedni);text-transform:uppercase;letter-spacing:0.05em;margin-bottom:10px;">
Kontakt
</div>
<div class="forma-grid-2" style="display:grid;grid-template-columns:1fr 1fr;gap:12px;">
<div>
<label style="font-size:13px;color:var(--tekst-sporedni);display:block;margin-bottom:6px;">Telefon</label>
<input type="text" name="telefon" value="{{.Klijent.Telefon}}"
placeholder="npr. 060 123 4567"
style="width:100%;">
</div>
<div>
<label style="font-size:13px;color:var(--tekst-sporedni);display:block;margin-bottom:6px;">E-pošta</label>
<input type="text" name="email" value="{{.Klijent.Email}}"
placeholder="npr. marko@example.com"
style="width:100%;">
</div>
</div>
</div>
<!-- napomena -->
<div>
<label style="font-size:13px;color:var(--tekst-sporedni);display:block;margin-bottom:6px;">Napomena</label>
<textarea name="napomena" rows="3"
placeholder="Interna napomena o klijentu..."
style="width:100%;resize:vertical;">{{.Klijent.Napomena}}</textarea>
</div>
<!-- obaveštenje o obaveznim poljima -->
<div style="font-size:12px;color:var(--tekst-sporedni);">
Mora biti uneto ime i prezime <em>ili</em> naziv firme.
</div>
<!-- dugmad -->
<div style="display:flex;justify-content:flex-end;gap:10px;margin-top:6px;">
<a href="/klijenti"
style="padding:9px 20px;border:0.5px solid var(--ivica);border-radius:8px;font-size:14px;color:var(--tekst-sporedni);text-decoration:none;transition:background 0.2s;"
onmouseover="this.style.background='var(--pozadina)'" onmouseout="this.style.background=''">
Odustani
</a>
<button type="submit"
style="padding:9px 20px;background:var(--sb-akcent);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:opacity 0.2s;"
onmouseover="this.style.opacity='0.85'" onmouseout="this.style.opacity='1'">
{{if .Izmena}}Sačuvaj izmene{{else}}Dodaj klijenta{{end}}
</button>
</div>
</div>
</form>
</div>
</div>
{{end}}
+210
View File
@@ -0,0 +1,210 @@
{{template "base" .}}
{{define "naslov"}}Klijenti — NTech{{end}}
{{define "dodatni-css"}}
<style>
@keyframes slideDown {
from { opacity: 0; transform: translateY(-10px); }
to { opacity: 1; transform: translateY(0); }
}
@keyframes fadeInUp {
from { opacity: 0; transform: translateY(8px); }
to { opacity: 1; transform: translateY(0); }
}
.poruka-animacija {
animation: slideDown 0.3s ease forwards;
}
.klijenti-tabela tbody tr {
animation: fadeInUp 0.25s ease forwards;
opacity: 0;
}
.klijenti-tabela tbody tr:nth-child(1) { animation-delay: 0.04s; }
.klijenti-tabela tbody tr:nth-child(2) { animation-delay: 0.08s; }
.klijenti-tabela tbody tr:nth-child(3) { animation-delay: 0.12s; }
.klijenti-tabela tbody tr:nth-child(4) { animation-delay: 0.16s; }
.klijenti-tabela tbody tr:nth-child(5) { animation-delay: 0.20s; }
.klijenti-tabela tbody tr:nth-child(6) { animation-delay: 0.24s; }
.klijenti-tabela tbody tr:nth-child(7) { animation-delay: 0.28s; }
.klijenti-tabela tbody tr:nth-child(8) { animation-delay: 0.32s; }
.klijenti-tabela tbody tr:nth-child(9) { animation-delay: 0.36s; }
.klijenti-tabela tbody tr:nth-child(10) { animation-delay: 0.40s; }
.klijenti-kartice {
display: none;
flex-direction: column;
gap: 12px;
}
.klijent-kartica {
animation: fadeInUp 0.25s ease forwards;
opacity: 0;
}
.klijent-kartica:nth-child(1) { animation-delay: 0.04s; }
.klijent-kartica:nth-child(2) { animation-delay: 0.10s; }
.klijent-kartica:nth-child(3) { animation-delay: 0.16s; }
.klijent-kartica:nth-child(4) { animation-delay: 0.22s; }
.klijent-kartica:nth-child(5) { animation-delay: 0.28s; }
@media (max-width: 768px) {
.klijenti-tabela { display: none; }
.klijenti-kartice { display: flex; }
}
</style>
{{end}}
{{define "sadrzaj"}}
<div style="display:flex;flex-direction:column;gap:16px;">
{{if .Sacuvano}}
<div class="poruka-uspeh poruka-animacija">Klijent je uspešno sačuvan.</div>
{{end}}
{{if .Obrisan}}
<div class="poruka-uspeh poruka-animacija">Klijent je uspešno obrisan.</div>
{{end}}
<!-- gornja traka: dugme + pretraga -->
<div style="display:flex;gap:10px;flex-wrap:wrap;align-items:center;">
<a href="/klijenti/novi"
style="padding:8px 16px;background:var(--sb-akcent);color:#fff;border-radius:8px;font-size:14px;font-weight:500;text-decoration:none;white-space:nowrap;transition:opacity 0.2s;"
onmouseover="this.style.opacity='0.85'" onmouseout="this.style.opacity='1'">
+ Novi klijent
</a>
<form method="GET" action="/klijenti" style="display:flex;gap:8px;flex:1;min-width:200px;">
<input type="text" name="pretraga" value="{{.Pretraga}}"
placeholder="Pretraži po imenu ili nazivu firme..."
style="flex:1;">
<button type="submit"
style="padding:8px 16px;background:var(--sb-aktivan);color:#fff;border:none;border-radius:8px;font-size:14px;cursor:pointer;white-space:nowrap;transition:opacity 0.2s;"
onmouseover="this.style.opacity='0.85'" onmouseout="this.style.opacity='1'">
Traži
</button>
</form>
</div>
<!-- desktop tabela -->
<div class="kartica klijenti-tabela" style="padding:0;overflow:hidden;">
<div style="overflow-x:auto;">
<table style="width:100%;border-collapse:collapse;">
<thead>
<tr style="border-bottom:0.5px solid var(--ivica);">
<th style="padding:12px 16px;text-align:left;font-size:12px;font-weight:500;color:var(--tekst-sporedni);">Ime / Naziv firme</th>
<th style="padding:12px 16px;text-align:left;font-size:12px;font-weight:500;color:var(--tekst-sporedni);">Telefon</th>
<th style="padding:12px 16px;text-align:left;font-size:12px;font-weight:500;color:var(--tekst-sporedni);">E-pošta</th>
<th style="padding:12px 16px;text-align:left;font-size:12px;font-weight:500;color:var(--tekst-sporedni);">Datum unosa</th>
<th style="padding:12px 16px;text-align:center;font-size:12px;font-weight:500;color:var(--tekst-sporedni);">Akcije</th>
</tr>
</thead>
<tbody>
{{range .Klijenti}}
<tr style="border-bottom:0.5px solid var(--ivica);transition:background 0.15s;"
onmouseover="this.style.background='var(--pozadina)'"
onmouseout="this.style.background=''">
<td style="padding:12px 16px;">
{{if .NazivFirme}}
<div style="font-size:14px;font-weight:500;color:var(--tekst-glavni);">{{.NazivFirme}}</div>
{{if or .Ime .Prezime}}
<div style="font-size:12px;color:var(--tekst-sporedni);margin-top:2px;">{{.Ime}} {{.Prezime}}</div>
{{end}}
{{else}}
<div style="font-size:14px;font-weight:500;color:var(--tekst-glavni);">{{.Ime}} {{.Prezime}}</div>
{{end}}
</td>
<td style="padding:12px 16px;font-size:13px;color:var(--tekst-sporedni);">
{{if .Telefon}}{{.Telefon}}{{else}}—{{end}}
</td>
<td style="padding:12px 16px;font-size:13px;color:var(--tekst-sporedni);">
{{if .Email}}{{.Email}}{{else}}—{{end}}
</td>
<td style="padding:12px 16px;font-size:13px;color:var(--tekst-sporedni);">
{{.DatumUnosa.Format "02.01.2006."}}
</td>
<td style="padding:12px 16px;text-align:center;">
<div style="display:flex;align-items:center;justify-content:center;gap:8px;">
<a href="/klijenti/izmeni/{{.ID}}"
style="padding:4px 10px;background:var(--sb-aktivan);color:#fff;border-radius:6px;font-size:12px;text-decoration:none;transition:opacity 0.2s;"
onmouseover="this.style.opacity='0.8'" onmouseout="this.style.opacity='1'">
Izmeni
</a>
<form method="POST" action="/klijenti/obrisi/{{.ID}}" style="display:inline;">
<button type="submit"
onclick="return confirm('Da li ste sigurni da želite da obrišete klijenta?')"
style="padding:4px 10px;background:#dc2626;color:#fff;border:none;border-radius:6px;font-size:12px;cursor:pointer;transition:opacity 0.2s;"
onmouseover="this.style.opacity='0.8'" onmouseout="this.style.opacity='1'">
Obriši
</button>
</form>
</div>
</td>
</tr>
{{else}}
<tr>
<td colspan="5" style="padding:32px;text-align:center;font-size:14px;color:var(--tekst-sporedni);">
Nema klijenata. <a href="/klijenti/novi" style="color:var(--sb-akcent);">Dodaj prvog klijenta.</a>
</td>
</tr>
{{end}}
</tbody>
</table>
</div>
</div>
<!-- mobilne kartice -->
<div class="klijenti-kartice">
{{range .Klijenti}}
<div class="kartica klijent-kartica">
<div style="display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px;">
<div>
{{if .NazivFirme}}
<div style="font-size:15px;font-weight:500;color:var(--tekst-glavni);">{{.NazivFirme}}</div>
{{if or .Ime .Prezime}}
<div style="font-size:12px;color:var(--tekst-sporedni);margin-top:2px;">{{.Ime}} {{.Prezime}}</div>
{{end}}
{{else}}
<div style="font-size:15px;font-weight:500;color:var(--tekst-glavni);">{{.Ime}} {{.Prezime}}</div>
{{end}}
</div>
<div style="display:flex;gap:8px;flex-shrink:0;">
<a href="/klijenti/izmeni/{{.ID}}"
style="padding:4px 10px;background:var(--sb-aktivan);color:#fff;border-radius:6px;font-size:12px;text-decoration:none;">
Izmeni
</a>
<form method="POST" action="/klijenti/obrisi/{{.ID}}" style="display:inline;">
<button type="submit"
onclick="return confirm('Da li ste sigurni da želite da obrišete klijenta?')"
style="padding:4px 10px;background:#dc2626;color:#fff;border:none;border-radius:6px;font-size:12px;cursor:pointer;">
Obriši
</button>
</form>
</div>
</div>
<div style="display:flex;flex-direction:column;gap:6px;">
{{if .Telefon}}
<div style="font-size:13px;color:var(--tekst-sporedni);">
<span style="color:var(--tekst-glavni);font-weight:500;">Telefon:</span> {{.Telefon}}
</div>
{{end}}
{{if .Email}}
<div style="font-size:13px;color:var(--tekst-sporedni);">
<span style="color:var(--tekst-glavni);font-weight:500;">E-pošta:</span> {{.Email}}
</div>
{{end}}
<div style="font-size:12px;color:var(--tekst-sporedni);margin-top:2px;">
{{.DatumUnosa.Format "02.01.2006."}}
</div>
</div>
</div>
{{else}}
<div style="padding:32px;text-align:center;font-size:14px;color:var(--tekst-sporedni);">
Nema klijenata. <a href="/klijenti/novi" style="color:var(--sb-akcent);">Dodaj prvog klijenta.</a>
</div>
{{end}}
</div>
</div>
{{end}}