jarvis v2.2.0 - just another remarkable vis

MCU

@zefau Hier das Script für das HTML, vielleicht erkennst du ja einen Fehler?:

//
// LOG_MAKE_HTML
//
//LogWrite(formatDate(new Date(), "JJJJ.MM.TT SS:mm:ss.sss"),name,LogText);
on({id: 'javascript.0.Logging.Log_Make_Html', change: "ne"}, function (obj) {
    var value = obj.state.val;
    var oldValue = obj.oldState.val;
    var LogText;
    Farbe_Ueberschrift = getState("javascript.0.TV-PROGRAMM.FARBE_UEBERSCHRIFT").val;
    Farbe_Zeile = getState("javascript.0.TV-PROGRAMM.FARBE_ZEILE").val;
    if (value != false) 
    {
        //Tabelle neu einlesen
        //if(LOGjson != "") tabelle = JSON.parse(LOGjson);
        //log("Anzahl der Einträge im Log: " + tabelle.length);
        var LogAnz = tabelle.length; // LISTE.length;
        //Reihenfolge berücksichtigen
        var Reihenfolge = getState('javascript.0.Logging.Log_Html_Order').val;
        var counter,countVar;
        if (Reihenfolge == 1) { //1: Ältester oben -> fängt an bei 1 bis Length
            countVar = LogAnz; // Array beginnt bei 0 daher Max = LogAnz-1
            counter = 0; // Array fängt bei 0 an
        }else
        {
            countVar = 0;  
            counter = LogAnz-1;      
        }
        //Aufbau der HTML-Seite
        var Log_Zeile;
    
        var Log_Html = ['<!DOCTYPE HTML>','<html><head><title>','LOG TABELLE</title><style>table {   width: 100%; }</style></head> ','<body style = "text-align:center;" id = "body">','<table align = "center" id="tablelog" border="1">'].join('');
        //,'<div style="overflow-x:auto;">' angedacht um Scrollbalken zu erzeugen, funktioniert nicht
        Log_Html = [Log_Html,'','<tr bgcolor=',Farbe_Ueberschrift,'><th>Zeit</th><th>Type</th><th>Ereignis</th><th>Script</th><th>Ort</th></tr>','<tr><th>-</th><th>-</th><th>-</th><th>-</th><th>-</th></tr>'].join('');

        //var Farbe_Zeile = getState("javascript.0.TV-PROGRAMM.FARBE_ZEILE").val;
        Bool_Farbe = false;
        var timer = setInterval(function() {
            if (Reihenfolge === 1) { //Ältestes zuerst oben
                if(counter < countVar){
                //LogText[counter] bearbeiten, Ereignis wird immer angehängt -> 1. Ältestes
                //html time,type,text,script,time_ts,ort
                //Log_Zeile = tabelle[counter];
                setState('javascript.0.Logging.Log_ID',counter+1);
                //log(Log_Zeile);
                //log("Farbe: "+ Bool_Farbe);
                if (Bool_Farbe) {
                    Log_Html = Log_Html + '<tr bgcolor=' + Farbe_Zeile +'>';   
                }else
                {
                    Log_Html = Log_Html + '<tr>';
                }
                // th Kopfzelle durch td Datenzelle ersetzt
                Log_Html = Log_Html +'<td width="10%"><span style="font-size:10px">' + tabelle[counter].time+'</span>';
                Log_Html = Log_Html +'</td><td width="10%"><span style="font-size:10px">' + tabelle[counter].type+'</span>';
                Log_Html = Log_Html +'</td><td width="30%"><span style="font-size:10px">' + tabelle[counter].text+'</span>';
                Log_Html = Log_Html +'</td><td width="30%"><span style="font-size:10px">' + tabelle[counter].script+'</span>';
                //Log_Html = Log_Html +'</td><td width="10%"><span style="font-size:10px">' + tabelle[counter].time_ts+'</span>';
                Log_Html = Log_Html +'</td><td width="10%"><span style="font-size:10px">' + tabelle[counter].ort + '</span></td></tr>';

                Bool_Farbe = !Bool_Farbe;
                counter++;
                        
                }
                else {
                    clearInterval(timer);
                    console.log('Log-Html wurde erstellt');
                    Log_Html = String(Log_Html) + '</table></body></html>';   
                    setState('javascript.0.Logging.Log_Html',Log_Html); 
                    setState('javascript.0.Logging.Log_Make_Html',false);
                    setState('javascript.0.Logging.Log_Html_Wrong',false);
                    Bool_Farbe = true;
                }
            }else
            {   // Reihenfolge = 2 -> Neuestes Ereignis zuerst oben
                if(counter >= countVar){
                    //LogText[counter] bearbeiten, Ereignis wird immer angehängt -> 1. Ältestes
                    //html time,type,text,script,time_ts,ort
                    //Log_Zeile = tabelle[counter];
                    setState('javascript.0.Logging.Log_ID',counter);
                    //log("Farbe: "+ Bool_Farbe);
                    if (Bool_Farbe) {
                        Log_Html = Log_Html + '<tr bgcolor=' + Farbe_Zeile +'>';   
                    }else
                    {
                        Log_Html = Log_Html + '<tr>';
                    }
                    Log_Html = Log_Html +'<td width="10%"><span style="font-size:10px">' + tabelle[counter].time+'</span>';
                    Log_Html = Log_Html +'</td><td width="10%"><span style="font-size:10px">' + tabelle[counter].type+'</span>';
                    Log_Html = Log_Html +'</td><td width="30%"><span style="font-size:10px">' + tabelle[counter].text+'</span>';
                    Log_Html = Log_Html +'</td><td width="30%"><span style="font-size:10px">' + tabelle[counter].script+'</span>';
                    //Log_Html = Log_Html +'</td><td width="10%"><span style="font-size:10px">' + tabelle[counter].time_ts+'</span>';
                    Log_Html = Log_Html +'</td><td width="10%"><span style="font-size:10px">' + tabelle[counter].ort+'</span></td></tr>';

                    Bool_Farbe = !Bool_Farbe;
                    counter--;
                        
                }
                else {
                    clearInterval(timer);
                    console.log('Log-Html erstellt');
                    Log_Html = String(Log_Html) + '</table></body></html>'; //</div>   
                    setState('javascript.0.Logging.Log_Html',Log_Html); 
                    setState('javascript.0.Logging.Log_Make_Html',false);
                    setState('javascript.0.Logging.Log_Html_Wrong',false);
                    Bool_Farbe = true;
                }
            }
        },10);
    
    }
    
});

