Hauptmenü

[FTUI3] CalView

Begonnen von mr_petz, 13 April 2021, 21:45:09

Vorheriges Thema - Nächstes Thema

mr_petz

Hi,
hast du den ersten Beitrag richtig durchgelesen?
mit dem Attribut list-scroll wird es aktiv.

download und update via https://github.com/mr-petz/ftui/tree/addons

LG mr_petz

AyshaHM

Hallo mr_petz,
wow das ist ja cool!!!!!
Super Arbeit. Und dann bekommt man noch eine ganze Komponenten Sammlung dazu. Lieben Dank dafür. :-)

Leider habe noch Fragen:

1. Wo setze ich das Attribut list-scroll ? In meinem Modul gibt es den Eintrag nicht.
2. Irgendwo habe ich mal gelesen das man die Farben aus dem Google Kalender übernehmen kann. Geht das?

Ach so das andere habe ich wohl überlesen. Sorry.

Lg Aysha
Hardware: Raspberry  4

mr_petz

Bsp:

        <ftui-calview width="99%" class="size-1"
          device="CalviewDevice"
          details="daysleft,bdate,btime,summary"
          detailwidth="10,20,15,50"
          max="5"
          sourcecolor
          list-scroll>
        </ftui-calview>

Beispiele:
https://github.com/mr-petz/ftui/blob/addons/www/ftui/examples/calview.html

sourcecolor liest die Farben aus dem CalviewDevice.

LG

AyshaHM

#93
Alles klar!

vielen Dank

:-)
Hardware: Raspberry  4

AyshaHM

Moin mr_petz,
in dem aktuellen Termin blinken nur rechts und links zwei schmale rote striche. Soll das so sein oder ist hier was falsch?

<ftui-calview width="99%" class="size-3"
          device="Termine_V"
          headers="Datum,Uhrzeit,Ereignis"
          details="bdate,timeshort,summary"
          detailwidth="20,20,50"
          max="20"
          daysleft="-3:#8b0000:black,-2:tomato:black:bold,-1:#cd5c5c:black:bold,0:red::blink:size-3 bold,2:yellow:black"
          round
          blinkoutside
          line-break
          header-left
          list-scroll>
        </ftui-calview>




lg Aysha
Hardware: Raspberry  4

mr_petz

#95
Morgen :D
Leider muss ich dich wieder auf den ersten Post dieses Threads verweisen.
Zitat von: mr_petz am 13 April 2021, 21:45:09
und extra Attribute:
    round (optional runde Ecken)
    wday_date (optional Datum wird auf Bsp: Fr, 01.10. gekürzt)
    date_wday (optional Datum wird auf Bsp: 01.10. Fr gekürzt)
    blinkoutside (optional Blinkt nur Aussen und/oder die Schrift wenn angegeben)
    noheader (optional kein header im calview bei Standardsettings)
    flat (optional flaches Design)
    sourcecolor (optional Farben vom Reading)
    today (optional nur Heute vom Reading)
    tomorrow (optional Heute und Morgen vom Reading)
    header-left (headertext left)
    line-left (Texte left ohne Zeilenumbruch)
    line-justify (Texte left und mit Zeilenumbruch am letzten white-space, wenn letzter white-space außerhalb von der Spalte ist, wird das letzte Wort wieder gekürzt (bei timeshort nur left mit break))
    line-break (Texte left und mit Zeilenumbruch am letzten white-space, wenn letzter white-space außerhalb von der Spalte ist, wird das letzte Wort wieder gekürzt)
    list-scroll (Liste wird bei Überlänge scrollbar ohne sichtbare Scrollbar, so kann man auf kleiner Höhe mehr Events darstellen lassen)

Jetzt zu Erklärung der daysleft.
daysleft="1:2:3:4:5"
1 -> Resttage
2 -> Farbe des Hintergrund
3 -> Farbe der Schrift
4 -> optionale FTUI3 Klassen wzB.: bold, size-x, blink (blinkt der Background), (Attribute getrennt durch Leerzeichen setzen)
5 -> optionale FTUI3 Klassen wzB.: bold, size-x; bei gesetzten Attribute blinkoutside und hier blink, blinkt die Schrift mit , (Attribute  getrennt durch Leerzeichen setzen)

Besonderheit blinkoutside:
Bsp1 mit blinkoutside:

daysleft="4:red1:red1:blink:blink bold"
blinkoutside

hier wird die Schrift und die Aussenseiten (links/rechts) rot nach erreichen von 4 Resttagen und blinken in fetter Schrift

Bsp2 ohne blinkoutsite:

daysleft="4:red1:white:blink bold"

