Hauptmenü

FTUI version 3

Begonnen von Bunnu, 25 Oktober 2020, 09:25:41

Vorheriges Thema - Nächstes Thema

Sailor

Zitat von: grossmaggul am 21 März 2024, 22:50:02Es 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
******************************
Man wird immer besser...

yersinia

[OT]
Zitat von: Sailor am 09 April 2024, 08:10:26Und 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]
viele Grüße, yersinia
----
FHEM 6.3 (SVN) on RPi 4B with RasPi OS Bullseye (perl 5.32.1) | FTUI
nanoCUL->2x868(1x ser2net)@tsculfw, 1x433@Sduino | MQTT2 | Tasmota | ESPEasy
VCCU->14xSEC-SCo, 7xCC-RT-DN, 5xLC-Bl1PBU-FM, 3xTC-IT-WM-W-EU, 1xPB-2-WM55, 1xLC-Sw1PBU-FM, 1xES-PMSw1-Pl

Sailor

#3587
Zitat von: yersinia am 09 April 2024, 08:23:43[OT]
Zitat von: Sailor am 09 April 2024, 08:10:26Und 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
******************************
Man wird immer besser...

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

#3589
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

      <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

<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
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.html
Du darfst diesen Dateianhang nicht ansehen.
wird der Dropdown-Pfeil unterhalb des Dropdown-Feldes angezeigt. Wie kann ich dies korrigieren?

Viele Grüße
Jürgen
3x Sonos Play 1, 1x Sonos Arc + Sub, 1 Sonos-One, 1x Sonos Playbar
FB6690 + FB7490 mit 4x Dect 200 und 3 Dect-ULE-Thermostate,  raspberry3B+, HM Funkmodul HM-MOD-RPI-PCB, HM Klingelsensor HM-Sen-DB-PCB, HM (IP) Fensterkontakte und  Amazon Echo Dot,  piVCCU, pi OS (bookworm).

setstate

passiert das auch bei der Beispielseite?

examples/dropdown.html

Wenn nicht, brauche ich mal deinen Code.

juemuc

#3593
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.
3x Sonos Play 1, 1x Sonos Arc + Sub, 1 Sonos-One, 1x Sonos Playbar
FB6690 + FB7490 mit 4x Dect 200 und 3 Dect-ULE-Thermostate,  raspberry3B+, HM Funkmodul HM-MOD-RPI-PCB, HM Klingelsensor HM-Sen-DB-PCB, HM (IP) Fensterkontakte und  Amazon Echo Dot,  piVCCU, pi OS (bookworm).

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
3x Sonos Play 1, 1x Sonos Arc + Sub, 1 Sonos-One, 1x Sonos Playbar
FB6690 + FB7490 mit 4x Dect 200 und 3 Dect-ULE-Thermostate,  raspberry3B+, HM Funkmodul HM-MOD-RPI-PCB, HM Klingelsensor HM-Sen-DB-PCB, HM (IP) Fensterkontakte und  Amazon Echo Dot,  piVCCU, pi OS (bookworm).

ToM_ToM

Zitat von: ToM_ToM am 08 April 2024, 17:44:00
Zitat von: Dracolein am 16 März 2024, 07:10:25Moin 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
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
Hardware: BananaPi, Busmaster CUL, SanDisk 16GB Ultra SD, 16 GB USB-Stick | Software: Armbian, FHEM 5.8

setstate

Was steht den in 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

Zitat von: ToM_ToM am 08 April 2024, 17:44:00
Zitat von: Dracolein am 16 März 2024, 07:10:25Moin 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"
Raspberry Pi 4 mit FHEM; FTUI Dashboard auf Asus 15,6" VT168H Touchscreen; ZigBee mit ConBee2 USB-Stick; div. Shelly 2.5; integr. Gaszähler mit ESP8266 & ESPEasy;

ToM_ToM

Zitat von: setstate am 21 April 2024, 13:17:53Was steht den in 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
Hardware: BananaPi, Busmaster CUL, SanDisk 16GB Ultra SD, 16 GB USB-Stick | Software: Armbian, FHEM 5.8