Kannst du mir das html zeigen, im Code, mit dem es bei dir funktioniert.

SaiBot1981

@darkdevil sagte in jarvis v2.1.0 - just another remarkable vis:

@saibot1981 wie soll ich es dir zeigen? Reicht dir ein Screenshot von der Benachrichtigung?

Ja reicht mir

Zefau

@mcu sagte in jarvis v2.1.0 - just another remarkable vis:

Kannst du mir das html zeigen, im Code, mit dem es bei dir funktioniert.

https://github.com/Zefau/ioBroker.jarvis/issues/204#issuecomment-782840474

MCU

@zefau 2.2.0-beta.49gleiches Problem, habe keine Änderung vorgenommen. Es lief aber so mit Scrollbalken vor ca Version 2.2.0-beta.30

Schalte ich jetzt overflow:hidden aus:

Und schon ist der Scrollbalken da:

Ich kann das overflow anscheinend nicht beeinflussen?

Habe für die Tabelle overflow auf "auto" gestellt.

Vielleicht als Option im Widget:
Mit Scrollbalken -> overflow:auto
Ohne Scrollbalken -> overflow: hidden

Renegade 0

Moin,

kann mir einer mal die Notification erklären?
Ich hab einen Text und auch eine JSON in jarvis.0.addNotification eingesetzt, aber wo wird mir das dann angezeigt? Ich bekomme kein Popup oder dergleichen.

Bzw. Gibt es in Jarvis auch eine Möglichkeit: wenn Datenpunkt xy = true , starte Popup mit url .... ?