hier ist der Hintergrund rot, die Schrift weiß und nach erreichen von 4 Resttagen blinkt alles in fetter Schrift


Beispielconfig:

<ftui-calview
  device="GeburtstagView"
  width="98%"
  top="15px"
  headers="Tage,Datum,Name,Alter"
  details="daysleftLong,bdate,summary,age"
  daysleft="4:red1:red1:blink:blink bold,10:orange:white:bold,14:green:white:white"
  max="6"
  detailwidth="28,24,30,15"
  class="size-2"
  round
  wday_date
  blinkoutside>
</ftui-calview>

blinkoutside sorgt für nur aussen blinken/leuchten....

LG mr_petz

AyshaHM

Sorry Asche auf mein Haupt!

Wenn ein komplett neues FTUI3 aufbaut wird, liest und sucht man sich hier einen Wolf.

- Mülltonnen -
- Termine -
- CallMonotor -  ( mach ich zur Zeit mit table, ja ich weiß man soll colum und row nehmen, aber ich bekomme das spalten Format
  nicht hin. Wäre doch auch was wie der CalView als Callview :-) )
- usw -

lg Aysha
Hardware: Raspberry  4

mr_petz

Zitat von: AyshaHM am 14 Februar 2023, 11:32:57
...
Wenn ein komplett neues FTUI3 aufbaut wird, liest und sucht man sich hier einen Wolf.
....

Aller Anfang ist schwer. Sich einlesen gehört immer dazu bei was neuen.
Die meisten wollen aber immer gleich alles und sofort und am besten die komplette Seite schon fix und fertig mit allen Infos.
Das geht nur wenn alle hier gemeinsam mitwirken, sich einbringen (auch mit Hinweisen, Vorschlägen, wiki erweitern, Codeschnipsel, usw...) und nicht immer nur meckern wenn was nicht geht oder es nicht gefunden wird.
Ist nicht persönlich gemeint :D.

Zitat von: AyshaHM am 14 Februar 2023, 11:32:57
...
- CallMonotor -  ( mach ich zur Zeit mit table, ja ich weiß man soll colum und row nehmen, aber ich bekomme das spalten Format
  nicht hin. Wäre doch auch was wie der CalView als Callview :-) )
...

Benutze ich nicht, deswegen baue ich es auch nicht... sry

LG mr_petz

AyshaHM

Hallo mr_petz,
oh, das war kein Meckern nur eine Frage. Ja, wenn ich genau gelesen hätte, hätte ich sie nicht stelle müssen.

Ich sitze seid 2 Wochen da dran und habe schon vieles selbst hin bekommen. Als Rentner habe ich auch die Zeit dafür und
es macht mir Spaß.

Die Hilfe und die Programmierungen hier sind echt super und ich kann viel lernen!!! Ohne dieses wäre ich schon am Ende.

Danke an alle!

lg Aysha




Hardware: Raspberry  4

Superposchi

Hallo @mr_petz
Beim alten Calview für 2.x konnte man ja auch Kalenderansichten für Tag, Woche, Monat anzeigen lassen.
Gibt es da für FTUI3 auch eine Möglichkeit?

mr_petz

einfach nach calendar im hauptthread suchen und hier gibts den:
https://github.com/Thyraz/ftui/tree/master/components/calendar

ps.
ist nicht von mir...

BigGB

Hi,
benutze ich auch, ist aber scheinbar noch fehlerhaft, siehe Link:
https://forum.fhem.de/index.php?msg=1224663
OdfFhem hatte da schon etwas unterstützt. :)
LG Gerald
FHEM 6.2 auf NUC6CAYH, Fritzbox,
MAX-, Homematic-Komponenten, WLAN-Steckdosen mit Tasmota u. MQTT
Tablet UI3

Superposchi

Danke für die Antwort, schau es mir morgen in Ruhe an.

Andere Frage:
Kann man in deinem Calview die Einträge auch nach Kalender einfärben?

Ich nutze in Fhem in einem Calview-Device mehrere Kalender und würde die gerne in einer Liste anzeigen und zur besseren Erkennbarkeit die Einträge verschiedener Kalender verschieden einfärben.
Oder geht das nur mit den Tagen

mr_petz

Weis jetzt nicht was du meinst?
Es gibt sourcecolor was man setzen kann wenn du das meinst...

Superposchi

Im Example wird mit dem daysleft-Attribut die Farbe des jeweiligen Eintrags gesetzt. Diese beinhaltet zwar ein Mapping aber keine Angabe eines Readings. Es reagiert fest auf das Reading der ausstehenden Tage.

sourcecolor sagt mir nichts. Wie verhält sich das mit dem daysleft-Attribut.
Wenn man beide nutzt gibt es ja eine Überschneidung.