Test Adapter tvprogram

[oFbEQnpoLKKl6mbY5e13]

@mcu
Nimm eine andere Hintergrundfarbe.

[OliverIO]

@mcu said in Test Adapter tvprogram:

Problem: Die linke Seite mit den Sendern wird mit ins Programm gezogen oder umgekehrt.

Setze bitte für das widget eine background-color. Die channelspalte benötigt eine Hintergrundfarbe. Das widget, geht dann den Elementebaum hoch bis zum body-element und nimmt dann die Hintergrundfarbe, die es bis dahin gefunden hat. Wenn nirgends eine Farbe gesetzt wurde gibt spätestens da der Browser einfach nur die Farbe Transparent aus.
Da ich das widget für verschiedene Farben kompatibel halten möchte kann ich selbst keine Farbe vorgeben, da die meist falsch wär (helle themes/dunkle themes)

Das hatte ich in der Hilfe bereits beschrieben:
If the text behind the channel logos shows through, a background color must be selected in the widget

Weiterhin der Vorschlag bei Zoom- und Zoom+ und "zentrierung" die Effekte weglassen, diese sind verwirrend und verhindern teilweise die Auslösung vom Zoom.

Welche Effekte meinst du? Wenn der Zoomknopf gedrückt wird, wird einfach die Basisbreite für 30 Minuten angepasst und das Layout neu gerechnet.

Die Pfeile links und rechts haben welche Funktion? (Mouseover-Element oder ähnliches zur Erklärung?)

Mit denen kann man durch die vorhandenen Tage blättern. Das ist am Datum oben rechts erkennbar. Der Adapter kann leider keine Tage vor dem aktuellen Tag abrufen. Von daher wirst du gestern dir jetzt nicht anzeigen können. Erst morgen.
Tooltips für die Knöpfe schreib ich mal auf.

Wenn ich den Pfeil rechts klicke ändert sich das Programm einiger Sender. Was ist da die Grundlage?

Wie gesagt, das Datum.

[MCU]

@OliverIO
Einige Programmdaten sind schlecht zu lesen:

Bei der ARD und Pro7 in diesem kann man die Einträge vom Programm nur teilweise oder gar nicht erkennen. Kann man das noch irgendwie steuern in Abhängigkeit vom Sichtfeld des Programmfeldes?

[MCU]

@oliverio
Hier ein Video von den Effekten:
Video TVPorgramm Effekte bei Zoom.flv

[Linedancer]

@oliverio
dann bräuchte ich halt ne Info wie ich das Widget konfigurieren muss.
Anscheinend bin hier als einziger zu doof diesen Adapter ohne Datenpunkte die mit VIS verknüpft werden müssen, zu benutzen.

[OliverIO]

@mcu
Ich hatte mal was probiert, hat bisher noch nicht funktioniert.
Ich wollte, das in diesem Fall der Text in der Anzeige, solange am linken Rand hängen bleibt, bis die Sendung komplett außer Sicht ist. Hab aber noch keine Lösung mit css gefunden.
Das Layout hier ist wegen dem scrollen und den verschiedenen überlagernden Schichten (Kanal/Zeit) leider etwas herausfordernd.

[MCU]

@oliverio Gibt es da eine Funktion, falls Programmfeld nicht komplett zu sehen oder im Anzeigebereich, dann rechtsbündig anzeigen?

[oFbEQnpoLKKl6mbY5e13]

@linedancer
Du musst nur tvprogram_oid auf tvprogram.0 legen. Fertig.

[OliverIO]

@mcu du kannst in das css feld der view mal folgendes eintragen

das gilt halt für alle.
w00002 bitte gegen deine widgetid tauschen

#w00002 .broadcastelement {
    text-align: right;
}

css hat nicht soviel logik eingebaut

[MCU]

@oliverio Verschiebt leider alles nach rechts:

[Stephan Schleich]

@mcu wie hast du es geschafft das die Sender Logos im Vordergrund sind? Bei mir sind die überlappend

