From 8e1cf676189d9ad010f2bb8adf4b509d0b18f7ac Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Dalibor=20Markovi=C4=87?= Date: Sat, 20 Jun 2026 13:30:08 +0200 Subject: [PATCH] =?UTF-8?q?Tema:=20pozadina=20se=20primenjuje=20na=20stran?= =?UTF-8?q?icu=20tek=20posle=20=C4=8Duvanja,=20preview=20ostaje=20izolovan?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- web/static/js/ntech.js | 14 -------------- web/templates/teme/podrazumevana/base.html | 15 +++++++++++++++ 2 files changed, 15 insertions(+), 14 deletions(-) diff --git a/web/static/js/ntech.js b/web/static/js/ntech.js index a7e7feb..571c5d6 100644 --- a/web/static/js/ntech.js +++ b/web/static/js/ntech.js @@ -113,20 +113,6 @@ document.addEventListener('alpine:init', () => { this.opacity = this.broj(this.$el.dataset.opacity, 50) this.blurPozadine = this.broj(this.$el.dataset.blurPozadine, 0) this.glassOpacity = this.broj(this.$el.dataset.glassOpacity, 10) - // ažuriraj CSS custom properties kad se slajder pomera — promena se vidi odmah - this.$watch('blur', () => this.primeniBg()) - this.$watch('opacity', () => this.primeniBg()) - this.$watch('blurPozadine', () => this.primeniBg()) - this.$watch('glassOpacity', () => this.primeniBg()) - }, - primeniBg() { - const r = document.documentElement - r.style.setProperty('--app-blur-bg', this.blurPozadine + 'px') - r.style.setProperty('--app-blur-bg-inset', this.blurPozadine > 0 ? '-20px' : '0') - r.style.setProperty('--app-overlay', this.opacity + '%') - r.style.setProperty('--app-blur', this.blur + 'px') - r.style.setProperty('--app-glass-sb', this.glassOpacity + '%') - r.style.setProperty('--app-glass-el', this.glassOpacity + '%') }, // vraća ceo broj iz vrednosti; ako nije broj, vraća podrazumevano (0 ostaje 0) broj(vrednost, podrazumevano) { diff --git a/web/templates/teme/podrazumevana/base.html b/web/templates/teme/podrazumevana/base.html index 33e7e18..178b146 100644 --- a/web/templates/teme/podrazumevana/base.html +++ b/web/templates/teme/podrazumevana/base.html @@ -391,6 +391,21 @@ if (brzina.value) document.body.dataset.brzinaAnimacije = brzina.value; else delete document.body.dataset.brzinaAnimacije; } + // posle čuvanja stilova lične pozadine ažuriraj CSS custom properties + var bgBlur = f.querySelector('[name="lokalna_pozadina_blur"]'); + if (bgBlur) { + var r = document.documentElement; + var bgBlurBg = parseInt(f.querySelector('[name="lokalna_pozadina_blur_pozadine"]').value) || 0; + var bgOp = parseInt(f.querySelector('[name="lokalna_pozadina_opacity"]').value) || 0; + var bgGlass = parseInt(f.querySelector('[name="lokalna_pozadina_glass_opacity"]').value) || 0; + var bgBlurV = parseInt(bgBlur.value) || 0; + r.style.setProperty('--app-blur-bg', bgBlurBg + 'px'); + r.style.setProperty('--app-blur-bg-inset', bgBlurBg > 0 ? '-20px' : '0'); + r.style.setProperty('--app-overlay', bgOp + '%'); + r.style.setProperty('--app-blur', bgBlurV + 'px'); + r.style.setProperty('--app-glass-sb', bgGlass + '%'); + r.style.setProperty('--app-glass-el', bgGlass + '%'); + } // promena teme zahteva reload (menja se ceo CSS fajl) if (f.querySelector('[name="lokalna_tema"]')) location.reload(); } else {