Schwierigkeiten mit ftui widget level

Begonnen von PNinBB, 30 Dezember 2019, 19:51:54

Vorheriges Thema - Nächstes Thema

PNinBB

Seit dem letzten Update (wohl um den 28.12.2019) funktionieren alle meine Temperaturanzeigen in ftui nicht mehr, genauer die Wertanzeige ist leer. Ich benutze dafür das Widget 'level' (siehe Bild).
Seit dem Update fehlen die vertikalen Balken.
Mir scheint, dass die Angaben im Wiki nicht auf dem neuesten Stand sind, beispielsweise bezüglich horizontaler bzw. vertikaler Ausrichtung.
Alle Versuche, der Sache auf den Grund zu gehen, schlugen fehl!
Mehr durch Zufall habe ich herausgefunden, dass alles mit der 'alten' Datei 'widget_slider.js noch geht (nicht 'widget_level.js !!!); siehe Verzeichnisausschnitt:

-rw-r--r-- 1 fhem root     16306 Apr  4  2019 widget_slider.js
-rw-r--r-- 1 fhem root     13393 Dez 28 08:02 widget_sliderNEU.js

Ich habe momentan die 'alte' widget_slider.js wieder eingespielt und alles funktioniewrt wie gehabt; aber eine 'edgültige' Lösung kann das wohl nicht sein!
Hat da jemand eine Idee ?
Ich benutze die Gelegenheit, allen, die zum Funktionieren von FHEM beitragen, zu danken und ein gutes Neues Jahr 2020 zu wünschen !
Peter
Raspi 4B + RaZberry2 (Deb 10), FritzBox 7490;
AEOTec: KeyFobGen5: 1x;
Danfoss: Living Connect 2.51: 3x;
Fibaro: FGK: 10x: 3x; FGBS: 001: 8x, 222: 1x; FGMS001: 2x; FGR: 222: 3x, 223: 2x; FGRGBWM-441: 1x; FGBS: 222: 2x, 223: 2x,224: 1x;
Philio: PAN06-1A: 3x;

setstate

Zeig mal deinen Code um die Slider/Level herum. Beim Rendern wird der Slider einen Container vorfinden, von dem man keine Höhe ermitteln kann. Dadurch bekommt der Silder auch nur eine 0px Höhe. Es muss ein Container benutzt werden, der sich automatisch auf max. Höhe ausdehnt.
Ich habe die ganzen fixen Pixelvorgaben rausgeworfen, damit man besser zentrieren kann.

PNinBB

Ich habe es  inzwischen auch mit dem 'neuen' widget_slider.js hinbekommen; allerdings - aus momentaner Sicht - mit einem empfindlichen Nachteil.
Mit der alten Version habe ich alle Details einer Anzeige in ein Tabellenelement unterbringen können und hatte damit viel Gestaltungsmöglichkeiten.
Beispielsweise:
<li data-row="2" data-col="1" data-sizex="10" data-sizey="10">
<table border=0 cellspacing=0 cellpadding=0>
  <tr>
   <td colspan="2" style="padding: 5px 5px 5px 5px"><div data-type="label">AZ HZ</div></td>
  </tr>
  <tr>
   <td width="25" valign="top" style="text-align:right">+28</td>
   <td rowspan="2"><div data-type="level" data-device="AZ_HZ_T1" data-min="0" data-max="28" data-get="setpointTemp"
     data-limits='["0","12","15","18","19","22"]' data-colors='["blue","#1EAAD7","green","F09600","#E6640A","#FF0000"]' class="mini"></div></td>
  </tr>
  <tr>
   <td  width="25" valign="bottom" style="text-align:right">+4</td>
  </tr>
  <tr>
   <td colspan="2" style="padding: 5px 5px 5px 5px"><div data-type="label" data-device="AZ_HZ_T1" data-get="setpointTemp" data-part="1" data-fix="1" data-post-text=" C"></div></td>
  </tr>
</table>
</li>

Nun bekomme ich zwar alle Angaben angezeigt, aber eben jedes Detail in einer Zelle.
Beispielsweise:
    <li data-row="2" data-col="1" data-sizex="1" data-sizey="1">AZ T1<br>+30</li>
    <li data-row="4" data-col="1" data-sizex="1" data-sizey="1">
      <div data-type="level" data-device="AZ_HZ_T1"
          data-limits='["0","12","15","18","19","22"]'
          data-colors='["blue","#1EAAD7","green","F09600","#E6640A","#FF0000"]'
          class="vertikal mini">
      </div>
    </li>
    <li data-row="5" data-col="1" data-sizex="1" data-sizey="1">+4</li>
    <li data-row="6" data-col="1" data-sizex="1" data-sizey="1">
     <div data-type="label" data-device="AZ_HZ_T1" data-get="setpointTemp" data-part="1" data-fix="1" data-post-text=" C"></div>
    </li>

Aber das ist mir zu groß und erlaubt es nicht, alle Angaben auf den bisher benutzten Bereich darzustellen.
Ich habe zwar bereits eine relativ kleine Zellengröße
<meta name="gridster_cols" content="25">
<meta name="gridster_rows" content="22">

und nun meine gesamte Anzeige (über 50 .html-Dateien) darauf ausgerichtet. Das alles auf eine kleinere Zelle umzubauen, ist mir ein zu großer Aufwand. Ich werde also (vorerst) bei der alten .js-Datei bleiben.
Oder habe ich etwas übersehen, bzw. nicht verstanden.
Besten Dank im Voraus für Tipps.
Peter
Raspi 4B + RaZberry2 (Deb 10), FritzBox 7490;
AEOTec: KeyFobGen5: 1x;
Danfoss: Living Connect 2.51: 3x;
Fibaro: FGK: 10x: 3x; FGBS: 001: 8x, 222: 1x; FGMS001: 2x; FGR: 222: 3x, 223: 2x; FGRGBWM-441: 1x; FGBS: 222: 2x, 223: 2x,224: 1x;
Philio: PAN06-1A: 3x;

setstate

oh, class="mini" wurde nicht mehr beachtet. Ist jetzt wieder gefixed.

Mit data-height="60px" würde es aber auch klappen.

PNinBB

Update gestartet und alles lief wie vorher !!
Lehre: auch das Kleine ('mini'') kann sehr wichtig sein !
Besten Dank.
Peter
Raspi 4B + RaZberry2 (Deb 10), FritzBox 7490;
AEOTec: KeyFobGen5: 1x;
Danfoss: Living Connect 2.51: 3x;
Fibaro: FGK: 10x: 3x; FGBS: 001: 8x, 222: 1x; FGMS001: 2x; FGR: 222: 3x, 223: 2x; FGRGBWM-441: 1x; FGBS: 222: 2x, 223: 2x,224: 1x;
Philio: PAN06-1A: 3x;