FTUI version 3

[Sailor]

Es könnte aber auch sein, daß das hier setstate anspornen könnte.

Und woher soll ich jetzt wissen, dass sich hinter "mstephan@shared-files.de" auch wirklich setstate verbirgt?

Gruß
    Sailor

[yersinia]

[OT]

Und woher soll ich jetzt wissen, dass sich hinter "mstephan@shared-files.de" auch wirklich setstate verbirgt?

Und wie verifizierst du, dass es sein Spendenbutton im repo ist?
[/OT]

[Sailor]

[OT]

Und woher soll ich jetzt wissen, dass sich hinter "mstephan@shared-files.de" auch wirklich setstate verbirgt?

Und wie verifizierst du, dass es sein Spendenbutton im repo ist?
[/OT]

Ups... Überlesen Sorry     Spende ist raus.

Gruß
    Sailor

[Eisix]

Hallo pah,

Nicht sicher ob ich richtig verstanden hab was du vor hast, aber ich hab so einen Balken unten mit dem ich meine Mediaplayer durchschalte.

Gruß
Eisix

[Shadow3561]

Leider blicke ich das ganze Prinzip mit ftui-column,ftui-row,ftui-cell usw. noch nicht ganz.

Wie bekomme ich die Icons für den Fensterstatus untereinander?
Hab schon alles mögliche durchprobiert, es ist aber immer verschoben zueinander.
Hier mal meine Config

Code Auswählen Erweitern

      <ftui-grid-tile row="1" col="3" height="5" width="5" shape="round">
      <header class="size-1"><ftui-label color="green">Wohnzimmer</ftui-label></header>

   <ftui-row>
   <ftui-column>
    <ftui-thermostat
    [(value)]="PID_Wohnzimmer:desired"
    [temp]="PID_Wohnzimmer:measured"
   
    [valve]="PID_Wohnzimmer:actuation"
    [humidity]="netatmo_D70_ee_50_1a_ef_d4:humidity"
    size="150"
    min="15"
    max="30"
>
</ftui-thermostat>
</ftui-column>

  
   <ftui-column align-items="center" margin="2">
       <ftui-row>
        <ftui-icon align-items="right" class="size-2" [name]="Sensor_Terrassentuer | map('open: classic-window, closed: classic-window')"
                     [color]="Sensor_Terrassentuer | map('open: danger, closed: medium')">
        </ftui-icon>
       
        <ftui-label align-items="left">Terrasse</ftui-label>
    </ftui-row>
    <ftui-row>
        <ftui-icon align-items="right" class="size-2" [name]="Sensor_Terrassentuer | map('open: classic-window, closed: classic-window')"
                     [color]="Sensor_Terrassentuer | map('open: danger, closed: medium')">
        </ftui-icon>
       
        <ftui-label align-items="left">Garten</ftui-label>
    </ftui-row>
    <ftui-row>
        <ftui-icon align-items="right" class="size-2" [name]="Sensor_Terrassentuer | map('open: classic-window, closed: classic-window')"
                     [color]="Sensor_Terrassentuer | map('open: danger, closed: medium')">
        </ftui-icon>
        <ftui-label align-items="left">Sofa</ftui-label>
    </ftui-row>
         
    <ftui-row align-items="bottom">    
       <ftui-chart height="100px" width="90%" popup-target="pvleistung" >
         <ftui-chart-data   log="logdb" file="HISTORY" spec="PID_Wohnzimmer:measured"
             fill background-color="#B4040420" color="#FF000070" point-radius="0"></ftui-chart-data> 
        </ftui-chart>
    </ftui-row>
     
</ftui-column>


</ftui-row>



<ftui-segment [(value)]="HeizungWoziAutomatik">
        <ftui-segment-button value="Manuell">
          <ftui-label>Manuell</ftui-label>
        </ftui-segment-button>
        <ftui-segment-button value="Automatik">
          <ftui-label>Automatik</ftui-label>
        </ftui-segment-button>
        <ftui-segment-button value="Urlaub">
          <ftui-label>Urlaub</ftui-label>
        </ftui-segment-button>
        <ftui-segment-button value="Abwesend">
          <ftui-label>Abwesend</ftui-label>
        </ftui-segment-button>
      </ftui-segment>
 
