Test Adapter tvprogram

Chaot

@oliverio Ich habe jetzt alles nochmal deinstalliert und erneut instaliert. Den ioBroker neu gestartet und auch den Fixer mal laufen lassen.
Ich bekomme keine Fehlermeldung. Alle Meldungen sagen ok.
Was mir noch aufgefallen ist, das im Editor die Bilder für die Widgets scheinbar weg sind oder zerstört.

sigi234

@oliverio sagte in Test Adapter tvprogram:

@mcu sagte in Test Adapter tvprogram:

@oliverio Wie komme ich an die unterschiedlichen category: events[0].content.category.
Angegeben sind Zahlen 1 oder 9, was bedeuten die Zahlen?
sendTo("tvprogram.0","getServerData","categories",(data)=>console.log(data));

Wie bekomme ich die in einen DP rein?

Habe einen DP angelegt:

0_userdata.0.tvprogram.categories

Ash2k

@mcu said in Test Adapter tvprogram:

Meinst du diese Ansicht? Dort ist es keine Vorschau, sondern direkte Anzeige was läuft "JETZT".
https://forum.iobroker.net/topic/40168/test-adapter-tvprogram/476

Ja das meinte ich, Ideal wäre natürlich sowohl Jetzt als auch 20:15

Was hast du dir da vorgestellt? Genauso eine Liste wie in der Ansicht "JETZT"? In welcher VIS?

Das ganze im Idealfall direkt in Jarvis, notfalls auch über ein iFrame aus VIS.

Willst du dir das ansagen lassen?

Muss nicht zwingend sein!

In welcher Datenstruktur legst du die Daten ab?
javascript.0.TV.Programm.Vorschau_2015
oder
0_userdata.0.TV.Programm.Vorschau_2015?

0_userdata.0.tvprogram.Vorschau2015 bzw. 0_userdata.0.tvprogram.VorschauJetzt

MCU

@ash2k So?:

OliverIO

@chaot sagte in Test Adapter tvprogram:

@oliverio Ich habe jetzt alles nochmal deinstalliert und erneut instaliert. Den ioBroker neu gestartet und auch den Fixer mal laufen lassen.
Ich bekomme keine Fehlermeldung. Alle Meldungen sagen ok.
Was mir noch aufgefallen ist, das im Editor die Bilder für die Widgets scheinbar weg sind oder zerstört.

Wenn die Bilder weg sind dann auf der Konsole

iobroker upload all

mach mal bitte bildschirmkopie von allen states von tvprogram
und die Einstellungen in vis vom widget timetable

OliverIO

@sigi234 sagte in Test Adapter tvprogram:

@oliverio sagte in Test Adapter tvprogram:
@mcu sagte in Test Adapter tvprogram:

@oliverio Wie komme ich an die unterschiedlichen category: events[0].content.category.
Angegeben sind Zahlen 1 oder 9, was bedeuten die Zahlen?
sendTo("tvprogram.0","getServerData","categories",(data)=>console.log(data));
Wie bekomme ich die in einen DP rein?

Habe einen DP angelegt:

0_userdata.0.tvprogram.categories

sendTo("tvprogram.0","getServerData","categories",(data)=>setState("0_userdata.0.tvprogram.categories",JSON.stringify(data)));

Ash2k

@mcu ja sieht doch schon gut aus 👍🏻
Ich glaube du hattest weiter oben was erwähnt nach dem Motto „beginnt gegen 20:15“, denn es kann ja auch sein das einige Sendungen um 20:30 oder so beginnen, die würden dann nicht angezeigt oder?
Aber sonst wäre das schon die richtige Richtung 😉

MCU

@ash2k Zurzeit würde die um 20:30 Uhr beginnend nicht angezeigt. Nur die um 20:15 starten oder dann schon laufen.
Wo will man die Grenze setzen? Wenn du die von 20:15 bis 20:30 angezeigt bekommst sind die mit 20:35 nicht da usw.

Nur für einen Zeitpunkt vorgegeben in 0_userdata.0.tvprogram.Zeit Format beachten 15:00 oder 01:00
Datenpunkt angeben : 0_userdata.0.tvprogram.Datenpunkt mit 0_userdata.0.tvprogram.Html (Beispiel, kann auch ein eigener sein)

