Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Skripten / Logik
    4. JavaScript
    5. HTML Tabelle für Tasmota Timer (+Setzen)

    NEWS

    • Monatsrückblick - April 2025

    • Minor js-controller 7.0.7 Update in latest repo

    • Save The Date: ioBroker@Smart Living Forum Solingen, 14.06.

    HTML Tabelle für Tasmota Timer (+Setzen)

    This topic has been deleted. Only users with topic management privileges can see it.
    • M
      MCU @liv-in-sky last edited by

      @liv-in-sky Echt Klasse CSS-Funktionen. Danke. Wie kann ich denn die CSS-Klasse per Programmierung zum Widget z.B. w00432 ändern?
      Kann man das in dem Scripte-TAB programmieren?
      Also die CSS-Klasse auswählen in Abhängigkeit vom einem Datenpunkt-Wert?

      liv-in-sky 1 Reply Last reply Reply Quote 0
      • liv-in-sky
        liv-in-sky @MCU last edited by liv-in-sky

        @MCU

        beispiel passend zum script

        {val:javascript.0.Tasmota-Timer.scriptRunning; val ? "blink-bunt-blau" : ""}
        

        anstatt der klasse eintragen - nennt sich binding - gibt es viel im forum zum lesen

        das ist die kurzform einer if-abfrage
        wenn bedingung ? dann das hier : sonst das hier

        kann man in viele setting einsetzen z.b. in der farbe, in der weite, ....

        M 1 Reply Last reply Reply Quote 0
        • M
          MCU @liv-in-sky last edited by

          @liv-in-sky
          Das habe ich auch schon benutzt. Da aber nur für den Hintergrund von einem TEXT. Dachte nicht, daß es auch mit CSS-Klassen geht.
          In dem Fall kann man nur zwischen 2 Werten wechseln, geht das auch mit mehreren Werten. Also für 4 Alternativen? Kann man das dann auch noch mit den Bindings machen?

          M liv-in-sky 2 Replies Last reply Reply Quote 0
          • M
            MCU @MCU last edited by

            Schon gefunden:

            https://forum.iobroker.net/topic/35823/vis-fensterstatus-mit-4-farbwerten/6

            Danke.

            1 Reply Last reply Reply Quote 0
            • liv-in-sky
              liv-in-sky @MCU last edited by

              @MCU

              das ist ein boolean - da gibt es nur 2 mögl.
              man jann aber auch sowas machen

              {val:sonoff.0.Sonoff15.AM2301_Temperature; val>=23&&val<29? "#D47DD7": val>=29? "red": "#0edd32"}
              
              1 Reply Last reply Reply Quote 0
              • Soundy
                Soundy @liv-in-sky last edited by

                @liv-in-sky said in HTML Tabelle für Tasmota Timer (+Setzen):

                habe das hier im css tab im vis editor:

                Im aktuellen Chrome und Edge habe ich allerdings keine Laufschrift.

                Allerdings hat der Tipp was gebracht, wo "marquee2" korrigiert wurde:

                animation: marquee 5s linear infinite; 
                

                durch das ersetzen:

                animation: marquee2 5s linear infinite; 
                

                Anm.: Ich bin sowieso kein Freund von Laufschriften, aber rein interessehalber. 😉

                Allerdings noch mit Darstellungsproblemen:

                Anmerkung 2020-09-10 020020.png

                Es startet ca. an der roten Linie und geht dann in die Steuerelemente rein. Klar, ist anpassbar, aber ich wollte es nur mal erwähnen. Wichtiger ist derzeit ohnehin mal die Funktion, das steht außer Zweifel. 😉

                könnte an den einstellungen liegen - ich habe z.b das hier eingestellt

                Okay, alles klar, Danke! Ich habe Tasmota 8.5.0 drauf, da bewirkt die Variable leider einen unterschiedlichen Hostnamen:

                Ein "Hostname (%s-%04d)" hängt immer eine Zahl an, darum war Ordner und Hostname unterschiedlich. Nun habe ich den Ordnernamen hier eingetragen und es ist gleich. Also das wäre mal erledigt. Ich konnte allerdings prüfen, dass es auch funktioniert, wenn Ordner und Hostname nicht gleich sind. Bitte jemand andere noch gegenprüfen!

                blinken und nboch ein paar andere:

                Die ganzen CSS-Klassen sind gut und schön, aber ich mag ohnehin nicht, wenn alles so blinkt und funkelt. Und es macht schnell Probleme in ungewöhnlichen Browsern. Vor allem bei Android/Apple habe ich da ein wenig Angst. Daher habe ich die CSS-Anweisungen mal eingefügt, aber außer dem rot/blauen Blinken hat sich anscheinend eh nichts geändert, wenn man nicht weiterführende Anpassungen durchführt.

                FAZIT DERZEIT:

                Ja, es funktioniert im Prinzip. Aber...

                Es lässt sich aktuell kaum in ein bestehendes Design einbauen und es wirkt noch alles ein wenig holprig. Dass man nichts ändern kann, wenn das Skript läuft, macht es natürlich auch etwas schwerfällig. Ich bin auch gerade am überlegen, wie man das ganze System ein wenig "anwenderfreundlicher" gestalten könnte - was haben andere für Meinung dazu?

                liv-in-sky 1 Reply Last reply Reply Quote 0
                • liv-in-sky
                  liv-in-sky @Soundy last edited by liv-in-sky

                  @Soundy

                  • darstellungsproblem:
                    -was genau ist das problem - kann ich nicht erkennen - das einzige, was mir auffällt ist, dass in deiner tabelle kein device name da ist - oder meinst du das leerzeichen vor z.b Window

                  Image 1.png

                  • css klassen:
                    -die waren nur zum sichtbarmachen für die animatet gifs im forum gedacht - es gibt einen datenpunkt, mit dem kannst du das selbst gestallten um das warten sichtbar zu machen. mir persönlich reicht es, dass der absenden button nicht mehr sichtbar ist - damit ist eigentlich klar - dass man warten muss

                  • das design mit den MD widgets ist definitiv verbesserungswürdig - alles zu groß - ich hätte es gerne etwas kompakter, aber vis design war noch nie meine stärke - vielleicht kann das jmd anders besser gestalten

                  • das warten ist durch die verzögerte http kommunication gekommen - wenn ich das schneller mache, steigen bei mir die sonoffs teilweise aus, bzw restarten sogar
                    -mqtt nutze ich nicht und eigentlich sind die datenpunkte alle da, die ich zur abfrage brauche - das problem dabei: die datenpunkte des sonoff adapters ändern sich nicht , wenn ich direct im sonoff ändere - d.h. die tabelle zeigt erst enorm verspätet an, wie der status ist - teilweise überhaupt nicht - daher wird bei jedem aufbau der tabelle , jeder sonoff via http abgefragt, damit die tabelle auch anzeigt, was eingestellt ist - daher würde ein mqtt senden , keine verschnellerung bringen, da ich nach dem senden eh wieder eine http abfrage machen muss

                  ABER: im ersten post ist eine neue version - die wartezeit hat sich verbessert bzw verkürzt

                  Soundy 1 Reply Last reply Reply Quote 0
                  • liv-in-sky
                    liv-in-sky last edited by liv-in-sky

                    UPDATE - im ersten post - bitte testen - die wartezeit ist verkürzt worden beim aufbau der tabelle

                    smart88.gif

                    die view bekomme ich nicht besser hin .- irgendwie wollen die widget nicht so, wie ich es will

                    1 Reply Last reply Reply Quote 0
                    • liv-in-sky
                      liv-in-sky last edited by liv-in-sky

                      es gibt ein neues update im ersten post - war noch ein fehlerchen im script

                      bitte auch die view vom 2ten post laden - es ist noch was dazugekommen:

                      anzahl der gezeigten timer:

                      anzahl-Timer-in-tabelle.gif

                      ein neues device anzeigen lassen:

                      add-device.gif

                      ein device ganz neu mit einem timer einrichten - standardmäßig sind die timer nicht enabled - das script enabled auch die timer - somit muss man nicht mehr auf die tasmota seite.

                      neues-device.gif

                      test und feedback erwünscht

                      Chaot 1 Reply Last reply Reply Quote 0
                      • Chaot
                        Chaot @liv-in-sky last edited by

                        @liv-in-sky Funktioniert (wie von dir gewohnt) hervorragend. Sogar mit meinen "seltsamen" Geräten ohne Probleme.
                        Neue Geräte anlegen und Timer setzen klappt auch.

                        Eine Frage habe ich noch: Was ist der Punkt "Window"?

                        liv-in-sky 1 Reply Last reply Reply Quote 0
                        • liv-in-sky
                          liv-in-sky @Chaot last edited by

                          @Chaot

                          habe ich auch nicht ganz kapiert - ich glaube das ist ein fenster anstatt ein fester zeitpunkt

                          hatte das gefunden -

                          https://github.com/arendst/Tasmota/issues/2447

                          window 5 bedeutet wohl +/- 5 minuten um die angegebene zeit herum

                          FabianHM created this issue in arendst/Tasmota

                          closed Add Random Function for the Timer #2447

                          Chaot 1 Reply Last reply Reply Quote 0
                          • Chaot
                            Chaot @liv-in-sky last edited by

                            @liv-in-sky Ach Ja! Das ist das Zeitfenster das man einstellen kann.
                            Da ich die nicht nutze ist mir das ganz entfallen.

                            1 Reply Last reply Reply Quote 0
                            • Soundy
                              Soundy @liv-in-sky last edited by

                              @liv-in-sky said in HTML Tabelle für Tasmota Timer (+Setzen):

                              darstellungsproblem:
                              -was genau ist das problem - kann ich nicht erkennen - das einzige, was mir auffällt ist, dass in deiner tabelle kein device name da ist - oder meinst du das leerzeichen vor z.b Window

                              Naja, dass die Laufschrift eigentlich zu weit links ist, aber jetzt mal egal ...

                              Das ich KEIN DEVICE NAME hier habe ist mir gar nicht aufgefallen, hast du recht. An was kann das denn liegen?

                              das warten ist durch die verzögerte http kommunication gekommen - wenn ich das schneller mache, steigen bei mir die sonoffs teilweise aus, bzw restarten sogar

                              Gut, ja versteh ich ja. Ich stell mir halt vor: Man macht die Eingaben, sendet das ab und speichert es somit im Sonoff ab. Also den kompletten Datensatz (Zeit, Output, Tag, usw.). Mag sein, dass ich es mir zu einfach vorstelle und ich bin auch noch nicht so wirklich tief in ioBroker drin. 🙂

                              Allerdings speichert er mir jetzt keine Einstellungen mehr bei einem neuen Timer. Herrjeee...

                              Ich bleib mal beim "Mitlesen", da ich mich heute mal um was anderes kümmern muss.

                              liv-in-sky 1 Reply Last reply Reply Quote 0
                              • liv-in-sky
                                liv-in-sky @Soundy last edited by

                                @Soundy

                                ich denke, du verstehst das prinzip des forums noch nicht ganz - ich mache hier einen vorschlag, den jeder nehmen kann und auch für sich verändern bzw anpassen kann - die laufschrift, kannst einfach löschen - die farben, das blinken und die anordnung der vis ist nicht meine priorität , sondern solltest du selbst für dich anpassen - ich wollte nur dieses script zum laufen bringen - wie du das umsetzt für dich, bleibt dir überlassen - löscher einfach die laufschrift oder verändere die view solange, bis es dir gefällt - du musst die view auch nicht nutzen, sondern kannst dir die widget darin dahin kopieren, wo du sie haben willst.

                                im letzten update ist das mit dem device namen gelöst worden - im script war ein fehler, wenn nur ein device eingegeben war, zeigte das script den devicenamen nicht an

                                das script zusammen mit der vis-view machen genau das: du stellst dir deine einstellungen zusammen und klickst auf absenden - dann wird das alles auf dem ausgewählten sonoff übertragen und gespeichert. bei mir funktioniert es und @chaot hat es auch bestätigt. du musst aber das neuste script und die neue view zuerst bei dir installieren,. wenn es dann nicht funktioniert, muss man sich auf die fehlersuche machen - es könnte noch ein fehler im script sein oder ein lokales problem bei dir - ich mache auch ab und zu eine teamviewer session, um solche fehler zu finden oder das script zu verbessern - können wir gerne machen - dabei könntest du auch grundlegende fragen zu iobroker loswerden .

                                herrjee - also bitte nicht nur mitlesen, sondern lass uns den fehler bei dir finden, damit ist dir und mir geholfen

                                Soundy 1 Reply Last reply Reply Quote 1
                                • Soundy
                                  Soundy @liv-in-sky last edited by Soundy

                                  @liv-in-sky

                                  Sorry, das war ja sicher nicht bös' gemeint, mir ist schon klar, dass es ein "Vorschlag" ist. Es tut mir leid.

                                  So, ich hab nun das Problem, dass er mir Timer 5 und 6 (über Tasmota gesetzt) einfach nicht einlesen will. Gibt es das einstellbare Limit noch, dass es in den ersten Versionen gab? Also dass er z.B. nur 4 Timer liest? Gefunden habe ich es eigentlich nichtmehr - aber manchmal ist man vor lauter Code blind.

                                  In der Konsole liest er es auch nicht:

                                  23:07:46 MQT: stat/Gardena_Kinderzimmer_8CBFCA/RESULT = {"Timer1":{"Enable":1,"Mode":0,"Time":"15:00","Window":0,"Days":"1111111","Repeat":1,"Output":1,"Action":1}}
                                  23:07:46 MQT: stat/Gardena_Kinderzimmer_8CBFCA/RESULT = {"Timer2":{"Enable":1,"Mode":0,"Time":"15:02","Window":0,"Days":"1111111","Repeat":1,"Output":1,"Action":0}}
                                  23:07:46 MQT: stat/Gardena_Kinderzimmer_8CBFCA/RESULT = {"Timer3":{"Enable":1,"Mode":0,"Time":"21:00","Window":0,"Days":"1111111","Repeat":1,"Output":1,"Action":1}}
                                  23:07:47 MQT: stat/Gardena_Kinderzimmer_8CBFCA/RESULT = {"Timer4":{"Enable":1,"Mode":0,"Time":"21:02","Window":0,"Days":"1111111","Repeat":1,"Output":1,"Action":0}}
                                  

                                  Aber 5 und 6 sind gesetzt, hier z.B. der 5er-Timer:

                                  Anmerkung 2020-09-12 230859.png

                                  .
                                  .
                                  .

                                  EDIT NACH INTENSIVER SUCHE:

                                  In Zeile 559 verwendest du noch "anzahlTimer=4" ... schieb diese Variable vielleicht ganz nach oben in die Konfiguration. Ich habe mir jetzt auch einen Wolf gesucht, aber gefunden. 😉

                                  if(getState("sonoff.0."+ida[2]+".alive").val && parseInt(getState("sonoff.0."+ida[2]+".INFO.Version").val.replace(/^(.).+/,"$1")) >=5) {
                                       
                                      myWidgetAll.push( {"name" : getState(id.replace("INFO.IPAddress","INFO.Hostname")).val , "ip" : getState(id.replace("INFO.IPAddress","INFO.IPAddress")).val})
                                    
                                     anzahlTimer=4
                                     if (existsState("javascript."+ instance +"."+javascriptInstanzOrdner+".TimerAnzeigeProDevice")) anzahlTimer=getState("javascript."+ instance +"."+javascriptInstanzOrdner+".TimerAnzeigeProDevice").val
                                     for (let ii=1;ii<=anzahlTimer;ii++){
                                  

                                  Er liest mir aber noch immer nur 4 Timer. grübel

                                  .
                                  .
                                  .

                                  FEHLERSUCHE:

                                  Zeile 559 nach oben verschoben und als "var" definiert (ich denke, das ist korrekt):

                                  var anzahlTimer=16
                                  

                                  Zeile 132 entfernen, da sonst doppelt definiert:

                                  var anzahlTimer;
                                  

                                  Zeile 159 geändert zur Variable, da hier die "4" fix definiert sind:

                                  createState(javascriptInstanzOrdner+".TimerAnzeigeProDevice", anzahlTimer, { name: 'Tasmota-Timer-TimerAnzeigeProDevice',  type: 'number', unit: '',  role: '',read: true, write: true });
                                  

                                  Da die Variable "anzahlTimer" ähnlich der "AnzahlTimer" (Gross/Kleinschreibung) ist, habe ich die "anzahlTimer" mal in "wievieletimerlesen" umbenannt und überall ersetzt, zb. Zeile 562:

                                  if (existsState("javascript."+ instance +"."+javascriptInstanzOrdner+".TimerAnzeigeProDevice")) wievieletimerlesen=getState("javascript."+ instance +"."+javascriptInstanzOrdner+".TimerAnzeigeProDevice").val
                                  

                                  Soweit mal sogut, aber jetzt stehe ich auch an. Ich versuche mal zu erklären:

                                  In der Tasmota-Konsole liest er mir die 16 Time aus:

                                  01:36:11 MQT: stat/Gardena_Kinderzimmer_8CBFCA/RESULT = {"Timer1":{"Enable":1,"Mode":0,"Time":"14:00","Window":0,"Days":"1111111","Repeat":1,"Output":1,"Action":1}}
                                  01:36:12 MQT: stat/Gardena_Kinderzimmer_8CBFCA/RESULT = {"Timer2":{"Enable":1,"Mode":0,"Time":"18:00","Window":0,"Days":"1111111","Repeat":1,"Output":1,"Action":1}}
                                  01:36:12 MQT: stat/Gardena_Kinderzimmer_8CBFCA/RESULT = {"Timer3":{"Enable":1,"Mode":0,"Time":"22:00","Window":0,"Days":"1111111","Repeat":1,"Output":1,"Action":1}}
                                  01:36:12 MQT: stat/Gardena_Kinderzimmer_8CBFCA/RESULT = {"Timer4":{"Enable":0,"Mode":0,"Time":"00:00","Window":0,"Days":"0000000","Repeat":0,"Output":1,"Action":0}}
                                  01:36:12 MQT: stat/Gardena_Kinderzimmer_8CBFCA/RESULT = {"Timer5":{"Enable":0,"Mode":0,"Time":"00:00","Window":0,"Days":"0000000","Repeat":0,"Output":1,"Action":0}}
                                  01:36:12 MQT: stat/Gardena_Kinderzimmer_8CBFCA/RESULT = {"Timer6":{"Enable":0,"Mode":0,"Time":"00:00","Window":0,"Days":"0000000","Repeat":0,"Output":1,"Action":0}}
                                  01:36:13 MQT: stat/Gardena_Kinderzimmer_8CBFCA/RESULT = {"Timer7":{"Enable":0,"Mode":0,"Time":"00:00","Window":0,"Days":"0000000","Repeat":0,"Output":1,"Action":0}}
                                  01:36:13 MQT: stat/Gardena_Kinderzimmer_8CBFCA/RESULT = {"Timer8":{"Enable":0,"Mode":0,"Time":"00:00","Window":0,"Days":"0000000","Repeat":0,"Output":1,"Action":0}}
                                  01:36:13 MQT: stat/Gardena_Kinderzimmer_8CBFCA/RESULT = {"Timer9":{"Enable":0,"Mode":0,"Time":"00:00","Window":0,"Days":"0000000","Repeat":0,"Output":1,"Action":0}}
                                  01:36:13 MQT: stat/Gardena_Kinderzimmer_8CBFCA/RESULT = {"Timer10":{"Enable":0,"Mode":0,"Time":"00:00","Window":0,"Days":"0000000","Repeat":0,"Output":1,"Action":0}}
                                  01:36:14 MQT: stat/Gardena_Kinderzimmer_8CBFCA/RESULT = {"Timer11":{"Enable":0,"Mode":0,"Time":"00:00","Window":0,"Days":"0000000","Repeat":0,"Output":1,"Action":0}}
                                  01:36:14 MQT: stat/Gardena_Kinderzimmer_8CBFCA/RESULT = {"Timer12":{"Enable":0,"Mode":0,"Time":"00:00","Window":0,"Days":"0000000","Repeat":0,"Output":1,"Action":0}}
                                  01:36:14 MQT: stat/Gardena_Kinderzimmer_8CBFCA/RESULT = {"Timer13":{"Enable":0,"Mode":0,"Time":"00:00","Window":0,"Days":"0000000","Repeat":0,"Output":1,"Action":0}}
                                  01:36:14 MQT: stat/Gardena_Kinderzimmer_8CBFCA/RESULT = {"Timer14":{"Enable":0,"Mode":0,"Time":"00:00","Window":0,"Days":"0000000","Repeat":0,"Output":1,"Action":0}}
                                  01:36:14 MQT: stat/Gardena_Kinderzimmer_8CBFCA/RESULT = {"Timer15":{"Enable":0,"Mode":0,"Time":"00:00","Window":0,"Days":"0000000","Repeat":0,"Output":1,"Action":0}}
                                  01:36:15 MQT: stat/Gardena_Kinderzimmer_8CBFCA/RESULT = {"Timer16":{"Enable":1,"Mode":0,"Time":"00:00","Window":0,"Days":"0100000","Repeat":1,"Output":1,"Action":1}}
                                  

                                  Aber im IoBroker VIS zeigt er es mir nicht an. Grund dafür wird wohl "javascript.0.Tasmota-Timer.AnzahlTimer" bei mir sein. Denn dieser Wert steht auf "3", obwohl ich Timer 1, 2, 3 und 16 gesetzt habe, wie man oben im Konsole-Log sieht.

                                  Ich komme im JavaScript aber nicht drauf, woher der Wert 3 kommt.

                                  Setze ich "javascript.0.Tasmota-Timer.AnzahlTimer" zwangsweise auf "16" und mache dann einen refresh im VIS, dann werden mir alle gesetzten Timer angezeigt und der Wert wird vom Skript auf "4" gesetzt. Beim nächsten refresh wird dieser Wert aber wieder auf "3" gesetzt und ich sehe wieder nur meine ersten 3 Timer.

                                  Hmm... war das halbwegs verständlich? Ich stehe wahrscheinlcih auf dem Schlauch und bin zu wenig erfahren, als dass ich den Fehler noch finden würde. Schaust du dir das bitte mal an? DANKE 🙂

                                  liv-in-sky 1 Reply Last reply Reply Quote 0
                                  • liv-in-sky
                                    liv-in-sky @Soundy last edited by

                                    @Soundy in der neuen view ist dafür ein eigenes input feld - das schreibt einen datenpunkt.

                                    siehe diesen post: erstes bild
                                    https://forum.iobroker.net/post/486897

                                    es ist mir aber noch ws aufgefallen, was mit der anzeige der timer bzw der zu anzeigenen timer zu tun hat - daher bitte das script des ersten postes benutzen - habe es upgedatet
                                    ich habe nei alle 16 timer definiert - ab einer größeren anzahl "anzuzeigene timer" hatte das script ein problem - ist/sollte mit nutzung des updates erledigt sein

                                    1 Reply Last reply Reply Quote 0
                                    • liv-in-sky
                                      liv-in-sky last edited by

                                      update - fehlerkorrektur bei vielen timern - wie immer im ersten post

                                      1 Reply Last reply Reply Quote 0
                                      • First post
                                        Last post

                                      Support us

                                      ioBroker
                                      Community Adapters
                                      Donate

                                      732
                                      Online

                                      31.6k
                                      Users

                                      79.4k
                                      Topics

                                      1.3m
                                      Posts

                                      javascript monitoring template
                                      5
                                      43
                                      3476
                                      Loading More Posts
                                      • Oldest to Newest
                                      • Newest to Oldest
                                      • Most Votes
                                      Reply
                                      • Reply as topic
                                      Log in to reply
                                      Community
                                      Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                      The ioBroker Community 2014-2023
                                      logo