HTML Tabelle für Tasmota Timer (+Setzen)

[MCU]

@liv-in-sky Zunächst Danke für die Antwort.
Ich komme allerdings noch nicht so ganz damit zurecht.

Wo muss was rein und welches Widget muss man nehmen?
Wenn ich auf CSS Klasse klicke, dann erscheint immer nur eine die man auswählen kann:

vis-style-green-gray

Ich brauche also noch detailliertere Infos.
Muss das CSS ins GLOBAL oder PROJEKT?

Vielen Dank.

[liv-in-sky]

@MCU ich habe es unter global

nur unter generell die klasse - ohne den punkt davor - filter leer lassen

[MCU]

@liv-in-sky Jetzt weiß ich warum es trotzdem nicht funktionierte:

animation: marquee 5s linear infinite; 

da muß man marquee2 schreiben

Ist das blinken vom Rahmen in dem Spoiler vom 2. Post?

[liv-in-sky]

@MCU

blinken und nboch ein paar andere:

.blink-bunt-blau   {
  animation: mdui-bunt-blau-blink-ani 3s linear infinite;
    
}
@keyframes mdui-bunt-blau-blink-ani {
  8% {filter: drop-shadow(0px 0px 4px #00BFFF) drop-shadow(0px 0px 4px #00BFFF) drop-shadow(0px 0px 4px #00BFFF); }
  30% {filter: drop-shadow(0px 0px 4px #A9BCF5) drop-shadow(0px 0px 4px #A9BCF5) drop-shadow(0px 0px 4px #A9BCF5); }
  60% {filter: drop-shadow(0px 0px 4px #FF0040) drop-shadow(0px 0px 4px #FF0040) drop-shadow(0px 0px 4px #FF0040); }
  0% {filter: none;}
}

.anime { animation: turner 4s infinite linear !important}
  
@keyframes turner{
    from{  transform: rotateY(0deg)   }
    to  {  transform: rotateY(360deg) }
}

.blinkklasse {
 
  animation: blink 1s linear infinite;
}

@keyframes blink {
  0%, 50% {
    opacity: 0;
  }
  50.01%, 100% {
    opacity: 1;
  }
}

.zoom {
  
  background-color: green;
  transition: transform .5s; /* Animation */
 
}

.zoom:hover {
  transform: scale(2.5) translate(50px, -100px) !important;
   z-index:999;
}

.dreh {
  transform: rotateY!important;
    animation: roll 5s infinite !important;;
  
}

@keyframes roll {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}

[Chaot]

@liv-in-sky Bei mir läuft das Script und alle Geräte werden angezeigt.
Timer setzen habe ich noch nicht probiert. Habe noch etwas Stress um die Ohren

[liv-in-sky]

@Chaot danke für's feedback - bring ruhigen schlaf

dann testen wir weiter, wenn der stress wieder weg is

[MCU]

@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]

@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, ....

[MCU]

@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?

[MCU]

Schon gefunden:

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

Danke.

[liv-in-sky]

@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"}

[Soundy]

@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:

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]

@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

• 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

[liv-in-sky]

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

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

[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:

ein neues device anzeigen lassen:

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.

test und feedback erwünscht

[Chaot]

@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]

@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]

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

[Soundy]

@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]

@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