// Datenpunkt html
createState('0_userdata.0.tvprogram.Html','',false, {read: true, write: true, name: "HTML Datenpunktbeispiel", type: "string", role: "text", def: "" });
// Schriftgröße 
createState('0_userdata.0.tvprogram.Zeichengroesse','12',false, {read: true, write: true, name: "Zeichen Größe", type: "number", role: "state", def: "10" });
// Hintergrund-Farbe von der Überschrift
createState('0_userdata.0.tvprogram.Farbe_Ueberschrift','blue',false, {read: true, write: true, name: "Hintergrund-Farbe Überschrift #000000 oder grey", type: "string", role: "text", def: "" });
//Hintergrund-Farbe von der Zeile alternierend
createState('0_userdata.0.tvprogram.Farbe_Zeile','grey',false, {read: true, write: true, name: "Hintergrund-Farbe Zeile #000000 oder grey", type: "string", role: "text", def: "" });
//Schriftfarbe von der Schrift
createState('0_userdata.0.tvprogram.Farbe_Schrift','white',false, {read: true, write: true, name: "Schrift-Farbe #000000 oder grey", type: "string", role: "text", def: "" });
// Zeitpunkt für die Startzeit 
createState('0_userdata.0.tvprogram.Zeit','15:00',false, {read: true, write: true, name: "Zeit im Format HH:MM", type: "string", role: "text", def: "" });
// Datenpunkt in den die html-Seite geschrieben werden soll
createState('0_userdata.0.tvprogram.Datenpunkt','0_userdata.0.tvprogram.Html',false, {read: true, write: true, name: "Datenpunkt in den die HTML geschrieben wird", type: "string", role: "text", def: "" });
// tvchannels
createState('0_userdata.0.tvprogram.tvchannels','',false, {read: true, write: true, name: "TV Sender JSON", type: "string", role: "text", def: "" });
// tvcategories
createState('0_userdata.0.tvprogram.tvcategories','',false, {read: true, write: true, name: "TV Kategorien JSON", type: "string", role: "text", def: "" });
// Boolean html erzeugen
createState('0_userdata.0.tvprogram.HtmlSet','false',false, { read: true, write: true, name: "HTML erzeugen", type: "boolean", role: "button", def: "false" });
// Sender-Logos anzeigen
createState('0_userdata.0.tvprogram.show_logos','true',false, { read: true, write: true, name: "Logos anzeigen / false-> Text", type: "boolean", role: "state", def: "false" });
// channelfilter datapoint of your tv
var channelfilterDP = "tvprogram.0.tv1.channelfilter";
var channelfilter = JSON.parse(getState(channelfilterDP).val);



var dateheute = new Date();
// Einlesen der Channels falls nicht vorhanden
if ((getState("0_userdata.0.tvprogram.tvchannels").val) ==""){
   console.log("Channel-DP wird geschrieben");
   sendTo("tvprogram.0","getServerData","channels",(data)=>{
       setState("0_userdata.0.tvprogram.tvchannels",JSON.stringify(data));    
   });
}
// Einlesen der Categories falls nicht vorhanden
if ((getState("0_userdata.0.tvprogram.tvcategories").val) ==""){
   console.log("Categories-DP wird geschrieben");
   sendTo("tvprogram.0","getServerData","categories",(data)=>{
       setState("0_userdata.0.tvprogram.tvcategories",JSON.stringify(data));    
   });
}




function findElement(arr, propName, propValue) {
 for (var i=0; i < arr.length; i++) {
   if (arr[i][propName] == propValue)
     return arr[i];
   }
 // will return undefined if not found; you could return a default instead
} 

