Test Adapter iQontrol 2.0.x Vis (Entwicklungs-Thread)

[s.bormann]

@blackeagle998 Sag mal, mir kam gerade der Gedanke, dass man ja auch einige beliebte Widgets fest in iQontrol einbauen könnte. Da ich Dein Widget richtig gut finde, könnte man z.B. damit mal starten. @dslraser hat auch schon einiges in diese Richtung programmiert. Dazu müsste man zwar Dein Script noch mal ein wenig abwandeln, so dass es ohne den javascript-Adapter auskommt (ich denke, das müsste eigentlich gehen - iQontrol müsste dann die benötigten Konfigurations-Datenpunkte anlegen und alles, was Script ist, müsste in der Widget-Webseite selbst laufen) - aber das Grundgerüst, Design, Idee etc. könnte man komplett übernehmen. Hättest Du da grundsätzlich Interesse dran?

(Ist erst mal nur ein Gedankenspiel und erfordert noch etwas Zeit - aber man muss ja Pläne für die kalte Jahreszeit haben )

[Julian 0]

@dslraser hab mir ein Skript geschrieben, welches mittels der API der VU+ die EPG Daten zurückliefert und in Datenpunkte schreibt.

[dslraser]

@Julian-0 sagte in Test Adapter iQontrol 1.2.x:

@dslraser hab mir ein Skript geschrieben, welches mittels der API der VU+ die EPG Daten zurückliefert und in Datenpunkte schreibt.

interessant, würdest Du das Script hier teilen ?

[s.bormann]

1.2.6 (2020-09-27)

• (sbormann) Scroll to element when deactivating fullScreen.
• (sbormann) Enhanced picture selection drop down and rearranged some images - maybe you need to clear cache to get this working.
• (sbormann) Added INFO_A and INFO_B to display additional informations in the tile.
• (sbormann) Added possibility to hide views name.
• (sbormann) Added possibility to upload html, css and js files and added drop down menu for these files for URL- and BACKGROUND_URL-State.
• (sbormann) Added option to hide icon, if device is enlarged.
• (sbormann) Added option set visibility of BACKGROUND_URL/HTML, if device is enlarged.

[Julian 0]

@dslraser aber klar doch

Die API ist lhier
ganz gut beschrieben:

schedule('*/1 * * * *', function(){
    var url = 'http://IP-ADRESSE/api/epgbouquet?bRef=1:7:1:0:0:0:0:0:0:0:FROM%20BOUQUET%20%22userbouquet.dbe00.tv%22%20ORDER%20BY%20bouquet'; //bRef der entsprechenden Favoritenliste
    request(url, function (err, state, body){
        if (body) {
            body = JSON.parse(body);    
            for(var i=0;i<body.events.length;i++) {    
                var current_service = body['events'][i]['sname'];
                var title = body['events'][i]['title'];
                var shortdesc = body['events'][i]['shortdesc'];
                var longdesc = body['events'][i]['longdesc'];
                var begin_timestamp = body['events'][i]['begin_timestamp'];
                var duration = (body['events'][i]['duration_sec'])/60;
                duration = Math.floor(duration);
                var time;

                time = new Date(begin_timestamp*1000).toLocaleTimeString();
                
                createState("javascript.0.EPG.jetzt." + current_service + ".title");
                createState("javascript.0.EPG.jetzt." + current_service + ".shortdesc");
                createState("javascript.0.EPG.jetzt." + current_service + ".longdesc");
                createState("javascript.0.EPG.jetzt." + current_service + ".begin_timestamp");
                createState("javascript.0.EPG.jetzt." + current_service + ".duration_sec");

                setState("javascript.0.EPG.jetzt." + current_service + ".title", title);
                setState("javascript.0.EPG.jetzt." + current_service + ".shortdesc", shortdesc);
                setState("javascript.0.EPG.jetzt." + current_service + ".longdesc", longdesc);
                setState("javascript.0.EPG.jetzt." + current_service + ".begin_timestamp", time);
                setState("javascript.0.EPG.jetzt." + current_service + ".duration_sec", duration);
            }
        } else {
            log('EPG_now meldet Fehler: ' + err, 'error');
        }
    });
});

