FTUI version 3

[moonsorrox]

Ich probiere mal...
Die Farben nutze ich schon seit ewig, sind bei mir im css hinterlegt, sind alles Webfeste Farben die es auch gibt..

[hidden] ist überall auf false... mache ich sowieso immer erst mal

[moonsorrox]

Noch zu den Restmuell_0 und Restmuell_1 das sind meine alten readings aus Version 2.x. evtl. ist es Zufall das es damit funktioniert und die sind gar nicht aktuell...

Was mich jetzt wundert das es damit ja funktioniert, nur eben bei Restmüll nicht. Ich bekomme zwar den Text angezeigt , aber nicht die Zahl.
Ich glaube ich brauche ne Pause 

[yersinia]

dazu müsstest du mal ein list vom Abfall-Device (list myAbfall) liefern.

Was ergibt denn:

Code Auswählen Erweitern

<ftui-badge [text]="myAbfall:Restmuell_tage"
[color]="myAbfall:Restmuell_tage | map('0:crimson, 1:darkviolet, 2:darkblue')"
[hidden]="myAbfall:Restmuell_tage | map('0:false, 1:false, .*:true')" class="size-0">
</ftui-badge>

[moonsorrox]

ohne map hatte ich schon, dass war das einzige mal das mir die richtige Zahl eingetragen wurde und ist jetzt auch noch so... mit deinem Code 13
Dann muss mein Fehler wohl in der map liegen..

hier das list

Code Auswählen Erweitern

Internals:
   DEF        AbfallKalender
   FUUID      5f9ff55d-f33f-a6c6-802d-8abd963bc2fb0d0c
   FVERSION   57_ABFALL.pm:0.105810/2016-01-21
   INTERVAL   43200
   KALENDER   AbfallKalender
   NAME       myAbfall
   NR         5940
   NTFY_ORDER 50-myAbfall
   STATE      Tage bis zur nächsten Leerung: 6
   TYPE       ABFALL
   READINGS:
     2021-01-07 15:44:30   BioabfallGruengut_datum 13.01.21
     2021-01-07 15:44:30   BioabfallGruengut_tage 6
     2021-01-07 15:44:30   BioabfallGruengut_text   Bioabfall, Grüngut
     2021-01-07 15:44:30   BioabfallGruengut_wochentag Mittwoch
     2021-01-07 15:44:30   GelberSackLeichtverpackungen_datum 13.01.21
     2021-01-07 15:44:30   GelberSackLeichtverpackungen_tage 6
     2021-01-07 15:44:30   GelberSackLeichtverpackungen_text   Gelber Sack, Leichtverpackungen
     2021-01-07 15:44:30   GelberSackLeichtverpackungen_wochentag Mittwoch
     2021-01-07 15:44:30   PapierAbfall_datum 13.01.21
     2021-01-07 15:44:30   PapierAbfall_tage 6
     2021-01-07 15:44:30   PapierAbfall_text   Papier Abfall
     2021-01-07 15:44:30   PapierAbfall_wochentag Mittwoch
     2021-01-07 15:44:30   Restmuell_datum 20.01.21
     2021-01-07 15:44:30   Restmuell_tage  13
     2021-01-07 15:44:30   Restmuell_text    Restmüll
     2021-01-07 15:44:30   Restmuell_wochentag Mittwoch
     2021-01-07 15:44:30   ftui_datum     
     2021-01-07 15:44:30   ftui_next       PapierAbfall_6
     2021-01-07 15:44:30   next            PapierAbfall_6
     2021-01-07 15:44:30   next_datum      13.01.21
     2021-01-07 15:44:30   next_tage       6
     2021-01-07 15:44:30   next_text         Papier Abfall
     2021-01-07 15:44:30   next_wochentag  Mittwoch
     2021-01-07 15:44:30   state           6
Attributes:
   alias      Müllabfuhr
   icon       recycling@blue
   room       HWR
   sortby     01
   stateFormat Tage bis zur nächsten Leerung: next_tage
   userReadings ftui_datum {ReadingsVal("myAbfall","now_text","") eq "" ? datumHeuteMorgen(ReadingsVal("myAbfall","next_date","")) : "heute";},ftui_next {ReadingsVal("myAbfall","now_text","") eq "" ? ReadingsVal("myAbfall","next","") : ReadingsVal("myAbfall","now","")."_0";}
   verbose    0

[yersinia]

