Neu im Blog: Was die neue Website alles kann

[OliverIO]

@oli

Okay, da muss ich mal schauen. Eigentlich Sollte der Dialog im bildschirm zentriert angezeigt werden.
Da es schon eine Weile her ist, dass ich am Widget was gemacht hab, muss ich mir das aber mal im Detail noch mal anschauen

Genau so mit den CSS Anweisungen für den Rand.
Was liefere ich dir dann morgen

[Oli]

@oliverio
Super, danke dir

[Oli]

@OliverIO sagte in Test Adapter tvprogram:

Was liefere ich dir dann morgen

Konntest du schon was herausfinden?

[OliverIO]

@Oli

sorry, hatte ich vergessen.

also aktuell ist es so eingestellt, das der dialog mittig zum widget ausgerichtet wird mit höhe und breite wie es in den einstellungen angegeben ist (standard ist 90% vom widget)

dargestellt wird das mit jquery.
wenn ich auf deinen screenshot schaue sehe ich. das der dialog oben links dargestellt wird. im hintergrund sowas wie ein weiteren dialog? das könnte ggfs zur falschen berechnung führen.

kannst du mir da einen view export liefern, am besten nur mit den relevanten elementen, so das ich das nachvollziehen kann, an was es da scheitert.

[Oli]

@OliverIO
hier ist der Export einer Seite, hoffe das reicht um es nachvollziehen zu können

{
  "name": "TV EPG",
  "settings": {
    "style": {
      "background-color": "transparent"
    }
  },
  "widgets": {
    "w005219": {
      "tpl": "tpltvprogramtime1",
      "data": {
        "bindings": [],
        "tvprogram_heightRow": 35,
        "g_common": true,
        "tvprogram_channeliconwidth": 35,
        "tvprogram_headerfontpercent": "125",
        "tvprogram_broadcastfontpercent": "75",
        "tvprogram_highlightcolor": "yellow",
        "tvprogram_markerpositionpercent": 25,
        "tvprogram_dialogwidthpercent": 90,
        "tvprogram_dialogheightpercent": 90,
        "tvprogram_oid": "tvprogram.0.tv1.cmd",
        "g_css_border": true,
        "g_css_background": true,
        "tvprogram_showpictures": false,
        "g_css_font_text": true,
        "name": null,
        "comment": null,
        "class": null,
        "filterkey": null,
        "multi-views": null,
        "locked": null,
        "g_fixed": true
      },
      "style": {
        "bindings": [],
        "left": "25px",
        "top": "35px",
        "width": "calc(100% - 53px)",
        "height": "calc(100% - 60px)",
        "z-index": 2,
        "border-width": null,
        "border-style": null,
        "border-color": null,
        "border-radius": "5px",
        "background": "rgba(38,45,61,1)",
        "background-color": "rgba(38,45,61,1)",
        "background-image": null,
        "background-repeat": null,
        "background-attachment": null,
        "background-position": null,
        "background-size": null,
        "background-clip": null,
        "background-origin": null,
        "color": "rgba(215,206,193,1)",
        "text-align": null,
        "text-shadow": null,
        "font-family": null,
        "font-style": null,
        "font-variant": null,
        "font-weight": null,
        "font-size": null,
        "line-height": null,
        "letter-spacing": null,
        "word-spacing": null
      },
      "widgetSet": "tvprogram"
    },
    "w005220": {
      "tpl": "tplHtml",
      "data": {
        "bindings": [],
        "html": "<div class=\"schatten-innen-radius5\" style=\"margin: 5px; margin-top: 10px; padding: 5px; height: calc(100% - 30px);\">\n</div> \n",
        "refreshInterval": null,
        "g_common": true,
        "g_css_background": true,
        "g_css_border": true,
        "g_css_shadow_padding": true,
        "g_css_font_text": true,
        "name": "Hintergrund",
        "comment": null,
        "class": null,
        "filterkey": null,
        "multi-views": null,
        "locked": null,
        "g_fixed": true
      },
      "style": {
        "bindings": [],
        "left": "0",
        "top": "10px",
        "width": "calc(100% - 3px)",
        "height": "calc(100% - 13px)",
        "z-index": 1,
        "background": "rgba(38,45,61,1)",
        "background-color": "rgba(38,45,61,1)",
        "border-radius": "5px",
        "padding-left": "6px",
        "padding-top": "",
        "padding-right": "6px",
        "box-shadow": "2px 2px 3px rgba(20, 20, 20, 50)",
        "color": "rgba(215,206,193,1)",
        "font-size": "14px",
        "text-shadow": "rgba(0, 0, 0, 0.9) 3px 3px 4px"
      },
      "widgetSet": "basic"
    }
  },
  "activeWidgets": []
}