[Mitico]

@s-bormann said in Test Adapter iQontrol 1.2.x:

Hallo,
auf Github gibt es eine neue Version, mit der man mit Hilfe neuer Datenpunkte INFO_A und INFO_B beliebig viele Infos in der Kachel anzeigen kann. INFO_A und INFO_B sind Arrays (Listen) und ihr Inhalt wird nacheinander alle 5 Sekunden gewechselt. Man kann auch Icons (bzw. Symbole) angeben. Dazu musste ich die Bildverwaltung etwas umstrukturieren - kann sein, dass man den Browser-Cache leeren muss, damit es läuft. Probiert es mal aus!
VG!

Hi, Danke fürs hinzufügen. Die Infos werden angezeigt nur das mit den 5s geht nicht bzw. es wird immer der erste wert von Array angezeigt.

[blackeagle998]

@s-bormann sagte in Test Adapter iQontrol 1.2.x:

@blackeagle998 Sag mal, mir kam gerade der Gedanke, dass man ja auch einige beliebte Widgets fest in iQontrol einbauen könnte. Da ich Dein Widget richtig gut finde, könnte man z.B. damit mal starten. @dslraser hat auch schon einiges in diese Richtung programmiert. Dazu müsste man zwar Dein Script noch mal ein wenig abwandeln, so dass es ohne den javascript-Adapter auskommt (ich denke, das müsste eigentlich gehen - iQontrol müsste dann die benötigten Konfigurations-Datenpunkte anlegen und alles, was Script ist, müsste in der Widget-Webseite selbst laufen) - aber das Grundgerüst, Design, Idee etc. könnte man komplett übernehmen. Hättest Du da grundsätzlich Interesse dran?

(Ist erst mal nur ein Gedankenspiel und erfordert noch etwas Zeit - aber man muss ja Pläne für die kalte Jahreszeit haben )

Von mir aus sehr gerne, wäre ja auch schöner, wenn es aus iQontrol Sicht vernünftig auf allen Bildschirmen skaliert wird.

[blackeagle998]

@s-bormann
Kann ich über die "postMessage-Communication" per HTML Button eine View öffnen?
Im Prinzip das gleiche als ob ich eine Kachel vom Typ "Verknüpfung zu anderer Ansicht" anklicke.

Momentan behelfe ich mir mit einer Vollbild-Widget-Kachel in der ich die View als Background-URL hinterlegt habe.
Das bringt aber drei Probleme mit sich:

1. Das Icon überdeckt die erste Kachel oben links
2. Die Toolbar unten ermöglicht es, die Kachel immer wieder in sich selbst zu öffnen, das verwirrt in der Darstellung sehr schnell
3. Ich musste der View einen anderen Hintergrund verpassen, weil er sonst auf der Hauptview untergeht, wenn beide den gleichen Hintergrund verwenden.

Deswegen wäre es mir lieber, man könnte direkt zur View springen.

[Kueppert]

@dslraser wie hast du es hinbekommen, mehrere "Remote-Additional-Buttons"-Menues angezeigt zu bekommen? Und die bunten Knöpfe, wie hast du das hinbekommen?

[dslraser]

@Kueppert sagte in Test Adapter iQontrol 1.2.x:

@dslraser wie hast du es hinbekommen, mehrere "Remote-Additional-Buttons"-Menues angezeigt zu bekommen?

meinst Du das ? (oder die Sender ?)

Die Sender sind alle als Button selbst angelegt und werden über ein Blockly geschaltet. Ganz oben habe ich activity über den Harmony Adapter.

Blockly Export-meine Sender

Sender.txt

Und die bunten Knöpfe, wie hast du das hinbekommen?

Die habe ich auf einen eigenen Datenpunkt gelegt.

Über den Schraubenschlüssel

RAW Datenpunkt