DarkDevil

@saibot1981 sieht dann so aus:

MCU

@renegade-0 Die JSON muss einen bestimmten Aufbau haben:
https://forum.iobroker.net/topic/30668/jarvis-v2-1-0-just-another-remarkable-vis/3376

Bzw. Gibt es in Jarvis auch eine Möglichkeit: wenn Datenpunkt xy = true , starte Popup mit url .... ?

Nein, noch nicht. Man kann nur mit der Notification entsprechende Meldungen (variabel) an jarvis schicken.
Ins sofern, ist auch möglich für jede Status-Änderung eine entsprechende Meldung zu generieren.

Man kann die url aber nicht ausführen, oder Bilder darstellen.

Renegade 0

@mcu

Also ich kann JSONs in addNotification einsetzen und Sie werden auch zu Notification hinzugefügt, aber wie bekomme ich sie im Browser sichtbar?

MCU

@renegade-0 Automatisch. Sie werden beim Glockensymbol angezeigt.

Drauf klicken :

Zeig mal den Aufbau Deiner JSON.

Renegade 0

@mcu
Ich hab da eben kein Glockensymbol :/

[
   {
      "title": "",
      "tabs": [
         {
            "title": "home",
            "icon": "home",
            "columns": [
               [
                  {
                     "moduleConfig": {},
                     "devices": [],
                     "module": "DateTime",
                     "title": "Info",
                     "id": "d11a10bc-1a89-420c-a51a-8acf1c718e05",
                     "index": 0
                  },
                  {
                     "moduleConfig": {
                        "apikey": "ta98rf47opfu",
                        "localid": "96912"
                     },
                     "devices": [],
                     "module": "Weather",
                     "title": "Wetter",
                     "id": "97a5577d-e972-4b71-ae2e-559cc20781ec",
                     "index": 1
                  },
                  {
                     "moduleConfig": {},
                     "devices": [],
                     "module": "StateList",
                     "title": "To-Do",
                     "id": "865f133f-1c7a-4716-b6a1-aaa9b2da81a6",
                     "index": 2
                  }
               ],
               [
                  {
                     "moduleConfig": {},
                     "devices": [],
                     "module": "StateList",
                     "title": "Nachrichten",
                     "id": "f01e6cc8-5458-4645-a95b-b8ba2ede6e4a",
                     "index": 0
                  },
                  {
                     "moduleConfig": {
                        "calendars": [],
                        "refresh": "15",
                        "daysReview": "5",
                        "daysPreview": "1"
                     },
                     "devices": [],
                     "module": "Calendar",
                     "title": "Kalender",
                     "id": "b2ab918e-9cfa-42b8-8f97-b74c0abc47c4",
                     "index": 1
                  }
               ]
            ],
            "id": "98aa49d6-7b65-4c39-b7db-561896642888",
            "index": 0
         },
         {
            "title": "Flur",
            "icon": "stairs",
            "columns": [
               [
                  {
                     "moduleConfig": {},
                     "devices": [
                        {
                           "type": "device",
                           "deviceId": "spiegel_dcd87",
                           "primaryStateKey": "power",
                           "actionType": "action",
                           "actionElement": "SwitchAction"
                        },
                        {
                           "type": "divider"
                        },
                        {
                           "type": "device",
                           "deviceId": "huespotflurlinks_8b6ac",
                           "primaryStateKey": "power",
                           "actionType": "action",
                           "actionElement": "SwitchAction"
                        },
                        {
                           "type": "device",
                           "deviceId": "huespotflurrechts_f1755",
                           "primaryStateKey": "power",
                           "actionType": "action",
                           "actionElement": "SwitchAction"
                        }
                     ],
                     "module": "StateList",
                     "title": "Licht",
                     "icon": "lightbulb-on",
                     "id": "0c9b06da-a9af-4f07-808a-63c73f5ec28a",
                     "scaleContents": true,
                     "index": 0
                  },
                  {
                     "moduleConfig": {},
                     "devices": [
                        {
                           "type": "device",
                           "deviceId": "huelightstripplusflur_192a7",
                           "primaryStateKey": "power",
                           "actionType": "action",
                           "actionElement": "SwitchAction"
                        }
                     ],
                     "module": "StateList",
                     "title": "Ambilight",
                     "id": "ff9c4546-d70b-4e1c-9aa0-d301e0758425",
                     "index": 1
                  },
                  {
                     "moduleConfig": {},
                     "devices": [
                        {
                           "type": "device",
                           "deviceId": "huepirflur_e4a7b",
                           "primaryStateKey": "power"
                        }
                     ],
                     "module": "StateList",
                     "title": "Geräte",
                     "id": "677a3719-8622-4808-a8b6-4884344e8909",
                     "index": 2
                  }
               ],
               [
                  {
                     "moduleConfig": {
                        "url": "http://192.168.33.65:8080/?action=stream"
                     },
                     "devices": [],
                     "module": "iFrame",
                     "title": "Kamera",
                     "minHeight": "640",
                     "id": "73868f20-2ff6-423d-8a67-2bd5cf1f5c02",
                     "index": 0
                  }
               ]
            ],
            "id": "89a4a134-e2e4-490d-afc0-24fa5fc796bc",
            "index": 1
         },
         {
            "title": "Wohnzimmer",
            "icon": "sofa",
            "columns": [
               [
                  {
                     "moduleConfig": {},
                     "devices": [
                        {
                           "type": "device",
                           "deviceId": "spots_80608",
                           "actionType": "action",
                           "actionElement": "SwitchAction",
                           "primaryStateKey": "on"
                        },
                        {
                           "type": "device",
                           "deviceId": "tvlampe_51229",
                           "actionType": "action",
                           "actionElement": "SwitchAction",
                           "primaryStateKey": "power"
                        }
                     ],
                     "module": "StateList",
                     "title": "Licht",
                     "icon": "lightbulb-on",
                     "id": "4faf6a3c-c187-42a7-a3b8-c4d316fcf7da",
                     "index": 0
                  },
                  {
                     "moduleConfig": {},
                     "devices": [
                        {
                           "type": "device",
                           "deviceId": "tvlampe_51229",
                           "actionType": "action",
                           "actionElement": "LightColorState",
                           "primaryStateKey": "power"
                        }
                     ],
                     "module": "StateList",
                     "title": "Ambilight",
                     "id": "82035cb0-d0ed-4db7-bad1-db7a7a4ebfb0",
                     "index": 1
                  },
                  {
                     "moduleConfig": {},
                     "devices": [
                        {
                           "type": "device",
                           "deviceId": "tvimwohnzimmer_6cd7b",
                           "primaryStateKey": "unreach"
                        }
                     ],
                     "module": "StateList",
                     "title": "Geräte",
                     "id": "3a99a565-23db-4094-ad56-801b700e44b6",
                     "index": 2
                  }
               ],
               [
                  {
                     "moduleConfig": {},
                     "devices": [
                        {
                           "type": "device",
                           "deviceId": "heizungtv_0123d",
                           "actionType": "state",
                           "actionElement": "",
                           "primaryStateKey": "unreach"
                        },
                        {
                           "type": "device",
                           "deviceId": "heizungessen_4205a",
                           "primaryStateKey": "unreach"
                        }
                     ],
                     "module": "StateList",
                     "title": "Heizung",
                     "icon": "thermometer",
                     "id": "3f2e1cd1-6bf4-4c4f-ad99-fc1b20be2969",
                     "index": 0
                  },
                  {
                     "moduleConfig": {},
                     "devices": [
                        {
                           "type": "device",
                           "deviceId": "fenstergroßtv_fb03d",
                           "primaryStateKey": "open"
                        },
                        {
                           "type": "device",
                           "deviceId": "fensterkleinessen_47ca3",
                           "primaryStateKey": "open"
                        }
                     ],
                     "module": "StateList",
                     "title": "Fenster",
                     "icon": "window-closed-variant",
                     "id": "e277fca4-fcc8-4876-a59c-96b74bf87edb",
                     "index": 1
                  },
                  {
                     "moduleConfig": {},
                     "devices": [
                        {
                           "type": "device",
                           "deviceId": "wandtasterwz_675a2",
                           "primaryStateKey": "unreach"
                        },
                        {
                           "type": "device",
                           "deviceId": "anzeigewz_503c7",
                           "primaryStateKey": "unreach"
                        }
                     ],
                     "module": "StateList",
                     "title": "sonstiges",
                     "id": "7a428089-8569-403c-a845-496429836268",
                     "index": 2
                  }
               ]
            ],
            "id": "4dc2b7cd-ab19-4190-a939-578e1597ddd0",
            "index": 2
         },
         {
            "title": "Schlafzimmer",
            "icon": "bed-empty",
            "columns": [
               []
            ],
            "id": "ce5117e9-e0da-4b09-a0f0-aeba2de2c282",
            "index": 3
         },
         {
            "title": "Bad",
            "icon": "shower",
            "columns": [
               []
            ],
            "id": "866f1686-2f4b-4c9d-8535-76913f79ccfd",
            "index": 4
         },
         {
            "title": "Kinderzimmer",
            "icon": "baby-face-outline",
            "columns": [
               []
            ],
            "id": "00343d7e-6c5b-4888-bccf-009fec0b0791",
            "index": 5
         },
         {
            "title": "Küche",
            "icon": "pot-steam",
            "columns": [
               []
            ],
            "id": "1dafa34f-81f5-4055-9f57-c274e1c7eae7",
            "index": 6
         },
         {
            "title": "Licht",
            "icon": "lightbulb-on",
            "columns": [
               []
            ],
            "id": "6614ab10-1d74-48b1-9ac1-906ba3ddb856",
            "index": 7
         },
         {
            "title": "Heizung",
            "icon": "thermometer",
            "columns": [
               []
            ],
            "id": "d683821c-37b6-4bbf-b5a5-8a034833c6a5",
            "index": 8
         },
         {
            "title": "Fenster",
            "icon": "window-closed-variant",
            "columns": [
               []
            ],
            "id": "54ae27c0-1e39-4f00-991f-f6a9940b2f23",
            "index": 9
         }
      ],
      "id": "0",
      "index": 0
   }
]