</ftui-grid-tile>

Und noch eine Frage. Wie kann ich einen Slider umdrehen?
Also wenn Rolladen 100% ist, dann soll der Slider 0% anzeigen und umgekehrt.
Natürlich die zwischenwerte auch.


Grüsse,
Daniel

[Shadow3561]

Bezüglich des Slider beantworte ich meine Frage mal selbst.
Habe eine gefühlte Ewigkeit den Threat hier durchgelesen und leider von hinten angefangen. Ziemlich weit vorne bin ich dann auf PIPE "scale" gestossen. Das ist dann genau das was ich benötigte.

Hier noch einmal für die Nachwelt meine Lösung

Code Auswählen Erweitern

<ftui-slider  [value]="EIB_Rolladen_Garten:ZumRechnen | scale(100,0,0,100)" (value)="scale(100,0,0,100) | EIB_Rolladen_Garten:value" max="100" is-vertical>
</ftui-slider>
Grüsse,
Daniel

[juemuc]

Hallo zusammen,

seit dem letzten Update

Code Auswählen Erweitern

2024.04.12 20:32:42.692 1: Downloading https://raw.githubusercontent.com/knowthelist/ftui/master/controls_ftui.txt
2024.04.12 20:32:43.102 1: UPD www/ftui/components/dropdown/dropdown.component.css
2024.04.12 20:32:43.256 1: UPD www/ftui/components/swiper/swiper.component.js
2024.04.12 20:32:43.425 1: UPD www/ftui/examples/dropdown.html
2024.04.12 20:32:43.583 1: UPD www/ftui/examples/mobile_full.htmlDu darfst diesen Dateianhang nicht ansehen.
wird der Dropdown-Pfeil unterhalb des Dropdown-Feldes angezeigt. Wie kann ich dies korrigieren?

Viele Grüße
Jürgen

[setstate]

passiert das auch bei der Beispielseite?

examples/dropdown.html

Wenn nicht, brauche ich mal deinen Code.

[juemuc]

Hallo setstate,

leider ja.
Du darfst diesen Dateianhang nicht ansehen.

Ich nutze hierbei Debian 12 (bookworm) und Firefox 124.0.2.

Viele Grüße
Jürgen

PS.: Unter Edge sieht es dagegen korrekt aus.

[setstate]

sollte jetzt auch wieder mit Firefox passen

[juemuc]

Die Testseite sieht schon einmal gut aus. Vielen Dank für die schnelle Anpassung.

Viele Grüße
Jürgen

[ToM_ToM]

Moin zusammen,
ich habe vor einigen Tagen mein zuverlässiges FHEM-System mittels "update all" aktualisiert (zuletzt Ende 2023 gemacht).
Nun beobachte ich in Tablet UI auf meinem Screen, dass der Status von Symbolen und Texten sporadisch aber auffallend sehr häufig nicht mehr aktualisiert wird.

FHEM im Hintergrund läuft fehlerfrei weiter und regelt das Haus wie gewünscht. An meinem FTUI3 Setup wurde nichts modifiziert.

Hat sich hier irgendwas signifikantes geändert in der letzten Zeit?

Hallo Dracolein, das Gleiche ist mir auch aufgefallen. Ich habe parallel noch FTUI 2 laufen und dort wird noch alles aktualisiert, was den Fehler in FHEM oder meinen Proxy-Settings vorerst weitestgehend ausschließt. Bist du denn hier weiter gekommen?

VG, Thomas

Hallo setstate,

ich konnte das Problem dank eines alten Backups aus dem Jahr 2021 eruieren.

Wenn ich die aktuelle init() - Funktion aus der Datei modules/ftui/ftui.app.js gegen eine alte aus dem Jahr 2021 tausche, dann funktioniert auch das direkte Status-Update wieder.


modules/ftui/ftui.app.js

Code Auswählen Erweitern