{
 "_id": "0_userdata.0.TV_System_ohne_Alexa.Color_WZ",
 "type": "state",
 "common": {
   "name": "Color_WZ",
   "role": "",
   "type": "mixed",
   "read": true,
   "write": true,
   "desc": "Manually created",
   "custom": {
     "iqontrol.0": {
       "enabled": true,
       "readonly": false,
       "invert": false,
       "confirm": false,
       "pincode": "",
       "unit": "",
       "unit_zero": "",
       "unit_one": "",
       "min": "",
       "max": "",
       "step": "",
       "type": "",
       "role": "",
       "targetValueId": "",
       "statesAddInput": false,
       "statesAddInputCaption": "Enter other value...",
       "targetValues": {
         "blue": {
           "targetValue": "true",
           "targetDatapointId": "harmony.0.Wohnzimmer.Vu+-DVR.Blue"
         },
         "green": {
           "targetValue": "true",
           "targetDatapointId": "harmony.0.Wohnzimmer.Vu+-DVR.Green"
         },
         "red": {
           "targetValue": "true",
           "targetDatapointId": "harmony.0.Wohnzimmer.Vu+-DVR.Red"
         },
         "yellow": {
           "targetValue": "true",
           "targetDatapointId": "harmony.0.Wohnzimmer.Vu+-DVR.Yellow"
         }
       },
       "showOnlyTargetValues": false
     }
   }
 },
 "native": {},
 "from": "system.adapter.admin.0",
 "user": "system.user.admin",
 "ts": 1599022824323,
 "acl": {
   "object": 1636,
   "state": 1636,
   "owner": "system.user.admin",
   "ownerGroup": "system.group.administrator"
 }
}

[Kueppert]

@dslraser danke dir für die Rückmeldung. Man, da hast dir wieder richtig viel Arbeit mit gemacht. Mal schauen, wie ich meine FB aufbaue. Danke dir
Eine Frage habe ich noch. Wie hast du den 3. Menüpunkt (Farb-Knöppe) da hinbekommen?

PAD wird m.E. automatisch angelegt, wenn man die Datenpunkte für das PAD füllt. Sender wird im iQontrol vermutlich "REMOTE_ADDITIONAL_BUTTONS" befüllt. Erscheint das Menü "Farb-Knöpfe" wenn man "Remote COlor" befüllt automatisch?
Viele Grüße, Thorsten

[dslraser]

@Kueppert sagte in Test Adapter iQontrol 1.2.x:

Erscheint das Menü "Farb-Knöpfe" wenn man "Remote COlor" befüllt automatisch?

ja, dann erscheint es.

Bei "Sender" kannst Du den Begriff selbst bestimmen.

[dslraser]

@Kueppert sagte in Test Adapter iQontrol 1.2.x:

Eine Frage habe ich noch. Wie hast du den 3. Menüpunkt (Farb-Knöppe) da hinbekommen?

Und schau nochmal in meine erste Antwort, da habe ich die Farbknöppe beschrieben.

[dslraser]

@Julian-0 sagte in Test Adapter iQontrol 1.2.x:

http://IP-ADRESSE/api/epgbouquet?

Ich bin zu blöde mir den Link zusammen zu setzen...Kannst Du dabei helfen ?

EDIT: ich habe es jetzt

[dslraser]

@s-bormann
ist es möglich hier an dieser Stelle für die Sender ebenfalls pro Sender "Additional Infos" einzubauen ?
Hintergrund: das man über das Script von @Julian-0 den EPG der Sender anzeigen kann, bevor man umschaltet.
Oder vielleicht ein zusätzliches Aufklappmenü für EPG mit der Möglichkeit Sender und dessen EPG von einem Datenpunkt einzufügen/anzuzeigen ?

[s.bormann]

@Mitico sagte in Test Adapter iQontrol 1.2.x:

@s-bormann said in Test Adapter iQontrol 1.2.x:

Hallo,
auf Github gibt es eine neue Version, mit der man mit Hilfe neuer Datenpunkte INFO_A und INFO_B beliebig viele Infos in der Kachel anzeigen kann. INFO_A und INFO_B sind Arrays (Listen) und ihr Inhalt wird nacheinander alle 5 Sekunden gewechselt. Man kann auch Icons (bzw. Symbole) angeben. Dazu musste ich die Bildverwaltung etwas umstrukturieren - kann sein, dass man den Browser-Cache leeren muss, damit es läuft. Probiert es mal aus!
VG!

