Tvspielfilm.adapter TV Programm für VIS

[David G.]

@pix

Versuche grad das Programm in meine Visu einzubauen.

Nutze kein VIS (hab lovelace im Einsatz) und habe leider keine Möglichkeit ein json einzubinden.

Ich wandle mir die json mit diesem Script klick in HTML um.

Doch irgendwie habe ich eine Spalte zu viel mit Bildern....

Hast du eine Idee was das sein kann?

[Kusselin]

@homoran sagte in Tvspielfilm.adapter TV Programm für VIS:

EDIT: mein vorläufiges final

Gruß

Rainer

Hallo Rainer,

wie bekomme ich diese Anzeige in VIS hin? Also welches Widget ?

Sorry ich bin Anfänger was VIS betrifft..aber alle Anfang ist scher..

Über tipss herzlichen Dan,

[Damrak2022]

@pix Guten Morgen, ich habe mal eine Frage: So wie ich gelesen habe, lässt sich der Waipu TV Stick ja nicht in ioBroker einbinden. Nun würde ich mir gerne eine Programmübersicht mit den Sendern machen, welche ich mit Waipu Perfect Plus auch empfangen kann. Alle anderen Sender sind für mich logischerweise uninteressant.
Geht das überhaut und wenn ja wie muss ich da vorgehen?

[pix]

@damrak2022 du kannst in den Adapter Einstellungen eine whitelist der Sender anlegen. Sobald ein Eintrag in der whitelist existiert, wird die blacklist ignoriert und nur Sender aus der whitelist werden angezeigt.

Sieh dir zuerst an, mit welchenKürzeln deine gewünschten Sender bezeichnet werden.

Gruß
Pix

[Damrak2022]

@pix Guten Morgen,
ich wollte jetzt mal mit dem Adapter anfangen, scheitere aber direkt am Anfang.
Als Widget habe ich das json Table genommen, da die Datenpunkte ja anscheinend json sind.
Allerdings ist mir nicht klar, wie das json konfiguriert wird, damit mir etwas dargestellt wird. Kannst Du mir hier bitte Starthilfe geben?
Muss ich die Sendungen im Adapter in der Whitelist mit , oder mit ; trennen

[pix]

@damrak2022
Guten Morgen,

ich hänge Dir mal mein Widget dran:

VIS Widget Tagestipps

[{"tpl":"tplTableBody","data":{"visibility-cond":"==","visibility-val":1,"static_value":"","table_oid":"tvspielfilm.0.json.tipps","colCount":"2","colName1":"Vorschau","colWidth1":"30px","colName2":"Tagestipps (tvspielfilm)","colAttr1":"","colWidth2":"60px","hide_header":false,"show_scroll":false,"new_on_top":true,"name":"JSON Tabelle TV Programm TIPPS","gestures-offsetX":0,"gestures-offsetY":0,"visibility-groups-action":"hide","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"class":"","lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0},"style":{"left":"71px","top":"168px","width":"357px","height":"auto","z-index":"25","color":"rgba(250,250,250,1)","text-align":"","font-family":"","background-color":"","border-style":"","cursor":"auto"},"widgetSet":"basic"}]

Außerdem hier noch die CSS-Befehle, falls du den Look ändern willst:

CSS im Widget-Reiter CSS/Projekt/

/* C2 -------- TV Programm ----- */

/* tvspielfilm und texxas */
.tclass-th { /* Headerzeilen */
    background-color: darkgrey;
    background-color: rgba(100,100,100,0.8);
    color: white;
    
    /*font-weight: bold;*/
    font-family: Arial;
    
    /* lcars 
    color: black;
    font-family: font112588;
    background-color: rgb(204,102,102);*/ /*rot*/
}
             
.tclass-th1 { /* linker Header */ 
    width: 20px;
    text-align: center;
    color: transparent; /*
    Text ausblenden */
    /* display: none; */ /* ganze Spalte ausblenden */
}

.tclass-th .tclass-th1 {
    display: none; /* Spaltenüberschrift überm Bild ausblenden*/
}

.tclass-tr {
    color: red;
}

.tclass-tr:nth-child(odd) {
    background-color: darkgreen;
    background-color: rgba(50,120,80,0.6);
    
    /* lcars 
    background-color: rgb(153,153,255);*/ /* blau */
}

.tclass-tr:nth-child(even) {
    color: yellow;
    background-color: darkred;
    background-color: rgba(150,150,150,0.2);
    
    /* lcars 
    background-color: rgb(255,153,0);*/ /*orange*/
}
/*
*[class*="tv_string_found"] {
    border: 2px solid yellow;
    background-color: darkorange;
    background-color: rgba(150,80,0,0.9);
}
*/
.tv_string_found {
    border: 2px solid yellow;
    background-color: darkred;
    background-color: rgba(150,0,0,0.9);
}

/* tv spielfilm und texxas*/
.tv_tipps, 
.tv_jetzt,
.tv_heute2015,
.tv_heute2200 {
    font-family: Arial;
    font-size: 75%;
    
    /*lcars
    font-family: font112588;
    font-size: 100%;*/
}

