Popravka sidebara: kolaps, podmeni i HTMX navigacija

web/static/css/main.css

@@ -208,8 +208,22 @@ body {
 /* accordion podmeni u sidebaru */
 .nav-podmeni {
     overflow: hidden;
+    max-height: 0;
+    transition: max-height 0.22s ease-out;
+}
+.nav-podmeni.otvoren {
+    max-height: 300px;
+    transition: max-height 0.25s ease-in;
+}
+/* pri inicijalnom učitavanju sprečavamo animaciju podmenia */
+.nav-podmeni.bez-tranzicije {
+    transition: none !important;
+}
+/* u skupljenom modu podmeni se nikad ne prikazuje */
+.sidebar.skupljen .nav-podmeni {
+    max-height: 0 !important;
+    transition: none;
 }
-/* u skupljenom modu alpine x-show kontroliše vidljivost — ne skrivamo display:none */
 .nav-podstavka {
     padding-left: 48px !important;
 }
@@ -256,8 +270,10 @@ body {
     display: none;
 }
 
-.nav-stavka:hover .nav-tooltip {
+/* specifičniji selektor pobjeđuje .sidebar.skupljen .nav-stavka span { opacity:0 } */
+.sidebar.skupljen .nav-stavka:hover .nav-tooltip {
     opacity: 1;
+    pointer-events: none;
 }
 
 /* dno sidebara */

web/static/js/ntech.js

@@ -1,3 +1,43 @@
+// otvara/zatvara podmeni u sidebaru — funkcioniše i posle HTMX swap-a (čisti onclick, bez Alpine-a)
+function ntechTogglePodmeni(btn) {
+    var sidebar = document.getElementById('sidebar');
+    // ako je sidebar skupljen, raširimo ga pre nego otvorimo podmeni
+    if (sidebar && sidebar.classList.contains('skupljen')) {
+        sidebar.classList.remove('skupljen');
+        localStorage.setItem('sidebar-skupljeno', 'false');
+    }
+    var podmeni = btn.nextElementSibling;
+    if (!podmeni) return;
+    podmeni.classList.toggle('otvoren');
+    var strelicaSvg = btn.querySelector('.nav-strelica svg');
+    if (strelicaSvg) {
+        strelicaSvg.style.transform = podmeni.classList.contains('otvoren') ? 'rotate(180deg)' : 'rotate(0deg)';
+    }
+}
+
+// registruje klik listenere na podmeni dugmad — sidebar se nikad ne menja, poziva se jednom
+function ntechDodajPodmeniListenere() {
+    document.querySelectorAll('#sidebar [data-podmeni-dugme]').forEach(function(btn) {
+        btn.addEventListener('click', function(e) {
+            e.stopPropagation();
+            ntechTogglePodmeni(btn);
+        });
+    });
+}
+
+// sprečava CSS tranziciju na podmeniima koji su već otvoreni pri inicijalnom učitavanju
+// (bez ovoga, max-height animira od 0 do 300px pri svakom swap-u)
+function ntechInicijalizujPodmeni() {
+    document.querySelectorAll('.nav-podmeni.otvoren').forEach(function(el) {
+        el.classList.add('bez-tranzicije');
+        requestAnimationFrame(function() {
+            requestAnimationFrame(function() {
+                el.classList.remove('bez-tranzicije');
+            });
+        });
+    });
+}
+
 document.addEventListener('alpine:init', () => {
 
     // sidebar — podmeni "Moj profil"
@@ -82,7 +122,7 @@ document.addEventListener('alpine:init', () => {
 
     // forma za prodaju
     Alpine.data('prodajaForma', () => ({
-        stavke: [{artikal_id: '', kolicina: 1, cena: 0}],
+        stavke: [{artikal_id: '', kolicina: 1, cena: 0, pdv_stopa: 20}],
         artikliOpcije: [],
         isMobile: false,
         init() {
@@ -93,14 +133,17 @@ document.addEventListener('alpine:init', () => {
             })
         },
         dodajStavku() {
-            this.stavke.push({artikal_id: '', kolicina: 1, cena: 0})
+            this.stavke.push({artikal_id: '', kolicina: 1, cena: 0, pdv_stopa: 20})
         },
         ukloniStavku(i) {
             if (this.stavke.length > 1) this.stavke.splice(i, 1)
         },
         popuniCenu(stavka) {
             const a = this.artikliOpcije.find(x => x.id == stavka.artikal_id)
-            if (a) stavka.cena = a.cena
+            if (a) {
+                stavka.cena = a.cena
+                stavka.pdv_stopa = a.pdv_stopa !== undefined ? a.pdv_stopa : 20
+            }
         },
         dostupnaKolicina(i) {
             const stavka = this.stavke[i]
@@ -202,3 +245,8 @@ document.addEventListener('alpine:init', () => {
     }))
 
 })
+
+// za prvo učitavanje (defer script) — sprečava animaciju podmenia koji su inicijalno otvoreni
+ntechInicijalizujPodmeni()
+// dodaje klik listenere na podmeni dugmad (data-podmeni-dugme)
+ntechDodajPodmeniListenere()