Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Tester
    4. jarvis v3.0.0 - just another remarkable vis

    NEWS

    • ioBroker@Smart Living Forum Solingen, 14.06. - Agenda added

    • ioBroker goes Matter ... Matter Adapter in Stable

    • Monatsrückblick - April 2025

    jarvis v3.0.0 - just another remarkable vis

    This topic has been deleted. Only users with topic management privileges can see it.
    • A
      A87CLL @MCU last edited by

      @mcu Ja wenn ich das mache reagiert jarvis entsprechend. Wenn ich über jarvis den Wert schreibe kriegt mein Schalter das auch mit. Der leuchtet dann entsprechend. In den Objekten sieht es nach anpassen über jarvis so aus:
      71b8ae5d-ac54-4c44-8db7-4b5365215ae6-image.png

      M 1 Reply Last reply Reply Quote 0
      • M
        MCU @A87CLL last edited by MCU

        @a87cll Dann ist es kein jarvis-Problem, oder?
        Keine Ahnung, ob es damit zusammenhängt: wp:false?
        3e4a63f3-b231-4d2b-a466-b6c21c3154a7-image.png

        A 2 Replies Last reply Reply Quote 0
        • A
          A87CLL @MCU last edited by

          @mcu Ich werde gleich nochmal testen wie der Wert in iobroker ankommt, wenn ich ihn über den Schalter schalte..

          1 Reply Last reply Reply Quote 0
          • A
            A87CLL @MCU last edited by

            @mcu Ändert leider alles nichts. Ich bin mir jedoch inzwischen sicher, dass es daran liegt, dass die aktuellen Werte meiner Datenpunkte aus der S7 nicht im iobroker ankommen.
            Zum einen steht in den Objekten bei allen Datenpunkten/Objects der Wert null, wenn diese noch nicht über jarvis o.ä. geschaltet worden sind, zum anderen habe ich gerade einfach mal fix in der VIS einen Schalter eingebaut und dort den Datenpunkt angebunden. Dort habe ich das gleiche Problem.
            Dann werde ich mich hier im Forum mal auf die Suche begeben, ob es dazu schon mal einen Thread gab. 🙂
            Danke für die Hilfe!

            1 Reply Last reply Reply Quote 1
            • R
              regi7 last edited by regi7

              Hallo,

              ich habe mehrere ECharts untereinander jeweils als iFrame eingebunden (der Tab ist dann höher als ein Bildschirm). Mittels Mausrad kann man in den iFrames in die x-Achse zoomen, leider scrollt aber auch gleichzeitig der Tab. Ist es irgendwie möglich die Mauseingaben, sofern sich der Cursor über dem iFrame befindet, nur an den iFrame weiterzuleiten? Mittels Sandboxeinstellungen (zB: allow-pointer-lock) konnte ich das gewünschte Verhalten nicht erreichen.
              Hat jemand eine Idee?
              Untitled.png

              M 1 Reply Last reply Reply Quote 0
              • T
                tradestation @MCU last edited by

                @mcu
                Vielen Dank für den Hinweis. Ich bin noch auf Version 3.0.15. Wenn ich auf 3.1.2 gewechselt habe werde ich folgendes für die "Konfiguration der y-Achse" im Modul "HistoryGraph" versuchen:

                "axisLabel": {
                        "formatter": "function (value) { var newVal = parseFloat((val)/36).toFixed(3); return newVal; }"
                }
                

                Ich hoffe die Syntax ist ok.

                1 Reply Last reply Reply Quote 0
                • M
                  MCU @regi7 last edited by

                  @regi7 Hast du den Fokus auf das eChart gelegt? -> Also einmal anklicken.

                  U R 2 Replies Last reply Reply Quote 0
                  • U
                    uwe72 @MCU last edited by

                    @mcu

                    Wäre es möglich mit einem SwitchAction (Ein- Ausschalter) statt einem boolean-Datenpunkt einen Number-Datenpunkt zu steuern?

                    Switch eingeschaltet = 2
                    Switch ausgeschaltet = 1

                    Wollte so zwischen den Heizungsprofilen 1 (Abwesenheitsprofil) und 2 (Anwesenheitsprofil) hin- und herschalten

                    1 Reply Last reply Reply Quote 0
                    • M
                      MCU last edited by

                      @uwe72 Ja, Datenpunkt-Eigenschaften (number-DP)

                      {"on":2, "off":1}
                      
                      1 Reply Last reply Reply Quote 1
                      • R
                        regi7 @MCU last edited by

                        @mcu Leider macht es keinen Unterschied (getestet mit Mozilla und Edge).

                        1 Reply Last reply Reply Quote 0
                        • J
                          johannes1702 last edited by

                          Hallo, ich würde gerne aus dem DWD Adapter mit einer JSONTable Wetterwarnungen anzeigen. Unter

                          dwd.0.warning.object
                          

                          liegen ja alle Infos im JSON Format vor. Beispiel:

                          {"state":"Nordrhein-Westfalen","type":5,"level":2,"start":1670925600000,"end":1670947200000,"regionName":"Stadt Köln","event":"FROST","headline":"Amtliche WARNUNG vor FROST","instruction":"","description":"Es tritt leichter Frost zwischen 0 °C und -2 °C auf.","stateShort":"NRW","altitudeStart":null,"altitudeEnd":null}
                          

                          Also habe ich ein Gerät für diesen DP erstellt und es in einer JSON Tabelle eingebunden. Objekt-Modus habe ich sowohl auf an, als auch auf aus gestellt. Unt auch testweise mal unter Spalten ein paar Optionen hinterlegt:

                          [ { "field": "start" }, { "field": "end"}, { "field": "headline"}]
                          

                          Allerdings bekomme ich im Dashboard immer nur die Meldung "e.map is not a function", egal, was ich oben einstelle. Was mache ich da falsch? 🙂

                          S Zefau 2 Replies Last reply Reply Quote 0
                          • M
                            Meto304 last edited by

                            Hallo zusammen,
                            bestimmt für die Experten einfach:

                            Ich möchte die Farbe des Textes des Body Elements ändern.
                            Was genau muss ich in Styles eintragen?
                            45339ddb-b321-429e-9fff-3de4a92cff3c-image.png
                            fe487168-478e-41dd-84d6-f0586e74d451-image.png

                            Für die secondary states habe ich damals von euch Hilfe bekommen:
                            .jarvis-secondaryStatesKey .q-item__label {
                            color: #909090;

                            Gerne auch mit Verweis auf die Doku, meine Suche dort hat mir nicht weitergeholfen.

                            Vielen lieben Dank
                            Grüße

                            M 1 Reply Last reply Reply Quote 0
                            • M
                              MCU last edited by

                              @johannes1702 Ich vermute es liegt an Einträgen:

                              falsch 
                              "altitudeStart":null,"altitudeEnd":null
                              richtig
                              "altitudeStart":"null","altitudeEnd":"null"
                              
                              J 1 Reply Last reply Reply Quote 1
                              • J
                                johannes1702 @MCU last edited by

                                @mcu Toll 😒 - da muss ich mal schauen, wie ich den Inhalt in einen eigenen DP bekomme und dort „reparieren“ kann 😬

                                1 Reply Last reply Reply Quote 0
                                • M
                                  MCU @Meto304 last edited by

                                  @meto304
                                  https://mcuiobroker.gitbook.io/jarvis-infos/jarvis/besonderheiten-v3/styles/statelist-1/label-lastchangebody#lastchangebody-andersfarbig-darstellen

                                  M 1 Reply Last reply Reply Quote 1
                                  • M
                                    Meto304 @MCU last edited by

                                    @mcu vielen lieben dank

                                    1 Reply Last reply Reply Quote 1
                                    • M
                                      MCU last edited by MCU

                                      NUR MIT v3.1.2+
                                      Bitte Wünsche zu SlideShow hier äußern.
                                      Was soll mit der SlideShow möglich sein.
                                      z.Zt kann eine SlideShow

                                      • http-Bilder, die man in einem Array festgeglegt hat, wiedergeben.
                                      • einlesen von png und jpg-Dateien aus einem festgelegten Verzeichnis in das Array
                                      • Darstellungszeit auswählbar
                                      • Jarvis-Devices auswählbar, bei denen die SlideShow aktiv sein soll.
                                      • Zeit einstellbar, die man die SlideShow inaktiv halten kann, um etwas in jarvis nachzuschauen und dann automatisch wieder aktiviert wird

                                      Beispiel

                                      jarvis v312 Beispiel SlideShow.mp4

                                      1 Reply Last reply Reply Quote 0
                                      • S
                                        somansch @johannes1702 last edited by

                                        @johannes1702 sagte in jarvis v3.0.0 - just another remarkable vis:

                                        Hallo, ich würde gerne aus dem DWD Adapter mit einer JSONTable Wetterwarnungen anzeigen. Unter

                                        dwd.0.warning.object
                                        

                                        liegen ja alle Infos im JSON Format vor. Beispiel:

                                        {"state":"Nordrhein-Westfalen","type":5,"level":2,"start":1670925600000,"end":1670947200000,"regionName":"Stadt Köln","event":"FROST","headline":"Amtliche WARNUNG vor FROST","instruction":"","description":"Es tritt leichter Frost zwischen 0 °C und -2 °C auf.","stateShort":"NRW","altitudeStart":null,"altitudeEnd":null}
                                        

                                        Also habe ich ein Gerät für diesen DP erstellt und es in einer JSON Tabelle eingebunden. Objekt-Modus habe ich sowohl auf an, als auch auf aus gestellt. Unt auch testweise mal unter Spalten ein paar Optionen hinterlegt:

                                        [ { "field": "start" }, { "field": "end"}, { "field": "headline"}]
                                        

                                        Allerdings bekomme ich im Dashboard immer nur die Meldung "e.map is not a function", egal, was ich oben einstelle. Was mache ich da falsch? 🙂

                                        Ich habe das mit dem vorhandenen JS-Script aus diesem Thread umgesetzt. Es wandelt die Daten in HTML. Habe es für mein Layout entsprechend angepasst:65d9d3c3-1375-4958-b2c6-1d6f67f94bad-image.png

                                        // Meldungen von DWD Adapter in HTML formatieren für jarvis - Anzeige
                                         
                                        //--------------------------------------------------------------------------------------
                                        createState('0_userdata.0.DWD.warnungen', {read: true, write: true, name: "DWD Warnungen", type: "string", role: "text", def: "" });
                                        createState('0_userdata.0.DWD.warnung0', {read: true, write: true, name: "DWD Warnung0", type: "string", role: "text", def: "" });
                                        createState('0_userdata.0.DWD.warnung1', {read: true, write: true, name: "DWD Warnung1", type: "string", role: "text", def: "" });
                                        createState('0_userdata.0.DWD.warnung2', {read: true, write: true, name: "DWD Warnung2", type: "string", role: "text", def: "" });
                                        createState('0_userdata.0.DWD.warnung3', {read: true, write: true, name: "DWD Warnung3", type: "string", role: "text", def: "" });
                                        
                                        var f_begin = " ";
                                        var f_end = " ";
                                        var headline = " ";
                                        var zeitraum = " ";
                                        var text = " ";
                                         
                                        var level = " ";
                                        var level_txt = " ";
                                        var level_clr = " ";
                                         
                                        var typ = " ";
                                        var typ_icn = " ";
                                        var typ_txt = " ";
                                         
                                        var warn_num = 0;
                                        var i;
                                        var w;
                                        var warnung = [];
                                        
                                         
                                        schedule('*/5 * * * *', function () {        // alle 5 min
                                         
                                            warn_num = getState("dwd.0.numberOfWarnings").val; //dwd.0.numberofwarnings
                                            log('Anzahl: '+warn_num);
                                            //setState("0_userdata.0.DWD.warnungen", " ");
                                            
                                            if (warn_num > 0) {
                                            
                                                for (i = 0; i < warn_num; i++) {
                                                    if (i == 0) {
                                                        w = "";
                                                    } else {
                                                        w = i;
                                                    }
                                            
                                                    var begin = getState('dwd.0.warning'+w+'.begin').val;      
                                                    var end   = getState('dwd.0.warning'+w+'.end').val;
                                                    var typ   = getState('dwd.0.warning'+w+'.type').val;
                                                    if ((begin === null) && (end === null)) {
                                                        // keine Meldungen aktiv
                                                        log ("DWD - Keine "+ i +"te Warnungen");
                                                        warnung[i] = " ";
                                                        setState("0_userdata.0.DWD.warnung"+i, " ");
                                                    }
                                                    else {
                                                        // Meldungen vorhanden
                                                        log("DWD - "+ i +"te Warnungen aktiv");
                                                        setState("0_userdata.0.DWD.warnung"+i, " ");
                                            
                                                        // date/time formatieren
                                                        if (begin != null) {
                                                            if (end != null) {
                                                                f_begin = (formatDate(begin, "W TT.MM.JJJJ S") + ' Uhr bis ');
                                                            } else {
                                                                f_begin = (formatDate(begin, "W TT.MM.JJJJ S") + ' Uhr');
                                                            }
                                                        } else {
                                                            f_begin = " ";
                                                        }
                                                        if (end != null) {
                                                            f_end = (formatDate(end, "W TT.MM.JJJJ S") + ' Uhr');
                                                        } else {
                                                            f_end = " ";
                                                        }
                                            
                                                    // LEVEL
                                                    level = getState('dwd.0.warning'+w+'.level').val;
                                                
                                                        switch(level) {
                                                            case 1 :
                                                                level_txt = "VOR-WARNUNG";
                                                                level_clr = "#DFD2CA";
                                                                break;
                                                            case 2 :
                                                                level_txt = "GERING (1 von 4)";
                                                                level_clr = "#ECC200";  
                                                                break;
                                                            case 3 :
                                                                level_txt = "ERHÖHT (2 von 4)";
                                                                level_clr = "#E17000";
                                                                break;
                                                            case 4 :
                                                                level_txt = "HOCH (3 von 4)";
                                                                level_clr = "#cb4335";
                                                                break;
                                                            case 5 :
                                                                level_txt = "EXTREM (4 von 4)";
                                                                level_clr = "#6c3483";
                                                                break;
                                                            default :
                                                                level_txt = "UNBEKANNT";
                                                                level_clr = "#cb4335";
                                                                break;
                                                        }
                                                
                                                        typ = getState('dwd.0.warning'+w+'.type').val;
                                            
                                                        switch(typ) {
                                                            case 0 :
                                                                typ_txt = "GEWITTER";
                                                                typ_icn = '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" focusable="false" width="1em" height="1em" style="-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"><path d="M5 2v11h3v9l7-12h-4l4-8m2 13h2v2h-2v-2m0-8h2v6h-2V7z" fill="' + level_clr + '"/></svg>';
                                                                break;
                                                            case 1 :
                                                                typ_txt = "STURM";
                                                                typ_icn = '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" focusable="false" width="1em" height="1em" style="-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"><path d="M7 5v8l15-2V7L7 5m3 1.91l3 .4v3.38l-3 .4V6.91m6 .8l3 .4v1.78l-3 .4V7.71M5 10v1h1v1H5v9H3V4c0-.55.45-1 1-1s1 .45 1 1v2h1v1H5v3z" fill="' + level_clr + '"/></svg>';
                                                                break;
                                                            case 2 :
                                                                typ_txt = "REGEN";
                                                                typ_icn = '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" focusable="false" width="1em" height="1em" style="-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"><path d="M9 12c.53.14.85.69.71 1.22l-1.3 4.83c-.14.54-.69.85-1.22.71a.967.967 0 0 1-.69-1.22l1.28-4.83c.14-.54.69-.85 1.22-.71m4 0c.53.14.85.69.71 1.22l-2.07 7.73c-.14.55-.69.85-1.23.71c-.53-.16-.85-.69-.71-1.23l2.08-7.72c.14-.54.69-.85 1.22-.71m4 0c.53.14.85.69.71 1.22l-1.3 4.83c-.14.54-.69.85-1.22.71a.967.967 0 0 1-.69-1.22l1.28-4.83c.14-.54.69-.85 1.22-.71m0-2V9a5 5 0 0 0-5-5C9.5 4 7.45 5.82 7.06 8.19C6.73 8.07 6.37 8 6 8a3 3 0 0 0-3 3c0 1.11.6 2.08 1.5 2.6v-.01c.5.28.64.91.37 1.37c-.28.47-.87.64-1.37.36v.01A4.98 4.98 0 0 1 1 11a5 5 0 0 1 5-5c1-2.35 3.3-4 6-4c3.43 0 6.24 2.66 6.5 6.03L19 8a4 4 0 0 1 4 4c0 1.5-.8 2.77-2 3.46c-.5.27-1.09.11-1.37-.37c-.27-.48-.13-1.09.37-1.37v.01c.6-.34 1-.99 1-1.73a2 2 0 0 0-2-2h-2z" fill="' + level_clr + '"/></svg>';
                                                                break;
                                                            case 3 :
                                                                typ_txt = "SCHNEE";
                                                                typ_icn = '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" focusable="false" width="1em" height="1em" style="-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"><path d="M16.46 9.41L13 7.38V5.12l1.71-1.71L13.29 2L12 3.29L10.71 2L9.29 3.41L11 5.12v2.26L8.5 8.82l-2-1.13l-.58-2.33L4 5.88l.47 1.77l-1.77.47l.52 1.93l2.33-.62l2 1.13v2.89l-2 1.13l-2.33-.62l-.52 1.93l1.77.47L4 18.12l1.93.52l.62-2.33l2-1.13L11 16.62v2.26l-1.71 1.71L10.71 22L12 20.71L13.29 22l1.41-1.41l-1.7-1.71v-2.26l3.46-2.01M9.5 10.56L12 9.11l2.5 1.45v2.88L12 14.89l-2.5-1.45M19 13V7h2v6h-2m0 4v-2h2v2h-2z" fill="' + level_clr + '"/></svg>';
                                                                break;
                                                            case 4 :
                                                                typ_txt = "NEBEL";
                                                                typ_icn = '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" focusable="false" width="1em" height="1em" style="-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"><path d="M3 15h10a1 1 0 0 1 1 1a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1a1 1 0 0 1 1-1m13 0h5a1 1 0 0 1 1 1a1 1 0 0 1-1 1h-5a1 1 0 0 1-1-1a1 1 0 0 1 1-1M1 12a5 5 0 0 1 5-5c1-2.35 3.3-4 6-4c3.43 0 6.24 2.66 6.5 6.03L19 9c2.19 0 3.97 1.76 4 4h-2a2 2 0 0 0-2-2h-2v-1a5 5 0 0 0-5-5C9.5 5 7.45 6.82 7.06 9.19C6.73 9.07 6.37 9 6 9a3 3 0 0 0-3 3a3 3 0 0 0 .17 1H1.1L1 12m2 7h2a1 1 0 0 1 1 1a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1a1 1 0 0 1 1-1m5 0h13a1 1 0 0 1 1 1a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1a1 1 0 0 1 1-1z" fill="' + level_clr + '"/></svg>';
                                                                break;
                                                            case 5 :
                                                                typ_txt = "FROST";
                                                                typ_icn = '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" focusable="false" width="1em" height="1em" style="-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"><path d="M17 13V7h2v6h-2m0 4v-2h2v2h-2m-4-4V5c0-1.7-1.3-3-3-3S7 3.3 7 5v8c-2.2 1.7-2.7 4.8-1 7s4.8 2.7 7 1s2.7-4.8 1-7c-.3-.4-.6-.7-1-1m-3-9c.6 0 1 .4 1 1v3H9V5c0-.6.4-1 1-1z" fill="' + level_clr + '"/></svg>';
                                                                break;
                                                            case 6 :
                                                                typ_txt = "GLÄTTE";
                                                                typ_icn = '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" focusable="false" width="1em" height="1em" style="-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"><path d="M16.46 9.41L13 7.38V5.12l1.71-1.71L13.29 2L12 3.29L10.71 2L9.29 3.41L11 5.12v2.26L8.5 8.82l-2-1.13l-.58-2.33L4 5.88l.47 1.77l-1.77.47l.52 1.93l2.33-.62l2 1.13v2.89l-2 1.13l-2.33-.62l-.52 1.93l1.77.47L4 18.12l1.93.52l.62-2.33l2-1.13L11 16.62v2.26l-1.71 1.71L10.71 22L12 20.71L13.29 22l1.41-1.41l-1.7-1.71v-2.26l3.46-2.01M9.5 10.56L12 9.11l2.5 1.45v2.88L12 14.89l-2.5-1.45M19 13V7h2v6h-2m0 4v-2h2v2h-2z" fill="' + level_clr + '"/></svg>';
                                                                break;
                                                            case 7 :
                                                                typ_txt = "TAU-WETTER";
                                                                typ_icn = '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" focusable="false" width="1em" height="1em" style="-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"><path d="M8 17.85C8 19.04 7.11 20 6 20s-2-.96-2-2.15C4 16.42 6 14 6 14s2 2.42 2 3.85M16.46 12v-1.44l2-1.13l2.33.62l.52-1.93l-1.77-.47l.46-1.77l-1.93-.52l-.62 2.33l-2 1.13L13 7.38V5.12l1.71-1.71L13.29 2L12 3.29L10.71 2L9.29 3.41L11 5.12v2.26L8.5 8.82l-2-1.13l-.58-2.33L4 5.88l.47 1.77l-1.77.47l.52 1.93l2.33-.62l2 1.13V12H2v1h20v-1h-5.54M9.5 12v-1.44L12 9.11l2.5 1.45V12h-5M20 17.85c0 1.19-.89 2.15-2 2.15s-2-.96-2-2.15c0-1.43 2-3.85 2-3.85s2 2.42 2 3.85m-6 3c0 1.19-.89 2.15-2 2.15s-2-.96-2-2.15c0-1.43 2-3.85 2-3.85s2 2.42 2 3.85z" fill="' + level_clr + '"/></svg>';
                                                                break;
                                                            case 8 :
                                                                typ_txt = "HITZE";
                                                                typ_icn = '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" focusable="false" width="1em" height="1em" style="-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"><path d="M17 13V7h2v6h-2m0 4v-2h2v2h-2m-4-4V5c0-1.7-1.3-3-3-3S7 3.3 7 5v8c-2.2 1.7-2.7 4.8-1 7s4.8 2.7 7 1s2.7-4.8 1-7c-.3-.4-.6-.7-1-1m-3-9c.6 0 1 .4 1 1v3H9V5c0-.6.4-1 1-1z" fill="' + level_clr + '"/></svg>';
                                                                break;
                                                            case 9 :
                                                                typ_txt = "UV";
                                                                typ_icn = '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" focusable="false" width="1em" height="1em" style="-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"><path d="M12 7a5 5 0 0 0-5 5a5 5 0 0 0 5 5a5 5 0 0 0 5-5a5 5 0 0 0-5-5m0 8a3 3 0 0 1-3-3a3 3 0 0 1 3-3a3 3 0 0 1 3 3a3 3 0 0 1-3 3m0-13l2.39 3.42C13.65 5.15 12.84 5 12 5c-.84 0-1.65.15-2.39.42L12 2M3.34 7l4.16-.35A7.2 7.2 0 0 0 5.94 8.5c-.44.74-.69 1.5-.83 2.29L3.34 7m.02 10l1.76-3.77a7.131 7.131 0 0 0 2.38 4.14L3.36 17M12 22l-2.41-3.44c.74.27 1.55.44 2.41.44c.82 0 1.63-.17 2.37-.44M19 13V7h2v6h-2m0 4v-2h2v2" fill="' + level_clr + '"/></svg>';
                                                                break;
                                                            default :
                                                                typ_txt = "UNBEKANNT";
                                                                typ_icn = '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" focusable="false" width="1em" height="1em" style="-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"><path d="M13 13h-2V7h2m0 10h-2v-2h2M12 2A10 10 0 0 0 2 12a10 10 0 0 0 10 10a10 10 0 0 0 10-10A10 10 0 0 0 12 2z" fill="' + level_clr + '"/></svg>';
                                                                break;
                                                        }
                                            
                                                        zeitraum = f_begin + f_end; 
                                                        text = getState('dwd.0.warning'+w+'.description').val;
                                            
                                                        warnung[i] = '<ul class="MuiList-root MuiList-padding">';
                                                        warnung[i] = warnung[i] + '<div class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button popup" tabindex="0" role="button" aria-disabled="false" style="display: block ruby;">';
                                                        warnung[i] = warnung[i] + '<div class="" style="margin-right: 8px; margin-left: -8px; vertical-align: top; font-size: 40px;">';
                                                        warnung[i] = warnung[i] + '<span>' + typ_icn + '</span></div>';
                                                        warnung[i] = warnung[i] + '<div class="MuiListItemText-root popup" style="display: flex;">';
                                                        warnung[i] = warnung[i] + '<div class="StateListItemBody" style="flex: 1 1 auto; margin: auto 0px;">';
                                                        warnung[i] = warnung[i] + '<b><span style="font-size: 20px; color: ' + level_clr + ';">' + getState('dwd.0.warning'+w+'.headline').val + '</b>';
                                                        warnung[i] = warnung[i] + '<br /><i style="font-size: 20px;">' + zeitraum + '</i>';
                                                        warnung[i] = warnung[i] + '<p style="font-size: 20px;">' + text + '</p>';
                                                        warnung[i] = warnung[i] + '<p style="font-size: 14px;">' + level_txt + '</p>';
                                                        warnung[i] = warnung[i] + '</div>';
                                                        warnung[i] = warnung[i] + '</div>';
                                                        warnung[i] = warnung[i] + '</ul>';
                                            
                                                        setState("0_userdata.0.DWD.warnung"+i, warnung[i]);
                                                    }
                                                }
                                            
                                                warnungen = '<div class="MuiCardContent-root WidgetContent CardContent" style="transform: scale(1); transform-origin: center top 0px;">';
                                                for (i = 0; i < warn_num; i++) {
                                                    warnungen = warnungen + warnung[i];
                                                }
                                                warnungen = warnungen + '</div>';
                                            
                                                setState("0_userdata.0.DWD.warnungen", warnungen);
                                            } else {
                                                warnungen = '<div class="MuiCardContent-root WidgetContent CardContent" style="transform: scale(1); transform-origin: center top 0px;">';
                                                warnungen = warnungen + '<i>Derzeit gibt es keine Wetterwarnungen</i>';
                                                warnungen = warnungen + '</div>';
                                                setState("0_userdata.0.DWD.warnungen", warnungen);
                                            }
                                        });
                                        
                                        1 Reply Last reply Reply Quote 0
                                        • I
                                          ioBroker-lover last edited by

                                          Ist es möglich im Jarvis Popup nicht nur ein Bild, sondern einen "live Feed" einer Kamera einzubinden?
                                          Über das DisplayImg Widget kann ich zufällige Nummern an die URL anfügen, wodurch das Bild aktualisiert wird.
                                          Besteht so eine Möglichkeit auch im Popup?

                                          Im MCU Gitbook steht, dass man mit dem untenstehenden Coding die Breite des Popups vergrößern kann. Das funktioniert bei mir mit V3.1 nicht.

                                          .MuiDialog-paperWidthSm {
                                            width: 100% !important;
                                            max-width: 100% !important;
                                          }
                                          
                                          M 1 Reply Last reply Reply Quote 0
                                          • M
                                            MCU @ioBroker-lover last edited by

                                            @iobroker-lover Da du auf v3.1.x bist bitte den anderen Thread nutzen. Danke.
                                            https://forum.iobroker.net/topic/59201/jarvis-v3-1-0-beta-just-another-remarkable-vis

                                            1 Reply Last reply Reply Quote 0
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            851
                                            Online

                                            31.7k
                                            Users

                                            79.7k
                                            Topics

                                            1.3m
                                            Posts

                                            jarvis material material ui materialdesign vis visualisierung visualization
                                            252
                                            4481
                                            2285899
                                            Loading More Posts
                                            • Oldest to Newest
                                            • Newest to Oldest
                                            • Most Votes
                                            Reply
                                            • Reply as topic
                                            Log in to reply
                                            Community
                                            Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                            The ioBroker Community 2014-2023
                                            logo