function html_erzeugen() { 
   //var date = new Date("2/9/2021 20:15:00");
   var Farbe_Ueberschrift = getState("0_userdata.0.tvprogram.Farbe_Ueberschrift").val;
   var Farbe_Zeile = getState("0_userdata.0.tvprogram.Farbe_Zeile").val;
   var Bool_Farbe = false;
   var ZG = getState("0_userdata.0.tvprogram.Zeichengroesse").val;
   var SchriftFarbe = getState("0_userdata.0.tvprogram.Farbe_Schrift").val;
   var zeichengroesse = '<span style="font-size:'+ ZG +'px">';
   var Abfragezeit =  getState("0_userdata.0.tvprogram.Zeit").val;
   var date = formatDate(dateheute, 'MM/DD/YYYY ' + Abfragezeit + ':00');
   var categories = JSON.parse(getState("0_userdata.0.tvprogram.tvcategories").val);
   var channels = JSON.parse(getState("0_userdata.0.tvprogram.tvchannels").val);
   var show_logos = getState("0_userdata.0.tvprogram.show_logos").val;
   var Log_Html = ['<!DOCTYPE HTML>','<html><head><title>','LOG TABELLE</title><style>table {width: 100%; color:'+ SchriftFarbe + '}</style></head> ','<body style = "text-align:center;" id = "body">','<table align = "center" id="table" border="1">'].join('');
   Log_Html= Log_Html + ['<tr bgcolor=',Farbe_Ueberschrift,'><th>Sender</th><th>Sendung</th><th>Uhrzeit-Beginn</th><th>Typ</th></tr>'].join(''); //,'<tr><th>-</th><th>-</th><th>-</th><th>-</th></tr>'
       
   sendTo("tvprogram.0","getServerBroadcastDate",{channelfilter:channelfilter,date:date},(data)=>{
       //console.log(data);
       var daten = data; //im JSON.parse Format object
       var i,j,z;

   
       for (j = 0; j< daten.length ; j++) {
           
           if (daten[j] != null){
               var sendungstr = "";
               if (Bool_Farbe) {
                   Log_Html = Log_Html + '<tr bgcolor=' + Farbe_Zeile +'>';   
               }else
               {
                   Log_Html = Log_Html + '<tr>';
               }
           
               i=0;
           
               var x = findElement(channels,"id",daten[j].events[i].channel);
               if (x!= undefined){
                   sendungstr = x["name"];
                   if (show_logos == true){
                       var foto = 'https://tvfueralle.de/channel-logos/' + x["channelId"] +'.png';
                       Log_Html = Log_Html + '<td width="10%" align="center" bgcolor=white>'+ '<img src="' + foto + '" width="30" height="30">' +'</td>';
                   } else {
                       Log_Html = Log_Html +'<td width="10%">'+ zeichengroesse +  x["name"] +'</span></td>';
                   }
               }
               if (daten[j].events[i].title != undefined) {
                   //console.log(daten[j].events[i]);
                   sendungstr = sendungstr + " " + daten[j].events[i].title;
                   Log_Html = Log_Html +'<td width="30%">'+ zeichengroesse + daten[j].events[i].title +'</span></td>';
               }
               sendungstr = sendungstr + " " + formatDate(daten[j].events[i].startTime,'hh:mm ') + " Uhr";
               Log_Html = Log_Html +'<td width="20%">'+ zeichengroesse + formatDate(daten[j].events[i].startTime,'hh:mm ') +'</span></td>';
               x = findElement(categories,"id",daten[j].events[i].content.category);
               //console.log(x);
               if (x !=undefined){
                   if (x["title"]!= undefined) {
                       sendungstr = sendungstr + " - " + daten[j].events[i].content.category + " " + x["title"];
                       Log_Html = Log_Html +'</td><td width="20%">'+ zeichengroesse + x["title"] + '</span></td></tr>';
                   }        
               }
               if (daten[j].events[i].content.texts.VeryShort.value != null){
                   //console.log(daten[j].events[i].content.texts.VeryShort.value);
                   //sendungstr = sendungstr + " " + daten[j].events[i].content.texts.VeryShort.value;
               }
           
           }
           //Ende einer Zeile
           Bool_Farbe = !Bool_Farbe;
       }
       //Ende von HTML
       Log_Html = Log_Html + '</table></body></html>';
       setState(getState('0_userdata.0.tvprogram.Datenpunkt').val,Log_Html);
   });
};

// Html-erzeugen Boolean ausführen
on({id: '0_userdata.0.tvprogram.HtmlSet', change: "ne"}, function (obj) {
   if (getState('0_userdata.0.tvprogram.HtmlSet').val == true){
       html_erzeugen();
   }
   setState('0_userdata.0.tvprogram.HtmlSet',false);
});

Also du kannst eine Zeit vorgeben und einen DP, wo die HTML-Seite hineingeschrieben werden soll.
Somit kannst du dir eigene DP anlegen und zu unterschiedlichen Zeiten die Übersicht an Sendungen in einer HTML-Seite sehen.
Nur die entsprechenden DP ändern und dann 0_userdata.0.tvprogram.HtmlSet auf true setzen.
Weitherin kannst du die Schriftfarbe, Hintergrundfarbe von Titel und Zeile (alterniernend) angeben.

Oder du machst dir in jarvis ein DropDownListe mit Zeiten und einem IconButtonAction um die Erzeugung der HTML auszuführen mit der neuen Zeit.

Kompletten Code in ein neues javascript kopieren und starten:

Bei Problemen melden.

Edit:
Wenn du als Zeit: 20:30 angibst hast du natürlich alle Sendungen mit drin, die um 20:15 gestartet sind.

Beispiel JARVIS:

MCU

@oliverio Woher holst du die Logos für die Sender? Schon gefunden. Danke.

spaceduck