async init() {
    this.config.meta = document.getElementsByTagName('META');
    this.config.refreshFilter = this.getMetaString('refresh_filter');
    this.config.updateFilter = this.getMetaString('update_filter');

    this.config.debugLevel = this.getMetaNumber('debug', 0);
    this.config.updateCheckInterval = this.getMetaNumber('update_check_interval', 5);
    this.config.enableDebug = (this.config.debugLevel > 0);
    this.config.enableToast = this.getMetaNumber('toast', 5); // 1,2,3...= n Toast-Messages, 0: No Toast-Messages
                                                                       
    this.config.toastPosition = this.getMetaString('toast_position', 'bottomLeft');
    this.config.refreshInterval = this.getMetaNumber('refresh_interval', 15 * 60); // 15 minutes
    this.config.refreshDelay = this.getMetaString('refresh_restart_delay', 3);
    // self path
    const fhemUrl = this.getMetaString('fhemweb_url');
                 
    this.config.fhemDir = fhemUrl || window.location.origin + '/fhem/';
    if (fhemUrl && new RegExp('^((?!http://|https://).)*$').test(fhemUrl)) {
               
           
      this.config.fhemDir = window.location.origin + '/' + fhemUrl + '/';
    }
    this.config.fhemDir = this.config.fhemDir.replace('///', '//');
    ftui.log(1, 'FHEM dir: ' + this.config.fhemDir);
    // lang
    const userLang = navigator.language || navigator.userLanguage;
    this.config.lang = this.getMetaString('lang', ((ftui.isDefined(userLang)) ? userLang.split('-')[0] : 'de'));
    // credentials
    this.config.username = this.getMetaString('username');
    this.config.password = this.getMetaString('password');

    // init FhemService
    fhemService.setConfig(this.config);
    fhemService.debugEvents.subscribe(text => this.toast(text));
    fhemService.errorEvents.subscribe(text => this.toast(text, 'error'));
    this.fhemService = fhemService;

    // init Page after CSFS Token has been retrieved
    await fhemService.fetchCSrf()
    this.initPage();

    // call health check periodically
    setInterval(() => {
      this.checkConnection();
    }, this.config.updateCheckInterval * 60 * 1000);
  }


PS: Was ich beim Testen noch herausfinden konnte, ist dass das Status-Update-Problem im Firefox und im Sasmung Web Browser auftritt, jedoch nicht im Opera. Eventuell hast du ja eine Idee woran es liegen könnte.

Grüße, Thomas

[setstate]

Was steht den in

Code Auswählen Erweitern

ftuiApp.config.fhemDir ?

Kann man in der Console in den Developer Tools auslesen. F12 drücken und dann in der Console ftuiApp.config.fhemDir eingeben und ENTER drücken.
Ergibt das die URL, unter der bei dir FHEM zu erreichen ist?

[Dracolein]

Moin zusammen,
ich habe vor einigen Tagen mein zuverlässiges FHEM-System mittels "update all" aktualisiert (zuletzt Ende 2023 gemacht).
Nun beobachte ich in Tablet UI auf meinem Screen, dass der Status von Symbolen und Texten sporadisch aber auffallend sehr häufig nicht mehr aktualisiert wird.

FHEM im Hintergrund läuft fehlerfrei weiter und regelt das Haus wie gewünscht. An meinem FTUI3 Setup wurde nichts modifiziert.

Hat sich hier irgendwas signifikantes geändert in der letzten Zeit?

Hallo Dracolein, das Gleiche ist mir auch aufgefallen. Ich habe parallel noch FTUI 2 laufen und dort wird noch alles aktualisiert, was den Fehler in FHEM oder meinen Proxy-Settings vorerst weitestgehend ausschließt. Bist du denn hier weiter gekommen?

VG, Thomas

Nein bislang konnte ich noch nichts weiter finden. Meine Beobachtungen haben sich nicht verschlimmert, ich kann derzeit so richtig zuverlässig keine Fehler erkennen, schon gar nicht reproduzieren. Aber dennoch, irgendwas wirkt so, als würden sich gewisse Elemente wesentlich langsamer aktualisieren, als "früher"

[ToM_ToM]

Was steht den in

Code Auswählen Erweitern

ftuiApp.config.fhemDir ?

Kann man in der Console in den Developer Tools auslesen. F12 drücken und dann in der Console ftuiApp.config.fhemDir eingeben und ENTER drücken.
Ergibt das die URL, unter der bei dir FHEM zu erreichen ist?

Ja, das ergibt die korrekte Adresse.

Gruß, Thomas