From 5f60964b7ecde7f60d954d98a02f20c3a1ecdbdc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Dalibor=20Markovi=C4=87?= <dalibor31@gmail.com>
Date: Sat, 13 Jun 2026 01:11:50 +0200
Subject: [PATCH] refactor(css): animacije poruka iz dupliranih <style> u
 main.css
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

.poruka-animacija (10 fajlova) i .greska-animacija (7 fajlova) bile su identično
duplirane po stranicama; keyframes (slideDown/shake) su već bili u main.css.
Izdvojene klase u main.css uz keyframes, uklonjeni duplikati. Forma-strane
(dobavljac/podsetnik/magacin/servis_forma) ostale prazan dodatni-css blok →
uklonjen (base.html koristi {{block}} sa difoltom, pa je bezbedno izostaviti).

HTML class= upotrebe netaknute; build, handler testovi i parsiranje prolaze.
---
 web/static/css/main.css                     | 4 ++++
 web/templates/stranice/admin_korisnici.html | 1 -
 web/templates/stranice/dobavljac_forma.html | 6 ------
 web/templates/stranice/dobavljaci.html      | 1 -
 web/templates/stranice/kategorije.html      | 1 -
 web/templates/stranice/klijent_forma.html   | 1 -
 web/templates/stranice/klijenti.html        | 1 -
 web/templates/stranice/magacin_forma.html   | 6 ------
 web/templates/stranice/nabavka_forma.html   | 1 -
 web/templates/stranice/nabavke.html         | 1 -
 web/templates/stranice/podsetnici.html      | 1 -
 web/templates/stranice/podsetnik_forma.html | 6 ------
 web/templates/stranice/prodaja.html         | 1 -
 web/templates/stranice/prodaja_detalji.html | 1 -
 web/templates/stranice/prodaja_forma.html   | 1 -
 web/templates/stranice/servis.html          | 1 -
 web/templates/stranice/servis_detalji.html  | 1 -
 web/templates/stranice/servis_forma.html    | 7 -------
 18 files changed, 4 insertions(+), 38 deletions(-)

diff --git a/web/static/css/main.css b/web/static/css/main.css
index 7a9bac4..3d5135d 100644
--- a/web/static/css/main.css
+++ b/web/static/css/main.css
@@ -970,6 +970,10 @@ select {
     80%       { transform: translateX(4px); }
 }
 
+/* animacije flash/inline poruka (keyframes iznad) */
+.poruka-animacija { animation: slideDown 0.3s ease forwards; }
+.greska-animacija { animation: shake 0.4s ease; }
+
 .animiraj {
     animation: fadeInUp 0.2s ease both;
 }
diff --git a/web/templates/stranice/admin_korisnici.html b/web/templates/stranice/admin_korisnici.html
index 51eb688..00530c1 100644
--- a/web/templates/stranice/admin_korisnici.html
+++ b/web/templates/stranice/admin_korisnici.html
@@ -4,7 +4,6 @@
 
 {{define "dodatni-css"}}
 <style>
-    .poruka-animacija { animation: slideDown 0.3s ease forwards; }
 
     .korisnici-tabela tbody tr:nth-child(1)  { animation-delay: 0.04s; }
     .korisnici-tabela tbody tr:nth-child(2)  { animation-delay: 0.08s; }
