jarvis v2.2.0 - just another remarkable vis

SaiBot1981

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

@zefau @Flopsi
Danke für den Denkanstoss zefau.
Ich habe es jetzt so realisiert:

Funktioniert bestens

Kannst du das mal zeigen wie es sich verhalt? Würde mir gerne was ähnliches mit nem Livebild meiner Cam bauen

Zefau

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

Zeiten bei Terminen am gleichen Tag unterschiedlich:
Ganztägiger Termin

Fester zeitlich begrenzter Termin:

Das liegt daran, dass bei einem ganztägigen Termin die Zeit 0 Uhr unterstellt wird. Dadurch entsteht ein gewisser Versatz, der je nach Zeit dann auf einen ganzen Tag aufgerundet wird.

Zefau

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

Woher kommt das 2. caption, das wird als Einstellungen verwendet? Die HTML-Einstellung wird gestrichen?

Die Tabellenüberschrift wird rot angezeigt, obwohl blau in der HTML steht?

Indem du beiden captions eine CSS Klasse zuweist und dann im CSS die Klasse stylst und nicht das Element direkt.

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?

Community Forum

NEWS

jarvis v2.2.0 - just another remarkable vis

Support us

836

32.4k

81.5k

1.3m