Probleme mit ftui3 seit dem letzten Update diese Woche

setstate · 22 September 2026, 21:17:02

Zitat von: Prof. Dr. Peter Henning am 22 September 2026, 08:05:51
Zitat von: setstate am 21 September 2026, 21:49:39ftui-header gibt es nicht, du musst ftui-popup-header benutzen
Danke - hat allerdings genauso über Jahre funktioniert.

Irgendein Tipp zu den Pipeline-Funktionen?

LG

pah

Nein, ich kann das nicht nachvollziehen. Ich habe dieses Minimalbeispiel mit deiner Funktion gebaut und es geht.
Kannst du das ändern, so das es dein Problem zeigt?

Code Auswählen

<!DOCTYPE html>
<html>
<head>
  <base href="../" />
  <script src="ftui.js"></script>
  <link href="ftui.css" rel="stylesheet">
  <link href="themes/ftui-theme.css" rel="stylesheet">
  <link href="favicon.ico" rel="icon" type="image/x-icon" />
  <meta name="fhemweb_url" content="http://fhem.home.arpa:8083/fhem/" />
</head>

<body>
  <svg width="0" height="0" style="position: absolute; z-index: -1;">
    <defs>
      <linearGradient id="g_v_d" x1="0%" y1="0%" x2="0%" y2="100%">
        <stop offset="0%" stop-color="#2ecc71" />
        <stop offset="100%" stop-color="#27ae60" />
      </linearGradient>

      <linearGradient id="b_s" x1="0%" y1="0%" x2="0%" y2="100%">
        <stop offset="0%" stop-color="#7f8c8d" />
        <stop offset="100%" stop-color="#34495e" />
      </linearGradient>
    </defs>
  </svg>

  <ftui-grid base-width="26" base-height="26" margin="10">
    <ftui-grid-tile row="1" col="1" height="12" width="12" color="orange">
      <ftui-label class="size-1" [text]="ftuitest | fix(2) | ftui_pv1_power()">
          <span slot="unit" class="size--2">kW</span>
      </ftui-label>

      <svg width="100" height="100">
        <rect id="pv1a" width="100" height="100" rx="10" />
      </svg>

      <svg width="100" height="100">
        <rect id="pv1b" width="100" height="100" rx="10" />
      </svg>

      <svg width="100" height="100">
        <rect id="pv1c" width="100" height="100" rx="10" />
      </svg>

    </ftui-grid-tile>
  </ftui-grid>

</body>
<script>
  window.ftui_pv1_power = () => input => pv1_power(input);

  function pv1_power(power) {
      var a = document.getElementById('pv1a');
      var b = document.getElementById('pv1b');
      var c = document.getElementById('pv1c');
      var s;
      
      if (power > 0.0) {
          s = "url(#g_v_d)";
      } else {
          s = "url(#b_s)";
      }
      
      if (a) a.style.fill = s;
      if (b) b.style.fill = s;
      if (c) c.style.fill = s;
      
      return power;
  }
</script>
</html>

FHEM Forum

Probleme mit ftui3 seit dem letzten Update diese Woche

setstate