jarvis v2.2.0 - just another remarkable vis

Zefau

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

overflow: auto -> Damit die längeren HTML einen Scrollbalken bekommen?

kannst du über die Widget maxHeight steuern.

MCU

@zefau Habe ich eingestellt, trotzdem wird kein Scrollbalken gebildet. Es wird nur abgeschnitten.

MCU

Sortierung mit 2.2.0-beta.48in Ordnung:

DarkDevil

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

Zefau

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

Habe ich eingestellt, trotzdem wird kein Scrollbalken gebildet. Es wird nur abgeschnitten.

Bei mir funktioniert es. Ist das HTML dynamisch generiert und verändert die Größe?
Kannst du mir das ggf. zur Verfügung stellen?

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:

Community Forum

NEWS

jarvis v2.2.0 - just another remarkable vis

Support us

309

32.6k

82.3k

1.3m