NEWS

HTML Tabelle für TrashSchedule Adapter



  • dies ist eine html-tabelle für den Trash Schedule adapter - momentan wird dieser entwickelt - daher kann es möglich sein, dass bei änderung des adapters, dieses tabellen-script nachbearbeitet werden muss.

    findet anwendung in vis und iqontrol

    als grundlage des scriptes dient wieder: https://forum.iobroker.net/topic/28021/html-table-für-vis-oder-iqontrol-js-und-blockly

    warum gibt es diese tabelle - für platzsparende übersicht in der vis (tabelle wird über html-widget mit binding angezeigt)

    • wie üblich müssen datenpunkte selbst angelegt werden und im script eingegeben werden (z.b. let dpVIS="0_userdata.0.Tabellen.TrashSchedule")
    • der dp der trashschedule instanz wird unter dpTSJson eingegeben
    • im setting bereich des scriptes können die html settings auf wunsch geändert werden (darstellung farbe, ...)
    • die tabelle refresht alle 6 stunden
    • im script selbst muss von hand die tonnenbeschreibung und das dazugehörige bild hinzugefügt werden - die bilder müssen über die vis ins system upgeloaded werden - in der constanten apName https://forum.iobroker.net/post/466680
    • material design widget möglich - siehe unten

    Image 7.png

    Image 5.png

    IQONTROL:

    smart48.gif

    MATERIAL DESING WIDGETs:
    Image 18.png


  • Forum Testing Most Active

    @liv-in-sky sagte in HTML Tabelle für TrashSchedule Adapter:

    und ob man bilder oder emjis nutzen möchte

    Wie?

    Erledigt.

    Screenshot (281).png



  • @sigi234

    zum einem müssen die bilder in der vis upgeloaded sein und den pfad muss man im script einsetzen

    im script ist momentan das bild aktiv

    hier kann man selbstständig ändern:
    grüner pfeil = pfad mit bild angeben
    blauer pfeil - größe des bildes
    roter pfeil - das erkennungswort, welches auch im adapter genutzt wird

    Image 8.png

    will man keine bilder sondern emojis, einfach den hinteren teil löschen oder auskommentieren (nicht die klammer am ende der zeile löschen)

    Image 9.png



  • @sigi234 genau so 🙂

    die überschrift kannst du so wegbekommen

    Image 10.png


  • Forum Testing Most Active

    @liv-in-sky

    Eine HTML wird nicht geschrieben, aber das hatten wir ja schon mal.



  • @sigi234

    du meinst ein html file

    seit iqontrol das direkt kann, braucht man das eigentlich nicht mehr über ein file zu lösen - daher teste ich das nicht mehr



  • da es ja soviele treue material widget fans gibt - hier ein versuch, auch das zu bedienen - script und widgets im ersten post - datenpunkte müssen von hand angelegt werden und widget müssen auch auf true gestellt werden, damit etwas in den dp geschrieben wird

    Image 18.png

    • auch hier muss das script angepasst werden, wenn das widget anders aussehen soll - da ich nicht so der vis-kreative bin, sind vorschläge für die widgets gerne gesehen

    • damit die widget cards einen gelben (oder anderen) unterstrich bekommen, wenn nächster tag fällig, ist momentan <=4 tage eingestellt - um das auf <=1 tag zu bekommen muss man hier ändern:

    Image 19.png


  • Forum Testing Most Active

    @liv-in-sky
    Hast du eine geheime Tonne?



  • @sigi234 nicht wirklich - ist ein anderer regelmäßiger termin - total geheim 🙂



  • @liv-in-sky

    Das ist wahrscheinlich noch ein bißchen zu hoch für mich.

    Im IO Broker unter Scripte (root/global/common ?) dein Script einfügen, und dann eine HTML Tabelle einfügen mit http://192.168.xx.xx:8082/vis.0/htmlexample.html und dann soll es angezeigt werden ?

    Bei mir in den logs kommt
    (941) State "0_userdata.0.Tabellen.TrashScheduleTermine" not found



  • @novregen

    genau - ein neues script erstellen - mein script reinkopieren
    wichtig - die datenpunkte musst du auch noch anlegen - stehen oben im setting bereich des scriptes
    daher der fehler - kann datenpunkt nicht finden



  • @novregen

    du gehst in den objekte tab im admin und markierst 0_userdata.0
    dann datenpunkt anlegen - typ steht im script - mit der id :Tabellen.TrashScheduleTermine

    und für die anderen datenpunkte machst du das selbe

    Image 2.png



  • Was für Typen "Datenpunkt / Text / Gemischt" muss das denn sein ?
    Und im Vis dann eine HTML Tabelle einfügen und http://192.168.xx.xx:8082/vis.0/htmlexample.html
    eintragen?



  • @novregen

    die html tabelle in der vis:

    du nimmst ein normales html widget und trägst dann den datenpunkt in klammern ein

    {0_userdata.0.Tabellen.TrashScheduleTermine}
    

    Image 3.png



  • @novregen

    steht im script - sind text datenpunkte



  • @liv-in-sky
    vielen Dank erstmal für deine Hilfe, Tabelle habe ich erstmal grob drin mit Wochentage =:->

    Bei TrashScheduleWidget und TrashScheduleWidgetTable steht jedoch nichts drin.
    Kann man je Spalte hell / dunkel absetzen ?



  • @novregen

    wenn du die material widgets nutzen willst, mußt du sie in zeile 9 oder 10 auf true setzen

    Image 4.png

    zeile 7 auf false lassen und zeile 8 auf true

    die spalten sind farblich immer gleich - nur die zeilen können unterschiedliche farben haben

    "erstmal grob drin mit Wochentage =:->"
    die aussage verstehe ich nicht



  • @liv-in-sky

    grob - bedeutet ich muss noch mal an textgrösse etc. feilen bin aber sehr glücklich da es schon mal so gut geklappt hat. Vielen Dank nochmal für die Hilfe, hätte ich alleine wahrscheinlich so nicht geschafft.


  • Forum Testing Most Active

    @liv-in-sky

    Danke läuft:

    Screenshot (284).png



  • im ersten post ist ein kleines update (muss nicht installiert werden - die einzige änderung ist für das html widget - dort werden die werte in einer anderen farbe angezeigt, wenn termin am nächsten tag ist bzw wenn daysleft ist kleiner gleich 1

    einstellungen wurde ins setting nach oben verschoben und müssen nicht mehr im script selbst geändert werden

    • farbe für "am nächsten tag anstehend" (für html tabelle - ganze zeile - siehe bild)
    • style für "am nächsten tag anstehend" (für html tabelle - ganze zeile - siehe bild)
    • größe der bilder (für html tabelle)
    • statusBar Farbe für Material Design List Widget für "am nächsten tag anstehend" (bild2)
    • statusBar Farbe für Material Design List Widget normale Ansicht

    Image 5.png

    Image 7.png


Log in to reply
 

Suggested Topics

1.2k
Online

32.1k
Users

38.8k
Topics

525.6k
Posts