.tv_tipps tr, 
.tv_jetzt tr,
.tv_heute2015 tr,
.tv_heute2200 tr {
    background-color: transparent;
    color: white;
    
    /*lcars 
    color: black;*/
}

.tv_tipps tr td a, 
.tv_jetzt tr td a,
.tv_heute2015 tr td a,
.tv_heute2200 tr td a {
    background-color: transparent;
    color: white;
    text-decoration: none;
    
    /*lcars 
    color: rgb(255,204,153); *//* blau */
}

.tv_jetzt tr td a,
.tv_heute2015 tr td a,
.tv_heute2200 tr td a {
    font-size: 130%;
}

.tv_link {
    cursor: pointer !important;
}

/* Beschreibungen ausblenden
.tv_tipps tr:nth-child(2),
.tv_jetzt tr:nth-child(2),
.tv_heute2200 tr:nth-child(2),
.tv_heute2015 tr:nth-child(2) {
    display: none;
}
 */

Sieht dann bei mir so aus (das blau kommt vom VIS-View-Hintergrund):

Und meine Adapter-Einstellungen sehen so aus (hab kein Sky, daher sollen die nicht angezeigt werden)

Gruß
Pix

[Damrak2022]

@pix Mega, vielen Dank
ich habe das Widget importiert und sehe nun nur eine dünne Linie??

[pix]

@damrak2022 wie sieht deine Senderliste denn aus? Ist der Datenpunkt gefüllt? Läuft der Adapter?

Admin/Objekte
tvspielfilm.0.json.tipps

[Damrak2022]

@pix Guten Morgen, ja der Adapter läuft und der Datenpunkt ist auch gefüllt - siehe hier:

Habe gerade iob neu gestartet, jetzt ist alles da.

Kannst Du mir erklären, wie ich es hinbekomme, das meine Ansicht so aussieht wie @Kusselin es einige Posts weiter oben gemacht hat. Ich habe zwar schon etwas rumprobiert, aber mir ist nicht klar, wo ich die anderen Datenpunkte hinterlege.

[pix]

@damrak2022 Hallo,

schon mal gut, dass der Adapter läuft und Datenpunkte gefüllt werden. Bitte Code im in den Codetags posten. Dazu auf das </> hier im Forum über dem Eingabefeld klicken.

Frage 1) Ist die dünne Linie nur im VIS-Editor zu sehen oder auch in der Runtime (Widget installiert?)

Frage 2) Warum fragst Du nicht @Kusselin , wie er das gemacht hat?

Frage 3) Du musst keine Datenpunkte hinterlegen. Das Macht der Adapter. Er legt die Datenpunkte an. Kriegst du das hin, den Datenpunkt tvspielfilm.0.json.tagestipps innnerhalb des VIS Widgets, >das ich oben Dir gepostet habe, zu ersetzen?

Gruß
Pix

[Damrak2022]

@pix Guten Morgen, das mit der dünnen Linie hat sich erledigt. Es sieht jetzt so aus:

[Damrak2022]

@kusselin Guten Morgen, kann Du mir sagen wie ich das so hinbekomme, wie es bei Dir aussieht. Ich weiß nämlich nicht wie ich die zusätzlichen Spalten hinbekomme und dann mit den entsprechenden Datenpunkten fülle.
Eine kleine Anleitung wäre super.

[Kusselin]

@damrak2022 sagte in Tvspielfilm.adapter TV Programm für VIS:

@kusselin Guten Morgen, kann Du mir sagen wie ich das so hinbekomme, wie es bei Dir aussieht. Ich weiß nämlich nicht wie ich die zusätzlichen Spalten hinbekomme und dann mit den entsprechenden Datenpunkten fülle.
Eine kleine Anleitung wäre super.

Hi sorry für die verspätete Info hier...ich bin selbst noch am basten....Homoran hat nicht wirklich auf meine Frage geantwortet bzw. beantwortet....war zu lange her...

[pix]

Hallo,

mehrere Spalten erhältst du, wenn du das Widget , das ich oben eingestellt habe, editierst und den Datenpunkt austauschst. Dann in Vis importieren und neben die Spalte Für Tipps schieben. Voilà- zweite Spalte.

Gruß
Pix

[Kusselin]

@homoran sagte in Tvspielfilm.adapter TV Programm für VIS:

Hallo pix,

@pix:

Du kannst auch andere Farben einsetzen. RGBA lässt auch Opacity zu (gefällt mir besser). `
Habe ich inzwischen gemerkt dass du die Farbe durch overlay mit Opacity erzeugst. Ich hatte erst die Back-Background Farbe von Dark-red (wo um alles in der Welt ist hier etwas dunkelrot ???) geändert und mich gewundert, dass da gar nicht so viel passierte.

@pix:

Du kannst evtl mit Width die Breite anpassen. `
Das klappte nicht so, wie es IMHO hätte sein müssen.