Moin, kann es sein das sich irgendwann in einem der letzten Updates ein Bug eingeschlichen hat? Habe gerade von 0.0.22 aktualisiert und wenn ich die Seite in der Vis aufrufe, dann zeigt er nur 4 Sender - das ist m.E. die default Einstellung wenn man neu installiert.

Ein Klick auf den markierten Kreis bringt die konfigurierten Sender wieder zur Anzeige

Chaot

@oliverio Nachdem der ioBroker heute Nacht neu gestartet wurde scheint plötzlich alles da zu sein. Upload all hatte ich gestern schon versucht, allerdings ohne nachher neu zu starten.

OliverIO

@spaceduck sagte in Test Adapter tvprogram:

Moin, kann es sein das sich irgendwann in einem der letzten Updates ein Bug eingeschlichen hat? Habe gerade von 0.0.22 aktualisiert und wenn ich die Seite in der Vis aufrufe, dann zeigt er nur 4 Sender - das ist m.E. die default Einstellung wenn man neu installiert.

Ein Klick auf den markierten Kreis bringt die konfigurierten Sender wieder zur Anzeige

Da sich wie weiter oben geschrieben die Datenpunktstruktur geändert hat
solltest du auf die neuen Datenpunkte gehen. Nach hinzufügen der Instanz prüfen, ob im Konfigurationsdialog der Instanz 1 TV eingestellt ist und dann speichern.
nach Neustart, müsste es einen "Ordner" TV1 geben. Nur noch diese Datenpunkte werden dann supported

Ash2k

@mcu
Super, das hat geklappt, habs erstmal nur auf die Schnelle getestet, sieht aber schonmal gut aus. Kleine Frage noch: Ginge auch die Endzeit er aktuellen Sendung mit in die Tabelle zu schreiben?

Ansonsten jedenfalls schonmal vielen Dank für deine Hilfe!

MCU

@ash2k

// Datenpunkt html
createState('0_userdata.0.tvprogram.Html','',false, {read: true, write: true, name: "HTML Datenpunktbeispiel", type: "string", role: "text", def: "" });
// Schriftgröße 
createState('0_userdata.0.tvprogram.Zeichengroesse','12',false, {read: true, write: true, name: "Zeichen Größe", type: "number", role: "state", def: "10" });
// Hintergrund-Farbe von der Überschrift
createState('0_userdata.0.tvprogram.Farbe_Ueberschrift','blue',false, {read: true, write: true, name: "Hintergrund-Farbe Überschrift #000000 oder grey", type: "string", role: "text", def: "" });
//Hintergrund-Farbe von der Zeile alternierend
createState('0_userdata.0.tvprogram.Farbe_Zeile','grey',false, {read: true, write: true, name: "Hintergrund-Farbe Zeile #000000 oder grey", type: "string", role: "text", def: "" });
//Schriftfarbe von der Schrift
createState('0_userdata.0.tvprogram.Farbe_Schrift','white',false, {read: true, write: true, name: "Schrift-Farbe #000000 oder grey", type: "string", role: "text", def: "" });
// Zeitpunkt für die Startzeit 
createState('0_userdata.0.tvprogram.Zeit','15:00',false, {read: true, write: true, name: "Zeit im Format HH:MM", type: "string", role: "text", def: "" });
// Datenpunkt in den die html-Seite geschrieben werden soll
createState('0_userdata.0.tvprogram.Datenpunkt','0_userdata.0.tvprogram.Html',false, {read: true, write: true, name: "Datenpunkt in den die HTML geschrieben wird", type: "string", role: "text", def: "" });
// tvchannels
createState('0_userdata.0.tvprogram.tvchannels','',false, {read: true, write: true, name: "TV Sender JSON", type: "string", role: "text", def: "" });
// tvcategories
createState('0_userdata.0.tvprogram.tvcategories','',false, {read: true, write: true, name: "TV Kategorien JSON", type: "string", role: "text", def: "" });
// Boolean html erzeugen
createState('0_userdata.0.tvprogram.HtmlSet','false',false, { read: true, write: true, name: "HTML erzeugen", type: "boolean", role: "button", def: "false" });
// Sender-Logos anzeigen
createState('0_userdata.0.tvprogram.show_logos','true',false, { read: true, write: true, name: "Logos anzeigen / false-> Text", type: "boolean", role: "state", def: "false" });
// channelfilter datapoint of your tv
var channelfilterDP = "tvprogram.0.tv1.channelfilter";
var channelfilter = JSON.parse(getState(channelfilterDP).val);


var dateheute = new Date();


