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
    2.2k

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

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    25
    1
    2.2k

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.
  • C Ceel

    @diginix
    das erste
    Jarvis kann keine Werte in HTML schreiben

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

    @ceel

    Hi!

    Ich meine ich habe V2 aber wo kann ich denn werte in customHTML Adden?

    DiginixD 1 Reply Last reply
    0
    • S Smart81

      @ceel

      Hi!

      Ich meine ich habe V2 aber wo kann ich denn werte in customHTML Adden?

      DiginixD Offline
      DiginixD Offline
      Diginix
      wrote on last edited by
      #5102

      @smart81 Genau so wie ich es einen Post vor deinem gezeigt habe.
      Das widget braucht einen state in dem das komplette HTML enthalten ist und die Aktualisierung von Werten in dem HTML machst du per Skript selbst.

      ..:: So long! Tom ::..

      NUC7i3 (Ubuntu Proxmox VM) | Echo Dots 2+3. Gen | Xiaomi Sensoren | Mi Robot 1S | Yeelight | Sonoff | Shelly | H801 RGB | Gosund SP1 | NodeMCU+ESP32 | Kostal Plenticore PV+BYD | openWB

      1 Reply Last reply
      0
      • DiginixD Diginix

        @ceel

        Ich habe ein DIV um das IMG und schneide mittels negativer margin Werte den rechten und unteren Rand weg.
        Und die negativen margin Werte vom IMG schneiden den Rand oben und links weg. So hat man kein Scrollbalken im Widget.
        Welcher Prozentwert für die Karte und die margins bei dir passen, musst du selbst erarbeiten. Das geht im Debugfenster vom Browser zur Laufzeit am elegantesten.

        <div style="text-align: center; margin: 0 0 -30% 0; overflow: hidden; height: 100%;">
        <img style="width: 145%; margin: -20% 0 0 -25%;" src="">
        </div>
        

        Das Skript sieht dann so aus:
        eae64a52-b0fa-4de8-8bd0-aea72c4fe446-image.png

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

        @Diginix
        Danke dir
        Hat super geklappt

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

          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.

          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
          • DiginixD Offline
            DiginixD Offline
            Diginix
            wrote on last edited by
            #5105

            Kann mir mal bitte einer Beispiele für andere DistanceToNow Formate geben.
            Ich habe alles mögliche ohne Erfolg probiert: https://date-fns.org/v2.24.0/docs/formatDistanceToNow

            Ich hätte es gern kompakter ohne "vor weniger als ...", also "vor 10 Sekunden" und auch gern ohne "etwa".
            Also immer nur "vor x ..." und dann Sek oder Min oder Stunden usw.

            Mit Formaten wie "dd.MM.yyyy HH:mm:ss" erhalte ich aber nur das absolute Datum der Änderung, nicht mehr die Zeitspanne.
            Mit options wie "includeSeconds" kommt immer nur "Falsches Zeitformat".

            ..:: So long! Tom ::..

            NUC7i3 (Ubuntu Proxmox VM) | Echo Dots 2+3. Gen | Xiaomi Sensoren | Mi Robot 1S | Yeelight | Sonoff | Shelly | H801 RGB | Gosund SP1 | NodeMCU+ESP32 | Kostal Plenticore PV+BYD | openWB

            M 1 Reply Last reply
            0
            • DiginixD Diginix

              Kann mir mal bitte einer Beispiele für andere DistanceToNow Formate geben.
              Ich habe alles mögliche ohne Erfolg probiert: https://date-fns.org/v2.24.0/docs/formatDistanceToNow

              Ich hätte es gern kompakter ohne "vor weniger als ...", also "vor 10 Sekunden" und auch gern ohne "etwa".
              Also immer nur "vor x ..." und dann Sek oder Min oder Stunden usw.

              Mit Formaten wie "dd.MM.yyyy HH:mm:ss" erhalte ich aber nur das absolute Datum der Änderung, nicht mehr die Zeitspanne.
              Mit options wie "includeSeconds" kommt immer nur "Falsches Zeitformat".

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

              @diginix In v2.2.x funktioniert kein anderes Format.

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

              DiginixD 1 Reply Last reply
              1
              • M MCU

                @diginix In v2.2.x funktioniert kein anderes Format.

                DiginixD Offline
                DiginixD Offline
                Diginix
                wrote on last edited by
                #5107

                @mcu Demnach soll es in v3 gehen?
                Was gäbe es da denn? Wenn ich es in der Doku deute hat man nicht all zu viel Einfluss auf die Wortwahl. Maximal der Teil weniger als 30 Sek scheint detaillierter zu gehen. Aber vllt verstehe ich es auch nur nicht.

                ..:: So long! Tom ::..

                NUC7i3 (Ubuntu Proxmox VM) | Echo Dots 2+3. Gen | Xiaomi Sensoren | Mi Robot 1S | Yeelight | Sonoff | Shelly | H801 RGB | Gosund SP1 | NodeMCU+ESP32 | Kostal Plenticore PV+BYD | openWB

                M 1 Reply Last reply
                0
                • DiginixD Diginix

                  @mcu Demnach soll es in v3 gehen?
                  Was gäbe es da denn? Wenn ich es in der Doku deute hat man nicht all zu viel Einfluss auf die Wortwahl. Maximal der Teil weniger als 30 Sek scheint detaillierter zu gehen. Aber vllt verstehe ich es auch nur nicht.

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

                  @diginix Auch in v3 zieht es nocht nicht.
                  Alternativen wären:
                  Distance
                  DistanceToNow
                  DistanceStrict
                  DistanceToNowStrict
                  Ich habs nochmal aufgenommen, damit es nicht vergessen wird:
                  https://github.com/Zefau/ioBroker.jarvis/issues/1031

                  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
                  1
                  • U Offline
                    U Offline
                    UncleB
                    wrote on last edited by
                    #5109

                    Abend zusammen..
                    Das Trigger Element "Button Action" gefällt mir besser als diese Schieber :)
                    Aber is es möglich wie in meinem Beispiel zu überprüfen ob ein DP true oder false ist?
                    Falls Garage offen sollte der Button "schließen" heißen und steuer entsprechend das Relais, und falls Garage zu ist würde ich sie halt gern öffnen, ich seh da in den Einstellungen keine Möglichkeit?..
                    Screenshot - 2021-09-24T183303.269.png

                    M 1 Reply Last reply
                    0
                    • U UncleB

                      Abend zusammen..
                      Das Trigger Element "Button Action" gefällt mir besser als diese Schieber :)
                      Aber is es möglich wie in meinem Beispiel zu überprüfen ob ein DP true oder false ist?
                      Falls Garage offen sollte der Button "schließen" heißen und steuer entsprechend das Relais, und falls Garage zu ist würde ich sie halt gern öffnen, ich seh da in den Einstellungen keine Möglichkeit?..
                      Screenshot - 2021-09-24T183303.269.png

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

                      @uncleb
                      Toggle-Modus ist erst mit v3 möglich.
                      v2: ButtonAction oder IconButtonAction, kann ein Zustand schalten entweder "true" oder "false".
                      Möchte man nicht "true" schalten, sondern "false" muss man in den Datenpunkt-Eigenschaften: {"on":false} eintragen.

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

                      U 1 Reply Last reply
                      1
                      • S Smart81

                        Guten Morgen Leute,

                        Gibt es eine Möglichkeit die Buttons immer in der Selben Größe untereinander darzustellen?

                        sauger.PNG

                        Lieben Gruß

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

                        @smart81

                        /* Gilt nur für v2.2.x */
                        [id="Id der Statelist"] .MuiButton-root {
                           width:130px!important;
                            
                        }
                        /* falls Rollladen mit drin ist */
                        [id="Id der Statelist"]  .MuiButtonGroup-grouped  {
                           padding: 0px 0px !important;
                           min-width:30px !important;
                           width:30px !important;
                        } 
                        

                        bec34205-9623-42b1-949e-6ce6b9de7341-image.png

                        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
                        1
                        • 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
                                          Reply
                                          • Reply as topic
                                          Log in to reply
                                          • Oldest to Newest
                                          • Newest to Oldest
                                          • Most Votes


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          653

                                          Online

                                          32.6k

                                          Users

                                          82.2k

                                          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