MCU

@renegade-0 Welche Version hast du denn installiert?
Das ist doch die Layout-JSON?

Renegade 0

@mcu
Ganz normal über den ioBroker.Adapter Tab
Welche willst du?

MCU

@renegade-0

Ich habe 2.2.0-beta.49

https://github.com/Zefau/ioBroker.jarvis.git

Renegade 0

@mcu
Wo siehst du das?

MCU

@renegade-0 Adapter Tab -> Katzensymbol:

Renegade 0

@mcu
Ah, wenns in der stable noch nicht implementiert ist, kann ich ja lange suchen. :lol:

Jetzt läufts danke :)

Kann ich auch bei einem event (Datenpunkt = true) auf eine bestimmte Ansicht wechseln lassen?

MCU

@renegade-0 Ansichtwechsel geht auch noch nicht. Ist noch ein bug. Wird mit Version 2.3.0 bearbeitet (glaube ich).
Kannst du selber prüfen, die Issues sind hier:
https://github.com/Zefau/ioBroker.jarvis/issues

Renegade 0

@mcu
also wenn der Ansichtswechsel bzw Popup funktioniert, geht ein Kasten Bier von mir @Zefau ;)

Zefau

@mcu sagte in jarvis v2.1.0 - just another remarkable vis:

Man kann die url aber nicht ausführen, oder Bilder darstellen.

Versuch mal die Syntax wie hier im Forum bzgl. Links und Bilder

Zefau

@mcu sagte in jarvis v2.1.0 - just another remarkable vis:

Ansichtwechsel

Tab Wechsel geht oder was ist Ansichtwechsel?

Community Forum

NEWS

jarvis v2.2.0 - just another remarkable vis

Support us

646

32.4k

81.5k

1.3m