// Einlesen der Channels falls nicht vorhanden
if ((getState("0_userdata.0.tvprogram.tvchannels").val) ==""){
   console.log("Channel-DP wird geschrieben");
   sendTo("tvprogram.0","getServerData","channels",(data)=>{
       setState("0_userdata.0.tvprogram.tvchannels",JSON.stringify(data));    
   });
}
// Einlesen der Categories falls nicht vorhanden
if ((getState("0_userdata.0.tvprogram.tvcategories").val) ==""){
   console.log("Categories-DP wird geschrieben");
   sendTo("tvprogram.0","getServerData","categories",(data)=>{
       setState("0_userdata.0.tvprogram.tvcategories",JSON.stringify(data));    
   });
}




function findElement(arr, propName, propValue) {
 for (var i=0; i < arr.length; i++) {
   if (arr[i][propName] == propValue)
     return arr[i];
   }
 // will return undefined if not found; you could return a default instead
} 

function html_erzeugen() { 
   var dateheute = new Date();
   //var date = new Date("2/9/2021 20:15:00");
   var Farbe_Ueberschrift = getState("0_userdata.0.tvprogram.Farbe_Ueberschrift").val;
   var Farbe_Zeile = getState("0_userdata.0.tvprogram.Farbe_Zeile").val;
   var Bool_Farbe = false;
   var ZG = getState("0_userdata.0.tvprogram.Zeichengroesse").val;
   var SchriftFarbe = getState("0_userdata.0.tvprogram.Farbe_Schrift").val;
   var zeichengroesse = '<span style="font-size:'+ ZG +'px">';
   var Abfragezeit =  getState("0_userdata.0.tvprogram.Zeit").val;
   var date = formatDate(dateheute, 'MM/DD/YYYY ' + Abfragezeit + ':00');
   var categories = JSON.parse(getState("0_userdata.0.tvprogram.tvcategories").val);
   var channels = JSON.parse(getState("0_userdata.0.tvprogram.tvchannels").val);
   var show_logos = getState("0_userdata.0.tvprogram.show_logos").val;
   var Log_Html = ['<!DOCTYPE HTML>','<html><head><title>','LOG TABELLE</title><style>table {width: 100%; color:'+ SchriftFarbe + '} caption {background-color: red;}</style></head> ','<body style = "text-align:center;" id = "body">','<table align = "center" id="table" border="1">'].join('');
   Log_Html = Log_Html + '<tr><caption> Selektiertes Datum: ' + date +'</caption></tr>' ;
   Log_Html = Log_Html + ['<tr bgcolor= ',Farbe_Ueberschrift,'><th>Sender</th><th>Sendung</th><th>Beginn</th><th>Ende</th><th>Typ</th></tr>'].join(''); //,'<tr><th>-</th><th>-</th><th>-</th><th>-</th></tr>'
       
   sendTo("tvprogram.0","getServerBroadcastDate",{channelfilter:channelfilter,date:date},(data)=>{
       //console.log(data);
       var daten = data; //im JSON.parse Format object
       var i,j,z;

   
       for (j = 0; j< daten.length ; j++) {
           
           if (daten[j] != null){
               var sendungstr = "";
               if (Bool_Farbe) {
                   Log_Html = Log_Html + '<tr bgcolor=' + Farbe_Zeile +'>';   
               }else
               {
                   Log_Html = Log_Html + '<tr>';
               }
           
               i=0;
           
               var x = findElement(channels,"id",daten[j].events[i].channel);
               if (x!= undefined){
                   sendungstr = x["name"];
                   if (show_logos == true){
                       var foto = 'https://tvfueralle.de/channel-logos/' + x["channelId"] +'.png';
                       Log_Html = Log_Html + '<td width="10%" align="center" bgcolor=white>'+ '<img src="' + foto + '" width="30" height="30">' +'</td>';
                   } else {
                       Log_Html = Log_Html +'<td width="10%">'+ zeichengroesse +  x["name"] +'</span></td>';
                   }
               }
               if (daten[j].events[i].title != undefined) {
                   //console.log(daten[j].events[i]);
                   sendungstr = sendungstr + " " + daten[j].events[i].title;
                   Log_Html = Log_Html +'<td width="40%">'+ zeichengroesse + daten[j].events[i].title +'</span></td>';
               }
               sendungstr = sendungstr + " " + formatDate(daten[j].events[i].startTime,'hh:mm ') + " Uhr";
               Log_Html = Log_Html +'<td width="15%">'+ zeichengroesse + formatDate(daten[j].events[i].startTime,'hh:mm ') +'</span></td>';
               sendungstr = sendungstr + " " + formatDate(daten[j].events[i].endTime,'hh:mm ') + " Uhr";
               Log_Html = Log_Html +'<td width="15%">'+ zeichengroesse + formatDate(daten[j].events[i].endTime,'hh:mm ') +'</span></td>';
               
               x = findElement(categories,"id",daten[j].events[i].content.category);
               //console.log(x);
               if (x !=undefined){
                   if (x["title"]!= undefined) {
                       sendungstr = sendungstr + " - " + daten[j].events[i].content.category + " " + x["title"];
                       Log_Html = Log_Html +'</td><td width="20%">'+ zeichengroesse + x["title"] + '</span></td>';
                   }        
               }
               Log_Html = Log_Html + '</tr>';
               //if (daten[j].events[i].content.texts.VeryShort.value != null){
                   //console.log(daten[j].events[i].content.texts.VeryShort.value);
                   //sendungstr = sendungstr + " " + daten[j].events[i].content.texts.VeryShort.value;
               //}
           
           }
           //Ende einer Zeile
           Bool_Farbe = !Bool_Farbe;
       }
       //Ende von HTML
       Log_Html = Log_Html + '</table></body></html>';
       setState(getState('0_userdata.0.tvprogram.Datenpunkt').val,Log_Html);
   });
};