[Oli]

@OliverIO

hattest du schon mal Zeit zum testen?

[OliverIO]

@Oli

habe es gerade mal probiert.
leider scheint der zugrundeliegende datendienst aktuell probleme zu haben.
auch die internetseite davon.
daher fehlen mir gerade die tv-daten zum ausprobieren.
das laden eines elements von dort dauert im durchschnitt 8 Sekunden.
Da bricht der Adapter immer ab

[Kanumouse]

Leider funktioniert der Adapter seit letzter Woche nicht mehr!

[OliverIO]

@Kanumouse

ja
der zugrundeliegende datendienst
funktioniert nur extrem schlecht ladezeiten.
tvfueralle.de

da gibt axios wegen timeout vorher auf.

ihr könntet ja mal hier auf x meckern (natürlich ohne iobroker bezug)

https://x.com/SOZIALHELDEN

als mal das Zertifikat abgelaufen war, hat das geholfen.
Ich selbst würde da ungern wieder schreiben wollen.

[OliverIO]

Adapter hat soeben wieder funktioniert.
Die Daten konnten ordentlich abgerufen werden

[OliverIO]

@Oli sagte in Test Adapter tvprogram:

@oliverio
hi, ich habe mal wieder ein paar Fragen zu deinen Widgets,
wie schaffe ich es das Dialogfeld in der Mitte des Bildschirms anzeigen zu lassen und wie bekomme ich en weißen Rad weg?

Am liebsten wäre es mir, wenn ich das Fenster direkt über das EPG Widget zu legen könnte

Die nächste Frage wäre, wie ich im Suchwidget die Schrift- und Hintergrundfarbe der Eingabefelder und vom Button ändern kann?

du hattest mir ja den view exportiert.
allerdings sieht der irgendwie etwas anders aus wie auf dem das dein problem darstellt bild.
ich habe ihn importiert und hier sieht alles gut aus.
Ich benötige was, bei dem ich das Problem nachstellen kann.
Das öffnen der detailschau erfolgt mittels jquery dialog. wenn dann muss ich da andere parameter übergeben. aber da muss ich sehen woran das genau liegt, das er das so falsch positioniert

tvprogramneu.mp4

[Oli]

@OliverIO
hi, ich habe dir mal ein vereinfachtes Projekt erstellt, hoffe du kannst es dann nachvollziehen

2026-01-01-TV_Test.zip

[OliverIO]

@Oli
bekomme das projekt leider nicht initialisiert. Der Import verlief fehlerfrei.
Beim Aufruf von vis1 entstehen Fehler.
bspw fehlen im Import Daten zu den Gruppen g000003 oder g000059 (Danach habe ich aufgehört versucht zu reparieren)

[Oli]

@OliverIO

Das ist VIS 2

[OliverIO]

@Oli

so hat nun funktioniert.
sind wohl doch noch ne menge gruppenfehler drin,
aber das kann auch vom zusammenstrippen deines vorhandenen projekts kommen,
den fehler konnte ich identifizieren und beheben.
Es lag wohl am einbetten des widgets in das tab widget, dadurch wurde die position des dialogs falsch berechnet.

müsste dann im nächsten release drin sein.
version poste ich wenn released

[OliverIO]

Neue Version 4.0.2

• die positionierung der Dialoge wurde verbessert.

[Oli]

@OliverIO
funktioniert bestens

[spaceduck]