diff --git a/web/templates/stranice/dobavljac_forma.html b/web/templates/stranice/dobavljac_forma.html
index c0efa89..f2d108d 100644
--- a/web/templates/stranice/dobavljac_forma.html
+++ b/web/templates/stranice/dobavljac_forma.html
@@ -2,12 +2,6 @@
 
 {{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%;">
 
diff --git a/web/templates/stranice/dobavljaci.html b/web/templates/stranice/dobavljaci.html
index 97408ac..bb15c65 100644
--- a/web/templates/stranice/dobavljaci.html
+++ b/web/templates/stranice/dobavljaci.html
@@ -4,7 +4,6 @@
 
 {{define "dodatni-css"}}
 <style>
-  .poruka-animacija { animation: slideDown 0.3s ease forwards; }
   .dobavljaci-tabela tbody tr:nth-child(1) { animation-delay: 0.04s; }
   .dobavljaci-tabela tbody tr:nth-child(2) { animation-delay: 0.08s; }
   .dobavljaci-tabela tbody tr:nth-child(3) { animation-delay: 0.12s; }
diff --git a/web/templates/stranice/kategorije.html b/web/templates/stranice/kategorije.html
index 76be502..938bb69 100644
--- a/web/templates/stranice/kategorije.html
+++ b/web/templates/stranice/kategorije.html
@@ -4,7 +4,6 @@
 
 {{define "dodatni-css"}}
 <style>
-    .poruka-animacija { animation: slideDown 0.3s ease forwards; }
     .kat-forma-kartica { animation-delay: 0.04s; }
     .kat-red:nth-child(1) { animation-delay: 0.12s; }
     .kat-red:nth-child(2) { animation-delay: 0.18s; }
diff --git a/web/templates/stranice/klijent_forma.html b/web/templates/stranice/klijent_forma.html
index a34817d..8ec1fe5 100644
--- a/web/templates/stranice/klijent_forma.html
+++ b/web/templates/stranice/klijent_forma.html
@@ -4,7 +4,6 @@
 
 {{define "dodatni-css"}}
 <style>
-    .greska-animacija { animation: shake 0.4s ease; }
     .tip-radio { display:flex; gap:12px; }
     .tip-radio label {
         display:flex; align-items:center; gap:6px;
diff --git a/web/templates/stranice/klijenti.html b/web/templates/stranice/klijenti.html
index 7e757f7..21165bf 100644
--- a/web/templates/stranice/klijenti.html
+++ b/web/templates/stranice/klijenti.html
@@ -4,7 +4,6 @@
 
 {{define "dodatni-css"}}
 <style>
-    .poruka-animacija { animation: slideDown 0.3s ease forwards; }
     .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; }
diff --git a/web/templates/stranice/magacin_forma.html b/web/templates/stranice/magacin_forma.html
index 80db9af..f581cc8 100644
--- a/web/templates/stranice/magacin_forma.html
+++ b/web/templates/stranice/magacin_forma.html
@@ -2,12 +2,6 @@
 
 {{define "naslov"}}{{if .Izmena}}Izmeni artikal{{else}}Novi artikal{{end}} — NTech{{end}}
 
-{{define "dodatni-css"}}
-<style>
-    .greska-animacija { animation: shake 0.4s ease; }
-</style>
-{{end}}
-
 {{define "sadrzaj"}}
 <div style="width:100%;">
 
diff --git a/web/templates/stranice/nabavka_forma.html b/web/templates/stranice/nabavka_forma.html
index 917c1db..3f57bbc 100644
--- a/web/templates/stranice/nabavka_forma.html
+++ b/web/templates/stranice/nabavka_forma.html
@@ -7,7 +7,6 @@
     @keyframes modalIn { from { opacity: 0; transform: translateY(-16px) scale(0.97); } to { opacity: 1; transform: translateY(0) scale(1); } }
     .forma-kartica:nth-child(1) { animation-delay: 0.04s; }
     .forma-kartica:nth-child(2) { animation-delay: 0.12s; }
-    .greska-animacija { animation: shake 0.4s ease; }
     .modal-sadrzaj { animation: modalIn 0.25s ease forwards; }
 </style>
 {{end}}
diff --git a/web/templates/stranice/nabavke.html b/web/templates/stranice/nabavke.html
index 8044dd8..351d61c 100644
--- a/web/templates/stranice/nabavke.html
+++ b/web/templates/stranice/nabavke.html
@@ -4,7 +4,6 @@
 
 {{define "dodatni-css"}}
 <style>
-    .poruka-animacija { animation: slideDown 0.3s ease forwards; }
     .nabavke-tabela tbody tr:nth-child(1) { animation-delay: 0.04s; }
     .nabavke-tabela tbody tr:nth-child(2) { animation-delay: 0.08s; }
     .nabavke-tabela tbody tr:nth-child(3) { animation-delay: 0.12s; }
diff --git a/web/templates/stranice/podsetnici.html b/web/templates/stranice/podsetnici.html
index 384b80d..962df42 100644
--- a/web/templates/stranice/podsetnici.html
+++ b/web/templates/stranice/podsetnici.html
@@ -4,7 +4,6 @@
 
 {{define "dodatni-css"}}
 <style>
-    .poruka-animacija { animation: slideDown 0.3s ease forwards; }
 
     .pod-tabela tbody tr:nth-child(1)  { animation-delay: 0.04s; }
     .pod-tabela tbody tr:nth-child(2)  { animation-delay: 0.08s; }
diff --git a/web/templates/stranice/podsetnik_forma.html b/web/templates/stranice/podsetnik_forma.html
index 9750efc..1a288d4 100644
--- a/web/templates/stranice/podsetnik_forma.html
+++ b/web/templates/stranice/podsetnik_forma.html
@@ -2,12 +2,6 @@
 
 {{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%;">
 
diff --git a/web/templates/stranice/prodaja.html b/web/templates/stranice/prodaja.html
index c5f94a0..2923aa7 100644
--- a/web/templates/stranice/prodaja.html
+++ b/web/templates/stranice/prodaja.html
@@ -1,6 +1,5 @@
 {{template "base" .}} {{define "naslov"}}Prodaja — NTech{{end}} {{define "dodatni-css"}}
 <style>
-  .poruka-animacija { animation: slideDown 0.3s ease forwards; }
   .prodaja-tabela tbody tr:nth-child(1) { animation-delay: 0.04s; }
   .prodaja-tabela tbody tr:nth-child(2) { animation-delay: 0.08s; }
   .prodaja-tabela tbody tr:nth-child(3) { animation-delay: 0.12s; }
diff --git a/web/templates/stranice/prodaja_detalji.html b/web/templates/stranice/prodaja_detalji.html
index 7706a0d..948aa69 100644
--- a/web/templates/stranice/prodaja_detalji.html
+++ b/web/templates/stranice/prodaja_detalji.html
@@ -4,7 +4,6 @@
   .detalji-kartica:nth-child(1) { animation-delay: 0.04s; }
   .detalji-kartica:nth-child(2) { animation-delay: 0.12s; }
   .detalji-kartica:nth-child(3) { animation-delay: 0.2s; }
-  .poruka-animacija { animation: slideDown 0.3s ease forwards; }
 </style>
 {{end}} {{define "sadrzaj"}}
 <div style="display: flex; flex-direction: column; gap: 16px">
diff --git a/web/templates/stranice/prodaja_forma.html b/web/templates/stranice/prodaja_forma.html
index 1ce9368..11ba2cd 100644
--- a/web/templates/stranice/prodaja_forma.html
+++ b/web/templates/stranice/prodaja_forma.html
@@ -3,7 +3,6 @@
 <style>
   .forma-kartica:nth-child(1) { animation-delay: 0.04s; }
   .forma-kartica:nth-child(2) { animation-delay: 0.12s; }
-  .greska-animacija { animation: shake 0.4s ease; }
   @media (max-width: 768px) { .stavke-tabela-wrapper { display: none; } .stavke-kartice { display: flex !important; } }
 </style>
 {{end}} {{define "sadrzaj"}}
diff --git a/web/templates/stranice/servis.html b/web/templates/stranice/servis.html
index c971908..c44a008 100644
--- a/web/templates/stranice/servis.html
+++ b/web/templates/stranice/servis.html
@@ -4,7 +4,6 @@
 
 {{define "dodatni-css"}}
 <style>
-    .poruka-animacija { animation: slideDown 0.3s ease forwards; }
 
     .servis-tabela tbody tr:nth-child(1)  { animation-delay: 0.04s; }
     .servis-tabela tbody tr:nth-child(2)  { animation-delay: 0.08s; }
diff --git a/web/templates/stranice/servis_detalji.html b/web/templates/stranice/servis_detalji.html
index 9175841..cf99a3c 100644
--- a/web/templates/stranice/servis_detalji.html
+++ b/web/templates/stranice/servis_detalji.html
@@ -9,7 +9,6 @@
     .detalji-kartica:nth-child(3) { animation-delay: 0.20s; }
     .detalji-kartica:nth-child(4) { animation-delay: 0.28s; }
     .detalji-kartica:nth-child(5) { animation-delay: 0.36s; }
-    .poruka-animacija { animation: slideDown 0.3s ease forwards; }
     .status-badge { display: inline-block; padding: 4px 12px; border-radius: 20px; font-size: 13px; font-weight: 500; white-space: nowrap; }
     .status-primljeno { background: rgba(148,163,184,0.15); color: #94a3b8; }
     .status-dijagnostika { background: rgba(59,130,246,0.15); color: #3b82f6; }
diff --git a/web/templates/stranice/servis_forma.html b/web/templates/stranice/servis_forma.html
index c9c915e..ecf7bfe 100644
--- a/web/templates/stranice/servis_forma.html
+++ b/web/templates/stranice/servis_forma.html
@@ -2,13 +2,6 @@
 
 {{define "naslov"}}{{if .Izmena}}Izmeni nalog{{else}}Novi nalog{{end}} — NTech{{end}}
 
-{{define "dodatni-css"}}
-<style>
-    .greska-animacija { animation: shake 0.4s ease; }
-
-</style>
-{{end}}
-
 {{define "sadrzaj"}}
 <div style="width:100%;">