// Html-erzeugen Boolean ausführen
on({id: '0_userdata.0.tvprogram.HtmlSet', change: "ne"}, function (obj) {
   if (getState('0_userdata.0.tvprogram.HtmlSet').val == true){
       html_erzeugen();
   }
   setState('0_userdata.0.tvprogram.HtmlSet',false);
});

var schedule1;
(function () {if (schedule1) {clearSchedule(schedule1); schedule1 = null;}})();

schedule1 = schedule('*/10 * * * *', async function () {
 //ZEIT_1 = formatDate(new Date(), "hh:mm");
 setState('0_userdata.0.tvprogram.Zeit',formatDate(new Date(), "hh:mm"));
});

Jarvis-Implementierung

Möchte man alle 10 Minuten die Zeit automatisch gesetzt bekommen, muß man den folgenden Code anhängen:
(Ist jetzt oben im CODE enthalten.)

var schedule1;
(function () {if (schedule1) {clearSchedule(schedule1); schedule1 = null;}})();

schedule1 = schedule('*/10 * * * *', async function () {
  //ZEIT_1 = formatDate(new Date(), "hh:mm");
  setState('0_userdata.0.tvprogram.Zeit',formatDate(new Date(), "hh:mm"));
});

EDIT: 12.02. Selektiertes Datum wird oben angezeigt

sigi234

@mcu sagte in Test Adapter tvprogram:

Jarvis-Implementierung

Hallo, wie bringe ich diese in Jarvis ein? Gerät neu anlegen oder ?

ERLEDIGT!

Stephan Schleich

@mcu

@mcu sagte in Test Adapter tvprogram:

@ash2k

// Datenpunkt html
createState('0_userdata.0.tvprogram.Html','',false, {read: true, write: true, name: "HTML Datenpunktbeispiel", type: "string", role: "text", def: "" });
// Schriftgröße 
createState('0_userdata.0.tvprogram.Zeichengroesse','12',false, {read: true, write: true, name: "Zeichen Größe", type: "number", role: "state", def: "10" });
// Hintergrund-Farbe von der Überschrift
createState('0_userdata.0.tvprogram.Farbe_Ueberschrift','blue',false, {read: true, write: true, name: "Hintergrund-Farbe Überschrift #000000 oder grey", type: "string", role: "text", def: "" });
//Hintergrund-Farbe von der Zeile alternierend
createState('0_userdata.0.tvprogram.Farbe_Zeile','grey',false, {read: true, write: true, name: "Hintergrund-Farbe Zeile #000000 oder grey", type: "string", role: "text", def: "" });
//Schriftfarbe von der Schrift
createState('0_userdata.0.tvprogram.Farbe_Schrift','white',false, {read: true, write: true, name: "Schrift-Farbe #000000 oder grey", type: "string", role: "text", def: "" });
// Zeitpunkt für die Startzeit 
createState('0_userdata.0.tvprogram.Zeit','15:00',false, {read: true, write: true, name: "Zeit im Format HH:MM", type: "string", role: "text", def: "" });
// Datenpunkt in den die html-Seite geschrieben werden soll
createState('0_userdata.0.tvprogram.Datenpunkt','0_userdata.0.tvprogram.Html',false, {read: true, write: true, name: "Datenpunkt in den die HTML geschrieben wird", type: "string", role: "text", def: "" });
// tvchannels
createState('0_userdata.0.tvprogram.tvchannels','',false, {read: true, write: true, name: "TV Sender JSON", type: "string", role: "text", def: "" });
// tvcategories
createState('0_userdata.0.tvprogram.tvcategories','',false, {read: true, write: true, name: "TV Kategorien JSON", type: "string", role: "text", def: "" });
// Boolean html erzeugen
createState('0_userdata.0.tvprogram.HtmlSet','false',false, { read: true, write: true, name: "HTML erzeugen", type: "boolean", role: "button", def: "false" });
// Sender-Logos anzeigen
createState('0_userdata.0.tvprogram.show_logos','true',false, { read: true, write: true, name: "Logos anzeigen / false-> Text", type: "boolean", role: "state", def: "false" });
// channelfilter datapoint of your tv
var channelfilterDP = "tvprogram.0.tv1.channelfilter";
var channelfilter = JSON.parse(getState(channelfilterDP).val);