[MCU]

@stephan-schleich Wie oben weiter erwähnt, muss man die BackgroundColor vom Widget einstellen.

[OliverIO]

@mcu said in Test Adapter tvprogram:

OliverIO Verschiebt leider alles nach rechts:

Hatte ich ja geschrieben. Es gibt ohne javascript keine logik, die das nur für bestimmte elemente macht.
Mit javascript würde es gehen. die müsste aber parallel zum scrollen laufen und da kann man Performance technisch nur verlieren.

auch andere seiten haben da keine andere lösung
https://www.prisma.de/tv-programm/v/a/
https://www.tvspielfilm.de/tv-programm/sendezeit/

[Linedancer]

@ofbeqnpolkkl6mby5e13

Danke für die Info, läuft.

[oFbEQnpoLKKl6mbY5e13]

@linedancer

[MCU]

@oliverio
Hier mal ein Video mit Mauszeiger:

Video TVProgramm Klick auf Zoom.flv

Ist es möglich den roten Strich bzw. die aktuelle Zeit von Anfang an in der Mitte zu halten?
Vielleicht als Option?
In den Einstellungen hast du ja jetzt nur die Programmwahl.

Ich würde das ergänzen mit einigen Optionen und Infos.
Infos wären dann: Installationshinweise bzw. Änderungsmöglichkeiten, Link zum Github
Als Optionen: Farbauswahl, Start der Zeitposition (roter Strich) +/- 1 Std oder Min

Um das Widget direkt in Jarvis einbinden zu können wäre ein Zugriff per http sinnvoll.
Momentan nutze ich: http://192.168.178.89:8082/vis/index.html?HOME#TV

[Burg_Io]

Super für die Arbeit

[OliverIO]

@mcu
grundsätzlich ja, ziel war zwar das etwas links stehen zu lassen, das man
sieht was nachher kommt. aktuell steht ehr auf 25% von der widgetbreite
aber ich könnte das konfigurierbar machen, so kann sich das jeder selbst einstellen

[MCU]

@oliverio
Vielleicht kannst du auch bitte unterschiedliche Themes festlegen. (z.b. gray/lightgreen usw.)
Momentan ist es ja anscheinend (lightgrey/grey)?
Für den roten Strich denke ich reicht auch eine Angabe in Prozent: 15-50 % in 5er Schritten
Ist ein Binding möglich? Also in Abhängigkeit von einem Zustand eines ioBroker-Objektes das Theme ändern?
Ist für Jarvis interessant, da es dort ein DARK-Modus gibt.
Sieht so aus:

Vielleicht auch für das Widget interessant: Dark-Mode?

[OliverIO]

@mcu said in Test Adapter tvprogram:

@oliverio
Hier ein Video von den Effekten:
Video TVPorgramm Effekte bei Zoom.flv

das ist ja lustig, hab ich so noch nie gesehen.
kennst du dich mit den developer tools des browsers ein wenig aus?
ich vermute, das es da eine css kollision gibt.
dh du hast einen anderen adapter installiert, der css anweisungen enthält, wo der selektor (ist ein css begriff) genau die 3 knöpfe trifft.
ich hatte das schon einmal bei einem anderen widget.
da es die 3 zoom knöpfe trifft, bin ich mir sicher, das jemand einen effekt einfach nur auf die klasse "zoom" gemacht hat.

also wenn du dich ein wenig auskennst, dann schau bitte mal bei einem der 3 knöpfe, selektiere genau das element mit zoom als klassennamen, rechts erscheinen dann alle css-anweisungen die dieses element betrifft, davon dann ein screenshot machen.
danach müssten wir rausfinden, welcher adapter das verursacht und den ersteller bitten, das er seinen selektor mehr spezialisiert.
ich beispielsweise begrenze alle meine css-anweisungen genau auf das eine widget.
so können auch mehrere gleiche widgets mit abweichender formatierung umgesetzt werden.

Frage an die anderen, habt ihr diese effekte auch?