Hi, Danke fürs hinzufügen. Die Infos werden angezeigt nur das mit den 5s geht nicht bzw. es wird immer der erste wert von Array angezeigt.

Hi,
also bei mir gehts. Bitte schick mal Log aus der Entwicklerkonsole.

---

Bitte die folgenden Schritte durchführen. Bei weiteren Problemen bitte vor allem den 2. Absatz beachten, hier wird beschrieben, wie man ein Log des Fehlers erzeugt und welche Screenshots für die weitere Analyse notwendig sind:

https://github.com/sbormann/ioBroker.iqontrol#troubleshooting

Vielen Dank!

[s.bormann]

@blackeagle998 sagte in Test Adapter iQontrol 1.2.x:

@s-bormann
Kann ich über die "postMessage-Communication" per HTML Button eine View öffnen?
Im Prinzip das gleiche als ob ich eine Kachel vom Typ "Verknüpfung zu anderer Ansicht" anklicke.

Momentan behelfe ich mir mit einer Vollbild-Widget-Kachel in der ich die View als Background-URL hinterlegt habe.
Das bringt aber drei Probleme mit sich:

1. Das Icon überdeckt die erste Kachel oben links
2. Die Toolbar unten ermöglicht es, die Kachel immer wieder in sich selbst zu öffnen, das verwirrt in der Darstellung sehr schnell
3. Ich musste der View einen anderen Hintergrund verpassen, weil er sonst auf der Hauptview untergeht, wenn beide den gleichen Hintergrund verwenden.

Deswegen wäre es mir lieber, man könnte direkt zur View springen.

Kommt auf die Liste, wird denke ich zeitnah erledigt. LG!

[s.bormann]

@dslraser sagte in Test Adapter iQontrol 1.2.x:

@s-bormann
ist es möglich hier an dieser Stelle für die Sender ebenfalls pro Sender "Additional Infos" einzubauen ?
Hintergrund: das man über das Script von @Julian-0 den EPG der Sender anzeigen kann, bevor man umschaltet.
Oder vielleicht ein zusätzliches Aufklappmenü für EPG mit der Möglichkeit Sender und dessen EPG von einem Datenpunkt einzufügen/anzuzeigen ?

Hi,
kannst Du mir mal bitte genau beschreiben, wie die Datenpunkte des EPG aufgebaut sind? Vielleicht mit Screenshot der Datenpunkte? Über welchen Adapter holst Du Dir das EPG?
VG!

[dslraser]

@s-bormann sagte in Test Adapter iQontrol 1.2.x:

@blackeagle998 Sag mal, mir kam gerade der Gedanke, dass man ja auch einige beliebte Widgets fest in iQontrol einbauen könnte. Da ich Dein Widget richtig gut finde, könnte man z.B. damit mal starten. @dslraser hat auch schon einiges in diese Richtung programmiert. Dazu müsste man zwar Dein Script noch mal ein wenig abwandeln, so dass es ohne den javascript-Adapter auskommt (ich denke, das müsste eigentlich gehen - iQontrol müsste dann die benötigten Konfigurations-Datenpunkte anlegen und alles, was Script ist, müsste in der Widget-Webseite selbst laufen) - aber das Grundgerüst, Design, Idee etc. könnte man komplett übernehmen. Hättest Du da grundsätzlich Interesse dran?

(Ist erst mal nur ein Gedankenspiel und erfordert noch etwas Zeit - aber man muss ja Pläne für die kalte Jahreszeit haben )

Einen Wunsch hätte ich da direkt noch...
Du könntest ein Widget von/für openstreetmap einbauen. Ein schönes Beispiel hat hier der Adapter jarvis. Das hat mir schön länger gefehlt, aber das sollte jetzt mit den ganzen Kacheln möglich sein, oder ?
Hier gibt es sogar fertige Sachen. https://leafletjs.com/
Fertige Koordinaten bekommt man von anderen Adaptern. Es wäre schön, dort mehrere Benutzer "anspringen" zu können. Verschiedene Symbole dazu wären auch schön.

Beispiel :

Hier noch ein Basis html dazu (aber das geht viel besser)

Spoiler