var dateheute = new Date();
// Einlesen der Channels falls nicht vorhanden
if ((getState("0_userdata.0.tvprogram.tvchannels").val) ==""){
   console.log("Channel-DP wird geschrieben");
   sendTo("tvprogram.0","getServerData","channels",(data)=>{
       setState("0_userdata.0.tvprogram.tvchannels",JSON.stringify(data));    
   });
}
// Einlesen der Categories falls nicht vorhanden
if ((getState("0_userdata.0.tvprogram.tvcategories").val) ==""){
   console.log("Categories-DP wird geschrieben");
   sendTo("tvprogram.0","getServerData","categories",(data)=>{
       setState("0_userdata.0.tvprogram.tvcategories",JSON.stringify(data));    
   });
}




function findElement(arr, propName, propValue) {
 for (var i=0; i < arr.length; i++) {
   if (arr[i][propName] == propValue)
     return arr[i];
   }
 // will return undefined if not found; you could return a default instead
} 

function html_erzeugen() { 
   //var date = new Date("2/9/2021 20:15:00");
   var Farbe_Ueberschrift = getState("0_userdata.0.tvprogram.Farbe_Ueberschrift").val;
   var Farbe_Zeile = getState("0_userdata.0.tvprogram.Farbe_Zeile").val;
   var Bool_Farbe = false;
   var ZG = getState("0_userdata.0.tvprogram.Zeichengroesse").val;
   var SchriftFarbe = getState("0_userdata.0.tvprogram.Farbe_Schrift").val;
   var zeichengroesse = '<span style="font-size:'+ ZG +'px">';
   var Abfragezeit =  getState("0_userdata.0.tvprogram.Zeit").val;
   var date = formatDate(dateheute, 'MM/DD/YYYY ' + Abfragezeit + ':00');
   var categories = JSON.parse(getState("0_userdata.0.tvprogram.tvcategories").val);
   var channels = JSON.parse(getState("0_userdata.0.tvprogram.tvchannels").val);
   var show_logos = getState("0_userdata.0.tvprogram.show_logos").val;
   var Log_Html = ['<!DOCTYPE HTML>','<html><head><title>','LOG TABELLE</title><style>table {width: 100%; color:'+ SchriftFarbe + '}</style></head> ','<body style = "text-align:center;" id = "body">','<table align = "center" id="table" border="1">'].join('');
   Log_Html= Log_Html + ['<tr bgcolor=',Farbe_Ueberschrift,'><th>Sender</th><th>Sendung</th><th>Beginn</th><th>Ende</th><th>Typ</th></tr>'].join(''); //,'<tr><th>-</th><th>-</th><th>-</th><th>-</th></tr>'
       
   sendTo("tvprogram.0","getServerBroadcastDate",{channelfilter:channelfilter,date:date},(data)=>{
       //console.log(data);
       var daten = data; //im JSON.parse Format object
       var i,j,z;

   
       for (j = 0; j< daten.length ; j++) {
           
           if (daten[j] != null){
               var sendungstr = "";
               if (Bool_Farbe) {
                   Log_Html = Log_Html + '<tr bgcolor=' + Farbe_Zeile +'>';   
               }else
               {
                   Log_Html = Log_Html + '<tr>';
               }
           
               i=0;
           
               var x = findElement(channels,"id",daten[j].events[i].channel);
               if (x!= undefined){
                   sendungstr = x["name"];
                   if (show_logos == true){
                       var foto = 'https://tvfueralle.de/channel-logos/' + x["channelId"] +'.png';
                       Log_Html = Log_Html + '<td width="10%" align="center" bgcolor=white>'+ '<img src="' + foto + '" width="30" height="30">' +'</td>';
                   } else {
                       Log_Html = Log_Html +'<td width="10%">'+ zeichengroesse +  x["name"] +'</span></td>';
                   }
               }
               if (daten[j].events[i].title != undefined) {
                   //console.log(daten[j].events[i]);
                   sendungstr = sendungstr + " " + daten[j].events[i].title;
                   Log_Html = Log_Html +'<td width="40%">'+ zeichengroesse + daten[j].events[i].title +'</span></td>';
               }
               sendungstr = sendungstr + " " + formatDate(daten[j].events[i].startTime,'hh:mm ') + " Uhr";
               Log_Html = Log_Html +'<td width="15%">'+ zeichengroesse + formatDate(daten[j].events[i].startTime,'hh:mm ') +'</span></td>';
               sendungstr = sendungstr + " " + formatDate(daten[j].events[i].endTime,'hh:mm ') + " Uhr";
               Log_Html = Log_Html +'<td width="15%">'+ zeichengroesse + formatDate(daten[j].events[i].endTime,'hh:mm ') +'</span></td>';
               
               x = findElement(categories,"id",daten[j].events[i].content.category);
               //console.log(x);
               if (x !=undefined){
                   if (x["title"]!= undefined) {
                       sendungstr = sendungstr + " - " + daten[j].events[i].content.category + " " + x["title"];
                       Log_Html = Log_Html +'</td><td width="20%">'+ zeichengroesse + x["title"] + '</span></td>';
                   }        
               }
               Log_Html = Log_Html + '</tr>';
               //if (daten[j].events[i].content.texts.VeryShort.value != null){
                   //console.log(daten[j].events[i].content.texts.VeryShort.value);
                   //sendungstr = sendungstr + " " + daten[j].events[i].content.texts.VeryShort.value;
               //}
           
           }
           //Ende einer Zeile
           Bool_Farbe = !Bool_Farbe;
       }
       //Ende von HTML
       Log_Html = Log_Html + '</table></body></html>';
       setState(getState('0_userdata.0.tvprogram.Datenpunkt').val,Log_Html);
   });
};