ohne map hatte ich schon, dass war das einzige mal das mir die richtige Zahl eingetragen wurde und ist jetzt auch noch so... mit deinem Code 13

Was hast du eigtl mit dem badge vor? "zeige _immer_ die Resttage an" (dann ist der Code oben zu nehmen) oder willst du mit eher "zeige die Resttage bis auf 1bzw 2 tage vorher und ersetze durch den Wert x,y" (das weiss ich zZt gar nicht, ob das geht)?

Code Auswählen Erweitern

<ftui-badge [text]="myAbfall:Restmuell_tage | map('0:Heute, 1:Morgen, .*:')
[color]="myAbfall:Restmuell_tage | map('0:crimson, 1:darkviolet, 2:darkblue')"
[hidden]="myAbfall:Restmuell_tage | map('0:false, 1:false, .*:true')" class="size-0">
</ftui-badge>
Bei diesem map ist der letzte Fall leer, du würdest keine Resttage-Anzeige bekommen, imho.

[Eisix]

Hallo,

bei badge ist mir noch was aufgefallen. Ich muss immer ein reload machen nach einem "Empty Cache and Hard Reload".
Ist das nur bei mir so oder generell?

Gruß
Eisix

[moonsorrox]

ich glaube ich weiß wo der Fehler liegt...
Es muss am " Zeichen liegen, dass war bei mir an der falschen Stelle...

Es muss hier

Code Auswählen Erweitern

[text]="myAbfall:Restmuell_tage [/color]| map('0:Heute, 1:Morgen, .*:')"

und nicht hier

Code Auswählen Erweitern

[text]="myAbfall:Restmuell_tage" | map('0:Heute, 1:Morgen, .*:')

Du meinst den Cache vom Browser, den leere ich generell sofort nach einer Änderung.. weil auf dieses Ding bin ich zu oft rein gefallen

[Eisix]

Hallo,

noch eine Frage. Bei chart wie kriege ich andere Linien-Typen hin, z.B.: steps.
Konnte kein Beispiel finden und attribut stepped war es auch nicht.

Jemand einen Tip für mich?

Gruß
Eisix

Nutz Ihr alle nur line?

Gruß
Eisix

[moonsorrox]

wenn ich eine linie brauche die erstelle ich mir in css, meinst du das..?
falsch gelesen du meinst Chart... damit habe ich noch gar nichts gemacht

[moonsorrox]

Was hast du eigtl mit dem badge vor? "zeige _immer_ die Resttage an" (dann ist der Code oben zu nehmen) oder willst du mit eher "zeige die Resttage bis auf 1bzw 2 tage vorher

ich möchte nur die Tage sehen und am letzten Tag soll er heute zeigen, mache ich das " z.B. falsch zeigt er immer "heute" an... das war mein Problem, oder eben gar nücht.

EDIT:// geht doch nicht so wie ich es gedacht hatte 

[octek0815]

Nutz Ihr alle nur line?

Gruß
Eisix

Steps hätte ich auch gerne. Z.B. für meine Regenanzeige.

[RalfPit]

Hallo,
auch ich würde gerne mit der Version 3 anfangen, scheitere aber schon beim Einstieg.

Mein Test: ich rufe aus der mobile.html die tab.html auf.
Bei mir werden jedoch die Unterseiten der tab.html nicht angezeigt.
Was mache ich falsch ?

In der Version 2 geht das über die Einträge  <div class="page" id="tab"></div>
Könnt ihr mir bitte helfen ?

LG Ralf

[grossmaggul]

Hast Du Dir mal die Beispiel-index.html und den examples Ordner angesehen? Da steht eigentlich alles drin, was man wissen muss um ftui3 ans Fliegen zu bekommen.

[setstate]

Mein Test: ich rufe aus der mobile.html die tab.html auf.

Wie sieht das aus?

[RalfPit]

Hast Du Dir mal die Beispiel-index.html und den examples Ordner angesehen? Da steht eigentlich alles drin, was man wissen muss um ftui3 ans Fliegen zu bekommen.

Genau das mache ich seit Tagen und bin begeistert.
Zu meinem Problem habe ich jedoch in github und im Forum kein Beispiel gefunden.

Wenn ich die index.html oder tab.html aufrufe werden die Unterseiten angezeigt,
gehe ich aber eine Stufe tiefer, funktioniert das nicht mehr.

LG Ralf