iobroker.mywebui 1.37.99 → 1.38.0

package/io-package.json

@@ -1,7 +1,7 @@
 {
   "common": {
     "name": "mywebui",
-    "version": "1.37.99",
+    "version": "1.38.00",
     "titleLang": {
       "en": "mywebui",
       "de": "mywebui",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "iobroker.mywebui",
-  "version": "1.37.99",
+  "version": "1.38.00",
   "description": "ioBroker mywebui - Custom edited mywebui by gokturk413",
   "type": "module",
   "main": "dist/backend/main.js",

package/www/dist/frontend/config/IobrokerWebuiAppShell.js

@@ -1247,9 +1247,11 @@ export class IobrokerWebuiAppShell extends BaseCustomWebComponentConstructorAppe
 
             const condSel    = sel([['equal','='],['not_equal','≠'],['less_than','<'],['greater_than','>'],['exists','exists']], cfg.condition || 'equal');
             const condValInp = inp(cfg.conditionValue ?? 'true');
-            const glowColorInp = inp(cfg.glowColor || 'yellow', 'color');
-            const glowSizeInp  = inp(cfg.glowSize || 10, 'number');
-            const blurInp      = inp(cfg.blurAmount || 5, 'number');
+            const glowColorInp   = inp(cfg.glowColor || 'yellow', 'color');
+            const glowSizeInp    = inp(cfg.glowSize || 10, 'number');
+            const blurInp        = inp(cfg.blurAmount || 5, 'number');
+            const pulseScaleInp  = inp(cfg.scale ?? 2.5, 'number');
+            const pulseOpacityInp= inp(cfg.opacityFrom ?? 1, 'number');
 
             body.appendChild(field('Type', 'type', typeSel));
             body.appendChild(field('Trigger', null, triggerSel));
@@ -1290,6 +1292,14 @@ export class IobrokerWebuiAppShell extends BaseCustomWebComponentConstructorAppe
             body.appendChild(blurSection);
             typeSel.addEventListener('change', () => { blurSection.style.display = typeSel.value === 'blur' ? '' : 'none'; });
 
+            // Pulse Ring section
+            const pulseRingSection = document.createElement('div');
+            pulseRingSection.style.display = cfg.type === 'pulseRing' ? '' : 'none';
+            pulseRingSection.appendChild(field('Scale', 'scale', pulseScaleInp));
+            pulseRingSection.appendChild(field('Opacity From', 'opacityFrom', pulseOpacityInp));
+            body.appendChild(pulseRingSection);
+            typeSel.addEventListener('change', () => { pulseRingSection.style.display = typeSel.value === 'pulseRing' ? '' : 'none'; });
+
             // _collect: read current UI values back into a plain object
             cfg._collect = () => {
                 const out = {};
@@ -1302,6 +1312,7 @@ export class IobrokerWebuiAppShell extends BaseCustomWebComponentConstructorAppe
                 if (triggerSel.value === 'oid') { out.condition = condSel.value; out.conditionValue = condValInp.value; }
                 if (typeSel.value === 'glow') { out.glowColor = glowColorInp.value; out.glowSize = parseInt(glowSizeInp.value) || 10; }
                 if (typeSel.value === 'blur') out.blurAmount = parseInt(blurInp.value) || 5;
+                if (typeSel.value === 'pulseRing') { out.scale = parseFloat(pulseScaleInp.value) || 2.5; out.opacityFrom = parseFloat(pulseOpacityInp.value) ?? 1; }
                 for (const [k, v] of Object.entries(cfg)) { if (k.endsWith('_bind') && v) out[k] = v; }
                 return out;
             };

package/www/dist/frontend/runtime/AnimationService.js

@@ -656,9 +656,11 @@ async function _applyEffect(el, cfg) {
             case 'pulseRing': {
                 const scale    = parseFloat(cfg.scale)    || 2.5;
                 const ringEase = cfg.ease || 'power1.out';
+                const isLoadTrigger = !cfg.trigger || cfg.trigger === 'load';
+                const pulseRepeat = repeat !== 0 ? repeat : (isLoadTrigger ? -1 : 0);
                 gsap.fromTo(el,
                     { scale: 0, opacity: cfg.opacityFrom != null ? parseFloat(cfg.opacityFrom) : 1 },
-                    { scale, opacity: 0, duration: dur, ease: ringEase, repeat: repeat !== 0 ? repeat : -1, delay, transformOrigin: '50% 50%' }
+                    { scale, opacity: 0, duration: dur, ease: ringEase, repeat: pulseRepeat, delay, transformOrigin: '50% 50%' }
                 ); break;
             }
         }