// Html-erzeugen Boolean ausführen
on({id: '0_userdata.0.tvprogram.HtmlSet', change: "ne"}, function (obj) {
   if (getState('0_userdata.0.tvprogram.HtmlSet').val == true){
       html_erzeugen();
   }
   setState('0_userdata.0.tvprogram.HtmlSet',false);
});

Jarvis-Implementierung

Möchte man alle 10 Minuten die Zeit automatisch gesetzt bekommen, muß man den folgenden Code anhängen:

var schedule1;
(function () {if (schedule1) {clearSchedule(schedule1); schedule1 = null;}})();

schedule1 = schedule('*/10 * * * *', async function () {
  //ZEIT_1 = formatDate(new Date(), "hh:mm");
  setState('0_userdata.0.tvprogram.Zeit',formatDate(new Date(), "hh:mm"));
});

Die das könnte man doch mit in den Adapter integrieren oder? @OliverIO

OliverIO

Neue Version 0.0.28

Neues Widget um Programme nach (Teil)-titel, nach Kategorie (Spielfilm, Nachrichten) und in einem Zeitbereich zu suchen.

MCU · Neue Version 0.0.28

@oliverio Widget findet nicht alle Daten:

OliverIO

@stephan-schleich said in Test Adapter tvprogram:

@mcu

@mcu sagte in Test Adapter tvprogram:

@ash2k

Die das könnte man doch mit in den Adapter integrieren oder? @OliverIO

ich schau mal.

Da ist mir zuviel vom Layout fix vorgegeben, so dass man es nur aufwändig wieder per css anpassen kann. Auch mach ich Oberfläche nie auf dem Server. Dafür hat ein Client mehr Zeit
Auch verstehe ich nicht warum Daten (channels,categories) abgerufen werden und dann in einen Datenpunkt geschrieben. Es reicht doch die Daten nur am Anfang einmal einzulesen und in einer Variable vorzuhalten.
Auch die ganzen Datenpunkte um Formatierung vorzunehmen.
Das kann man auch in einen Konfigurationsblock am Anfang über variablen machen.
Das schafft dann auch ein Anfänger.

Wenn ich es richtig sehe, wechselt der Inhalt erst wieder nach 00:00 Uhr auf den nächsten Tag

OliverIO

@mcu said in Test Adapter tvprogram:

@oliverio Widget findet nicht alle Daten:

und was fehlt?

Community Forum

NEWS

Test Adapter tvprogram

Support us

583

32.4k

81.5k

1.3m