Skip to content
  • Home
  • Recent
  • Tags
  • 0 Unread 0
  • Categories
  • Unreplied
  • Popular
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Tester
  4. jarvis v2.2.0 - just another remarkable vis

NEWS

  • Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨
    BluefoxB
    Bluefox
    17
    1
    3.2k

  • Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄
    BluefoxB
    Bluefox
    13
    1
    1.1k

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    25
    1
    2.4k

jarvis v2.2.0 - just another remarkable vis

Scheduled Pinned Locked Moved Tester
jarvismaterialmaterial uimaterialdesignvisvisualisierungvisualization
6.1k Posts 316 Posters 4.3m Views 273 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • M MCU

    Für die Nutzer, die ein Video oder Image als Notification-Popup an jarvis schicken. Vielen war die Größe vom Popup zu klein.

    Mit CSS Styles könnt ihr die Größe beeinflussen:

    /* Nur für v2.2.x */
    .MuiDialog-paperWidthSm {
      width: 100% !important;
      max-width: 100% !important;
    }
    

    20212e5b-ae9c-41fb-9ab9-92fab59a2086-image.png

    Die Anzeige geht dann fast über die komplette Seite.

    C Offline
    C Offline
    Ceel
    wrote on last edited by
    #5112

    @mcu said in jarvis v2.2.0 - just another remarkable vis:

    Für die Nutzer, die ein Video oder Image als Notification-Popup an jarvis schicken. Vielen war die Größe vom Popup zu klein.

    Mit CSS Styles könnt ihr die Größe beeinflussen:

    .MuiDialog-paperWidthSm {
      width: 100% !important;
      max-width: 100% !important;
    }
    

    20212e5b-ae9c-41fb-9ab9-92fab59a2086-image.png

    Die Anzeige geht dann fast über die komplette Seite.

    wie baue ich das denn in meinen code ein?

    var jarvisNotify = {};
    jarvisNotify.title = "Es hat geklingelt";
    let httpAdr = getState('synology.0.SurveillanceStation.cameras.Eingang.linkMjpegHttpPath').val;
    httpAdr = httpAdr.replace('"',"%22");
    httpAdr = httpAdr.replace('"',"%22");
    jarvisNotify.message= '<iFrame src="'+ String(httpAdr) +'" height="360" width="650"></iFrame>';
    jarvisNotify.state = "unread";          //Damit bleibt die Benachrichtigung auch nach POPUP ungelesen und wird oben angezeigt mit der Zahl
    jarvisNotify.criticality = "none";      // error,warning,info,success
    jarvisNotify.display ="popup";          //drawer,snackbar,popup, none für focusTab
    jarvisNotify.autoHideDuration = 180000;  //5000ms -> 5 Sekunden
    jarvisNotify.snackbarOrigin = {};       //"snackbarOrigin": { "horizontal": "...", "vertical": "" }, 
                                            // optional, applies when display is snackbar, { horizontal: 'center' | 'left' | 'right', vertical: 'bottom' | 'top' }
    jarvisNotify.icon = "bell-ring-outline"; //mdi Iconify
    jarvisNotify.iconColor = "#5D5DED";
    jarvisNotify.backgroundColor = "black";
    jarvisNotify.fontColor = "white";
    jarvisNotify.focusTab = ""; //focus a certain tab
    console.log(jarvisNotify.message);
    setState('jarvis.0.addNotification',JSON.stringify(jarvisNotify));
    
    M 1 Reply Last reply
    0
    • C Ceel

      @mcu said in jarvis v2.2.0 - just another remarkable vis:

      Für die Nutzer, die ein Video oder Image als Notification-Popup an jarvis schicken. Vielen war die Größe vom Popup zu klein.

      Mit CSS Styles könnt ihr die Größe beeinflussen:

      .MuiDialog-paperWidthSm {
        width: 100% !important;
        max-width: 100% !important;
      }
      

      20212e5b-ae9c-41fb-9ab9-92fab59a2086-image.png

      Die Anzeige geht dann fast über die komplette Seite.

      wie baue ich das denn in meinen code ein?

      var jarvisNotify = {};
      jarvisNotify.title = "Es hat geklingelt";
      let httpAdr = getState('synology.0.SurveillanceStation.cameras.Eingang.linkMjpegHttpPath').val;
      httpAdr = httpAdr.replace('"',"%22");
      httpAdr = httpAdr.replace('"',"%22");
      jarvisNotify.message= '<iFrame src="'+ String(httpAdr) +'" height="360" width="650"></iFrame>';
      jarvisNotify.state = "unread";          //Damit bleibt die Benachrichtigung auch nach POPUP ungelesen und wird oben angezeigt mit der Zahl
      jarvisNotify.criticality = "none";      // error,warning,info,success
      jarvisNotify.display ="popup";          //drawer,snackbar,popup, none für focusTab
      jarvisNotify.autoHideDuration = 180000;  //5000ms -> 5 Sekunden
      jarvisNotify.snackbarOrigin = {};       //"snackbarOrigin": { "horizontal": "...", "vertical": "" }, 
                                              // optional, applies when display is snackbar, { horizontal: 'center' | 'left' | 'right', vertical: 'bottom' | 'top' }
      jarvisNotify.icon = "bell-ring-outline"; //mdi Iconify
      jarvisNotify.iconColor = "#5D5DED";
      jarvisNotify.backgroundColor = "black";
      jarvisNotify.fontColor = "white";
      jarvisNotify.focusTab = ""; //focus a certain tab
      console.log(jarvisNotify.message);
      setState('jarvis.0.addNotification',JSON.stringify(jarvisNotify));
      
      M Online
      M Online
      MCU
      wrote on last edited by MCU
      #5113

      @ceel Das gehört nicht in den Code, sondern in die CSS/Styles (Pro).
      Wenn Dein Gerät (Tablet) ,dann eine größere Auflösung hat als 650x360, musst du auch das Video entsprechend vergrößert in die Notification schicken. Also auch dort dann die Werte anpassen.

      NUC i7 64GB mit Proxmox ---- Jarvis Infos Aktualisierungen der Doku auf Instagram verfolgen -> mcuiobroker Instagram
      Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

      C 1 Reply Last reply
      0
      • M MCU

        @ceel Das gehört nicht in den Code, sondern in die CSS/Styles (Pro).
        Wenn Dein Gerät (Tablet) ,dann eine größere Auflösung hat als 650x360, musst du auch das Video entsprechend vergrößert in die Notification schicken. Also auch dort dann die Werte anpassen.

        C Offline
        C Offline
        Ceel
        wrote on last edited by
        #5114

        @mcu
        aber es zeigt immer noch nicht das komplette Bild an
        ghet das auch mit der v3?

        1 Reply Last reply
        0
        • M Online
          M Online
          MCU
          wrote on last edited by MCU
          #5115

          @ceel Hast du jetzt die v3 im Einsatz?
          Mach mal ein Bild vom Tablet bzw Gerät mit der Notification

          NUC i7 64GB mit Proxmox ---- Jarvis Infos Aktualisierungen der Doku auf Instagram verfolgen -> mcuiobroker Instagram
          Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

          C 1 Reply Last reply
          0
          • M MCU

            @ceel Hast du jetzt die v3 im Einsatz?
            Mach mal ein Bild vom Tablet bzw Gerät mit der Notification

            C Offline
            C Offline
            Ceel
            wrote on last edited by
            #5116

            @mcu ja habe ich
            war das für die 2.2.x

            M 1 Reply Last reply
            0
            • C Ceel

              @mcu ja habe ich
              war das für die 2.2.x

              M Online
              M Online
              MCU
              wrote on last edited by MCU
              #5117

              @ceel Ja, Das war für v2.2.x.
              Bzgl v3 schau ich mir mal nach.

              NUC i7 64GB mit Proxmox ---- Jarvis Infos Aktualisierungen der Doku auf Instagram verfolgen -> mcuiobroker Instagram
              Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

              C 1 Reply Last reply
              0
              • M MCU

                @ceel Ja, Das war für v2.2.x.
                Bzgl v3 schau ich mir mal nach.

                C Offline
                C Offline
                Ceel
                wrote on last edited by Ceel
                #5118

                @mcu Unbenannt2.png

                ich dachte du wärest auch schon auf der 3

                M 2 Replies Last reply
                1
                • C Ceel

                  @mcu Unbenannt2.png

                  ich dachte du wärest auch schon auf der 3

                  M Online
                  M Online
                  MCU
                  wrote on last edited by
                  #5119

                  @ceel Ich hab beide v2 und v3 parallel auf unterschiedlichen Systemen.

                  NUC i7 64GB mit Proxmox ---- Jarvis Infos Aktualisierungen der Doku auf Instagram verfolgen -> mcuiobroker Instagram
                  Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

                  1 Reply Last reply
                  0
                  • C Ceel

                    @mcu Unbenannt2.png

                    ich dachte du wärest auch schon auf der 3

                    M Online
                    M Online
                    MCU
                    wrote on last edited by MCU
                    #5120

                    @ceel Also für v3 wäre es:

                    /* nur für v3 */
                    .q-dialog .q-card {
                    	max-width: 700px !important;
                    	width: 700px !important;
                    }
                    

                    Und dann entsprechend alle Werte so anpassen, welche du für Dein System brauchst .

                    NUC i7 64GB mit Proxmox ---- Jarvis Infos Aktualisierungen der Doku auf Instagram verfolgen -> mcuiobroker Instagram
                    Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

                    C 2 Replies Last reply
                    0
                    • M MCU

                      @ceel Also für v3 wäre es:

                      /* nur für v3 */
                      .q-dialog .q-card {
                      	max-width: 700px !important;
                      	width: 700px !important;
                      }
                      

                      Und dann entsprechend alle Werte so anpassen, welche du für Dein System brauchst .

                      C Offline
                      C Offline
                      Ceel
                      wrote on last edited by
                      #5121

                      @mcu said in jarvis v2.2.0 - just another remarkable vis:

                      .q-dialog .q-card { max-width: 700px !important; width: 700px !important; }

                      super funktioniert!

                      M 1 Reply Last reply
                      0
                      • C Ceel

                        @mcu said in jarvis v2.2.0 - just another remarkable vis:

                        .q-dialog .q-card { max-width: 700px !important; width: 700px !important; }

                        super funktioniert!

                        M Offline
                        M Offline
                        moskito_91
                        wrote on last edited by
                        #5122

                        Hallo,
                        ich habe ein Problem mit den Iframes nach update.
                        Grafana-Graphen habe bis vor dem Update ohne Probleme funktioniert.
                        Kann mir jemand helfen?

                        Der Link sieht folgendermaßen aus:
                        http://192.168.0.10:3000/d/-GuWK9xMz/pv_anlage?orgId=1&from=now-12h&to=now&kiosk

                        1.jpg

                        2.jpg

                        Das Fenster wird abgeschnitten. Ich habe schon probiert einige Einstellungen zu ändern, hat aber keinen Erfolg gebracht.
                        Ist mit jedem Browser und Gerät gleich. (Chrome, Iex, Safari, Iphone, Ipad etc.)

                        Danke und Gruß

                        SKBS 1 Reply Last reply
                        0
                        • M moskito_91

                          Hallo,
                          ich habe ein Problem mit den Iframes nach update.
                          Grafana-Graphen habe bis vor dem Update ohne Probleme funktioniert.
                          Kann mir jemand helfen?

                          Der Link sieht folgendermaßen aus:
                          http://192.168.0.10:3000/d/-GuWK9xMz/pv_anlage?orgId=1&from=now-12h&to=now&kiosk

                          1.jpg

                          2.jpg

                          Das Fenster wird abgeschnitten. Ich habe schon probiert einige Einstellungen zu ändern, hat aber keinen Erfolg gebracht.
                          Ist mit jedem Browser und Gerät gleich. (Chrome, Iex, Safari, Iphone, Ipad etc.)

                          Danke und Gruß

                          SKBS Offline
                          SKBS Offline
                          SKB
                          Developer Most Active
                          wrote on last edited by
                          #5123

                          @moskito_91 Du musst die Mindest-Höhe des iFrames anpassen, damit Grafana die maximale Höhe erkennen kann und die Graphen zeichnet.

                          ... wer nicht mit der Zeit geht, geht mit der Zeit ...

                          Aktuelle Entwicklung: Energiefluss - erweitert (https://forum.iobroker.net/topic/64734)

                          1 Reply Last reply
                          0
                          • M MCU

                            @ca400 Also man kann zwar die defaultPosition aktualisieren, aber man muss dann trotzdem F5 drücken um die Karte zu aktualisieren. Diese wird nicht automatisch aktualisiert. Auch nicht durch TAB-Umschaltung.

                            Alternativ kann man ein eigene customHTML-Seite mit einem OpenStreetMap -iFrame erzeugen. Dies sich dann automatisch bei Pos-Änderung anpasst. Diese wird dann automatisch aktualisiert.

                            Würde ungefähr so aussehen: (beliebige Koordinaten)

                            v2-openstreemap_aktuellePosition2.gif

                            EDIT: Geht auch mit jarvis-Map: Muss dann nur im sichtbaren festgelegten Zoombereich sein

                            v2-jarvis_map_aktuellePosition.gif

                            CA400C Offline
                            CA400C Offline
                            CA400
                            wrote on last edited by
                            #5124

                            @mcu Wie genau hast du es denn geschafft die "defaultPosition" als eine Variable anzugeben bzw. aktualisieren zu lassen? Ich besitze noch die V2 und dort kann man in den Einstellungen nur L/B angeben keinen String etc.

                            //Die OpenStreetMap variante teste ich mal, vielleicht ist das eine gute Alternative. Ich hätte halt gerne einen zoom von 70-100m :)

                            M 1 Reply Last reply
                            0
                            • CA400C CA400

                              @mcu Wie genau hast du es denn geschafft die "defaultPosition" als eine Variable anzugeben bzw. aktualisieren zu lassen? Ich besitze noch die V2 und dort kann man in den Einstellungen nur L/B angeben keinen String etc.

                              //Die OpenStreetMap variante teste ich mal, vielleicht ist das eine gute Alternative. Ich hätte halt gerne einen zoom von 70-100m :)

                              M Online
                              M Online
                              MCU
                              wrote on last edited by
                              #5125

                              @ca400 Hast du nur eine Map? Kennst du Dich mit javascript ein wenig aus?

                              NUC i7 64GB mit Proxmox ---- Jarvis Infos Aktualisierungen der Doku auf Instagram verfolgen -> mcuiobroker Instagram
                              Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

                              S CA400C 2 Replies Last reply
                              0
                              • M MCU

                                @ca400 Hast du nur eine Map? Kennst du Dich mit javascript ein wenig aus?

                                S Offline
                                S Offline
                                Smart81
                                wrote on last edited by
                                #5126

                                Hallo Leute,

                                Ich möchte gerne mit dem Displayimage Widget meine Snapshots von einer Ringkamera anzeigen lassen.

                                Da die Adresse sich ja immer wieder ändert (Namen der Bilder) möchte ich einen Datenpunkt angeben , aber es wird mir leider nix angezeigt. Kann hier jemand helfen?

                                Datenpunkt: {Datenpunkt ring.0.doorbell_83834915.snapshotrequest}

                                Ist das verkehrt?

                                M 1 Reply Last reply
                                0
                                • S Smart81

                                  Hallo Leute,

                                  Ich möchte gerne mit dem Displayimage Widget meine Snapshots von einer Ringkamera anzeigen lassen.

                                  Da die Adresse sich ja immer wieder ändert (Namen der Bilder) möchte ich einen Datenpunkt angeben , aber es wird mir leider nix angezeigt. Kann hier jemand helfen?

                                  Datenpunkt: {Datenpunkt ring.0.doorbell_83834915.snapshotrequest}

                                  Ist das verkehrt?

                                  M Online
                                  M Online
                                  MCU
                                  wrote on last edited by
                                  #5127

                                  @smart81 Siehe https://forum.iobroker.net/topic/30668/jarvis-v2-2-0-just-another-remarkable-vis/5100

                                  NUC i7 64GB mit Proxmox ---- Jarvis Infos Aktualisierungen der Doku auf Instagram verfolgen -> mcuiobroker Instagram
                                  Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

                                  S 1 Reply Last reply
                                  1
                                  • M MCU

                                    @smart81 Siehe https://forum.iobroker.net/topic/30668/jarvis-v2-2-0-just-another-remarkable-vis/5100

                                    S Offline
                                    S Offline
                                    Smart81
                                    wrote on last edited by
                                    #5128

                                    @mcu

                                    Hey !

                                    Das hat aber nix mit meiner Frage zu tun :) Das war für mich schon geklärt aber mir geht es um einen Datenpunkt im DisplayImage Widget.

                                    M 1 Reply Last reply
                                    0
                                    • S Smart81

                                      @mcu

                                      Hey !

                                      Das hat aber nix mit meiner Frage zu tun :) Das war für mich schon geklärt aber mir geht es um einen Datenpunkt im DisplayImage Widget.

                                      M Online
                                      M Online
                                      MCU
                                      wrote on last edited by MCU
                                      #5129

                                      @smart81 Im displayImage kann man nur eine feste http-Adresse angeben. Da sich Deine Adresse ständig ändert geht mit es displayImage nicht. Also macht man sich eine eigene HTML und zeigt es als custonHTML an. Oder man wechselt zu v3, was ich zurzeit nicht empfehlen kann, da kann man direkt ein DP angeben im displayImage.

                                      NUC i7 64GB mit Proxmox ---- Jarvis Infos Aktualisierungen der Doku auf Instagram verfolgen -> mcuiobroker Instagram
                                      Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

                                      S 1 Reply Last reply
                                      1
                                      • M MCU

                                        @smart81 Im displayImage kann man nur eine feste http-Adresse angeben. Da sich Deine Adresse ständig ändert geht mit es displayImage nicht. Also macht man sich eine eigene HTML und zeigt es als custonHTML an. Oder man wechselt zu v3, was ich zurzeit nicht empfehlen kann, da kann man direkt ein DP angeben im displayImage.

                                        S Offline
                                        S Offline
                                        Smart81
                                        wrote on last edited by
                                        #5130

                                        @mcu

                                        Ah !

                                        Jetzt verstehe ich den Zusammenhang :) vielen Dank

                                        1 Reply Last reply
                                        0
                                        • M MCU

                                          @ca400 Hast du nur eine Map? Kennst du Dich mit javascript ein wenig aus?

                                          CA400C Offline
                                          CA400C Offline
                                          CA400
                                          wrote on last edited by
                                          #5131

                                          @mcu ja richtig - ich hätte bevorzugt gerne jarvis map funktion genutzt - mein gedanke war jedes mal die Werte per Script direkt in den Code von Jarvis schreiben zu lassen, was ich aber als arg unsauber gefunden hätte ;)

                                          M 1 Reply Last reply
                                          0
                                          Reply
                                          • Reply as topic
                                          Log in to reply
                                          • Oldest to Newest
                                          • Newest to Oldest
                                          • Most Votes


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          631

                                          Online

                                          32.7k

                                          Users

                                          82.3k

                                          Topics

                                          1.3m

                                          Posts
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Login

                                          • Don't have an account? Register

                                          • Login or register to search.
                                          • First post
                                            Last post
                                          0
                                          • Home
                                          • Recent
                                          • Tags
                                          • Unread 0
                                          • Categories
                                          • Unreplied
                                          • Popular
                                          • GitHub
                                          • Docu
                                          • Hilfe