@pix:

oder die Header mit "Kein Header" weglassen `
es ist aber nur ein Header da - wo ist "Vorschau"

@pix:

mit einem anderen Text-Widget eine Überschrift bauen. `
Habe ich dann gemacht.

@pix:

die wird vom Feed vorgegeben (chronologisch). `
hab ich mir gedacht - ist aber bei "Now playin" schade, dass man die gerade erst gestarteten dann oben sieht und nicht die, die schon länger laufen.

• Oder soll man die gar nicht mehr anschalten, weil man hja eh zuviel verpasst hat :mrgreen:

EDIT: mein vorläufiges final

Gruß

Rainer

Rainer, kannst du den Code hier denn nicht posten....

Gruss

[Damrak2022]

@pix Guten Morgen, ich habe es mit Hilfe von @liv-in-sky hinbekommen, da ich selber nicht begriffen habe, das dies eigentlich nur mehrere Widgets sind.
So sieht es jetzt bei mir aus:

[Kusselin]

@damrak2022 wie hast das jetzt gemacht? Sieht gut aus dein Slin

Wäre es möglich das du uns hier mal deinen Code (script) posten könntest?

Wäre super nett....

Gruss

Kussel

[Damrak2022]

@kusselin ```

[{"tpl":"tplHtml","data":{"g_fixed":false,"g_visibility":false,"g_css_font_text":true,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":true,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","refreshInterval":"0","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"html":"Läuft gerade"},"style":{"left":"128px","top":"6px","color":"#8bf46c","text-align":"center","border-style":"solid","border-color":"#19abeb","border-radius":"15px","width":"109px","height":"22px"},"widgetSet":"basic"},{"tpl":"tplHtml","data":{"g_fixed":false,"g_visibility":false,"g_css_font_text":true,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":true,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","refreshInterval":"0","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"html":"Abends 20:15 Uhr"},"style":{"left":"446px","top":"9px","color":"#8bf46c","text-align":"center","border-style":"solid","border-color":"#19abeb","border-radius":"15px","width":"152px","height":"21px"},"widgetSet":"basic"},{"tpl":"tplHtml","data":{"g_fixed":false,"g_visibility":false,"g_css_font_text":true,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":true,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","refreshInterval":"0","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"html":"Spät 22:00 Uhr"},"style":{"left":"821px","top":"12px","color":"#8bf46c","text-align":"center","border-style":"solid","border-color":"#19abeb","border-radius":"15px","width":"135px","height":"21px"},"widgetSet":"basic"}]

[Kusselin]

@damrak2022 sagte in Tvspielfilm.adapter TV Programm für VIS:

[{"tpl":"tplHtml","data":{"g_fixed":false,"g_visibility":false,"g_css_font_text":true,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":true,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","refreshInterval":"0","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"html":"Läuft gerade"},"style":{"left":"128px","top":"6px","color":"#8bf46c","text-align":"center","border-style":"solid","border-color":"#19abeb","border-radius":"15px","width":"109px","height":"22px"},"widgetSet":"basic"},{"tpl":"tplHtml","data":{"g_fixed":false,"g_visibility":false,"g_css_font_text":true,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":true,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","refreshInterval":"0","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"html":"Abends 20:15 Uhr"},"style":{"left":"446px","top":"9px","color":"#8bf46c","text-align":"center","border-style":"solid","border-color":"#19abeb","border-radius":"15px","width":"152px","height":"21px"},"widgetSet":"basic"},{"tpl":"tplHtml","data":{"g_fixed":false,"g_visibility":false,"g_css_font_text":true,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":true,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","refreshInterval":"0","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"html":"Spät 22:00 Uhr"},"style":{"left":"821px","top":"12px","color":"#8bf46c","text-align":"center","border-style":"solid","border-color":"#19abeb","border-radius":"15px","width":"135px","height":"21px"},"widgetSet":"basic"}]

Hi Damrak, habe jetzt mal das TableWidget 3x in die view gezogen .....dann habe ich noch dein Widget reinkopiert...

In dem jeweiligen TableWidget habe ich die datenpunkte vom TV spielfilm adapter "Jetzt" "2015" und "22:00" reinkopiert:

Stimmt das so?

Frage: Wie bekomme ich die Anzeige oben mit dem Image und dem Text weg so wie bei dir? auch fehlt mir der Scrollbalken..

Frage: Sind das dann auch 3x das TableWidget das ich reinziehen muss, oder ist das 1x widget das man dann noch entsprechend teilen muss?

Über ne Info herzlichen Dank.

[Damrak2022]

@kusselin Hallo, sorry das ich mich erst heute wieder melde. Ich hatte hier eine Woche kein Internet, da es Probleme gab, die jetzt hoffentlich behoben sind.

Den Scrollbalken kannst Du rechts einfach mit einem Haken aktivieren.
Lass mal rechts die Felder mit json leer. Ich habe auch nur die entsprechenden Datenpunkte ausgewählt.