auf meinem Wandtablet mit Fully Browser werden seit einiger Zeit keine Senderlogos im TV-Program Adapter (Version 4.0.4) mehr angezeigt, es erscheint nur das klassische "no image" Symbol. Das interessante ist das es auf meinem normalen PC funktioniert, nur eben auf dem Fully Browser nicht. Cache etc. hab ich alles schon probiert, mir gehen die Ideen aus... Hat jemand eine Idee zur Fehlersuche oder eine Lösung?

[OliverIO]

@spaceduck

Hast du die Standard Logos oder die umgebogenen?
https://github.com/oweitman/iobroker.tvprogram#alternative-channel-logos-by-tino-0

https://forum.iobroker.net/topic/40168/test-adapter-tvprogram/863?_=1788852219560

Hast du es testweise mal einen normalen Browser auf dem Tablet probiert? Nur um zu schauen ob es am Gerät oder am fully liegt?

Hast du pihole oder ähnliche blocking Software?

[OliverIO]

Neue Version 5.0.1

• Der Adapter wurde grundlegend überarbeitet
• Es wurde eine neue Datenquelle von iptv-epg hinzugefügt
  https://iptv-epg.org/guides
  Dadurch steht nun eine erheblich höhere Anzahl von TV sendern zur Verfügung
  bspw für DE über 400 Kanäle, ähnlich auch bei AT und CH und viele weitere Länderquellen.
  Allerdings stehen nicht für alle Kanäle entsprechende Programmbilder oder Detailbeschreibungen zur Verfügung.
  Dennoch sind die Daten umfangreich.
  bspw für DE ca 50MB für die nächsten 10 Tage
  Leider ist der Server von iptv-epg, der die Bilder liefert etwas strikt und liefert parallel nur eine begrenzte Anzahl aus, das führt dazu, das Bilder nur mit einer leichten Verzögerung laden.
• Der Channel Select Dialog (Erreichbar in der runtime über das Burger Menü) wurde ebenfalls grundlegend mit Such und Sortierfunktion überarbeitet. Sender können nach Auswahl mit Drag und Drop in eine gewünschte Reihenfolge gebracht werden.
  
• Das Layout wurde beibehalten
  Durch zusätzliches javascript kann hierüber bspw die Steuerung eines Videorekorders gesteuert werden (Details siehe Doku und Beispiel-Doku)
  
• Durch Klick auf ein Programm können, falls vorhanden, Details zur Sendung abgerufen werden
  

Weitere Widgets (wie bisher)

• Favoriten: Es können einzelne Sendungen markiert werden. Wiederholungen und Sendungen mit gleichem Titel werden in einer Liste dargestellt
  
• Suche: Nach Titel oder Sendungskategorien kann gesucht werden
  
• Aktuelle Sendungen oder Sendungen zu einem bestimmten Zeitpunkt (bspw. 2015) kann in einem eigenen Widget dargestellt werden. über zusätzliche javascripte kann das bspw auch zum Umschalten verwendet werden (vgl Doku und Beispiel-Doku.)
  

Für weitere eigene Funktionen, können die Daten über sendTo-Befehle abgerufen und mit javascript weiterverarbeitet werden.

Jeweils bei Umschaltung der Datenquelle oder ändern der Länderquelle (beides kann in der Adapterkonfiguration vorgenommen werden) werden alle Kanalauswahlen zurückgesetzt.

In der Grundkonfiguration werden die originalen Senderlogos aus der Quelle geladen. Es kann auch in der neuen Version eigene Senderlogos oder Logos aus anderen Quellen verwendet werden. Dazu müssen die Logos in vis1/2 bereit stehen. Das Schema Benamung der logobilder und ein Beispiel ist in der Dokumentation beschrieben.

Bei der Wahl des Farbschemas habe ich mich bemüht hell/dunkel zu unterscheiden. ggfs muss im Detail nachjustiert werden. Hilfe dazu dann gerne hier im Forum.

Die widgets funktionieren in vis1 und in vis2

Weitere Wünsche und Anpassungen gerne ebenfalls hier im Forum