<!DOCTYPE html>
<html lang="de">
  <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
     <title>HowTo: Mini-Beispiel "Leaflet Karte mit Marker"</title>
     <!-- leaflet.css und leaflet.js von externer Quelle einbinden -->
     <link rel="stylesheet" href="https://unpkg.com/leaflet@1.4.0/dist/leaflet.css" />
     <script src="https://unpkg.com/leaflet@1.4.0/dist/leaflet.js"></script>
  </head>
  <body>
     <div id='meineKarte' style='height: 800px; width: 100%;'></div>
     <!-- OSM-Basiskarte einfügen und zentrieren -->
     <script type='text/javascript'>
        var Karte = L.map('meineKarte').setView([52.521918,13.413215], 11);
        L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
        'attribution':  'Kartendaten &copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> Mitwirkende',
        'useCache': true
        }).addTo(Karte);
     </script>
     <!-- Marker einfügen -->
     <script>
        var marker = L.marker([52.518620,13.376187]).addTo(Karte);
     </script>
  </body>
</html>

EDIT: wenn Du das html in eine leere Datei einfügst und speicherst und dann mit einem Browser öffnest, erscheint schon eine Karte. Die Koordinaten habe ich mal verändert, ich wollte nicht, das direkt meine Anschrift angezeigt wird...

EDIT:
für die Koordinaten nutze ich diesen Adapter
https://github.com/t4qjXH8N/ioBroker.google-sharedlocations/blob/master/README.md

[dslraser]

@s-bormann sagte in Test Adapter iQontrol 1.2.x:

Hi,
kannst Du mir mal bitte genau beschreiben, wie die Datenpunkte des EPG aufgebaut sind? Vielleicht mit Screenshot der Datenpunkte? Über welchen Adapter holst Du Dir das EPG?
VG!

Es ist das gepostete Script von @Julian-0 , das ist kein Adapter.
Ich habe mir die Datenpunkte unter 0_userdata.0 anlegen lassen. (javascript.x geht natürlich auch)

Die Struktur ist immer gleich.
Beispiel:

Script

Spoiler

schedule('*/1 * * * *', function(){
   var url = 'http://IP-ADRESSE/api/epgbouquet?bRef=1:7:1:0:0:0:0:0:0:0:FROM%20BOUQUET%20%22userbouquet.dbe00.tv%22%20ORDER%20BY%20bouquet'; //bRef der entsprechenden Favoritenliste
   request(url, function (err, state, body){
       if (body) {
           body = JSON.parse(body);    
           for(var i=0;i<body.events.length;i++) {    
               var current_service = body['events'][i]['sname'];
               var title = body['events'][i]['title'];
               var shortdesc = body['events'][i]['shortdesc'];
               var longdesc = body['events'][i]['longdesc'];
               var begin_timestamp = body['events'][i]['begin_timestamp'];
               var duration = (body['events'][i]['duration_sec'])/60;
               duration = Math.floor(duration);
               var time;

               time = new Date(begin_timestamp*1000).toLocaleTimeString();
               
               createState("javascript.0.EPG.jetzt." + current_service + ".title");
               createState("javascript.0.EPG.jetzt." + current_service + ".shortdesc");
               createState("javascript.0.EPG.jetzt." + current_service + ".longdesc");
               createState("javascript.0.EPG.jetzt." + current_service + ".begin_timestamp");
               createState("javascript.0.EPG.jetzt." + current_service + ".duration_sec");

               setState("javascript.0.EPG.jetzt." + current_service + ".title", title);
               setState("javascript.0.EPG.jetzt." + current_service + ".shortdesc", shortdesc);
               setState("javascript.0.EPG.jetzt." + current_service + ".longdesc", longdesc);
               setState("javascript.0.EPG.jetzt." + current_service + ".begin_timestamp", time);
               setState("javascript.0.EPG.jetzt." + current_service + ".duration_sec", duration);
           }
       } else {
           log('EPG_now meldet Fehler: ' + err, 'error');
       }
   });
});

Edit:
das war der Beitrag von hier, da siehst Du wie es @Julian-0 es jetzt macht

https://forum.iobroker.net/post/493646