Skip to content
  • 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
Logo
  1. ioBroker Community Home
  2. Deutsch
  3. Tester
  4. jarvis v2.2.0 - just another remarkable vis

NEWS

  • Wartung am 15.11. – Forum ab 22:00 Uhr nicht erreichbar
    BluefoxB
    Bluefox
    11
    2
    200

  • UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?
    apollon77A
    apollon77
    48
    3
    7.9k

  • Monatsrückblick – September 2025
    BluefoxB
    Bluefox
    13
    1
    1.7k

jarvis v2.2.0 - just another remarkable vis

jarvis v2.2.0 - just another remarkable vis

Scheduled Pinned Locked Moved Tester
jarvismaterialmaterial uimaterialdesignvisvisualisierungvisualization
6.1k Posts 316 Posters 4.2m 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.
  • 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 ---- https://mcuiobroker.gitbook.io/jarvis-infos/ Aktualisierungen der Doku auf Instagram verfolgen -> https://www.instagram.com/mcuiobroker
        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 ---- https://mcuiobroker.gitbook.io/jarvis-infos/ Aktualisierungen der Doku auf Instagram verfolgen -> https://www.instagram.com/mcuiobroker
            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

                mcuiobroker created this issue in Zefau/ioBroker.jarvis

                open v3: Zeitformate werden nicht alle unterstützt #1031

                NUC i7 64GB mit Proxmox ---- https://mcuiobroker.gitbook.io/jarvis-infos/ Aktualisierungen der Doku auf Instagram verfolgen -> https://www.instagram.com/mcuiobroker
                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 ---- https://mcuiobroker.gitbook.io/jarvis-infos/ Aktualisierungen der Doku auf Instagram verfolgen -> https://www.instagram.com/mcuiobroker
                    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 ---- https://mcuiobroker.gitbook.io/jarvis-infos/ Aktualisierungen der Doku auf Instagram verfolgen -> https://www.instagram.com/mcuiobroker
                      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 ---- https://mcuiobroker.gitbook.io/jarvis-infos/ Aktualisierungen der Doku auf Instagram verfolgen -> https://www.instagram.com/mcuiobroker
                          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 ---- https://mcuiobroker.gitbook.io/jarvis-infos/ Aktualisierungen der Doku auf Instagram verfolgen -> https://www.instagram.com/mcuiobroker
                              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 ---- https://mcuiobroker.gitbook.io/jarvis-infos/ Aktualisierungen der Doku auf Instagram verfolgen -> https://www.instagram.com/mcuiobroker
                                  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 ---- https://mcuiobroker.gitbook.io/jarvis-infos/ Aktualisierungen der Doku auf Instagram verfolgen -> https://www.instagram.com/mcuiobroker
                                      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 ---- https://mcuiobroker.gitbook.io/jarvis-infos/ Aktualisierungen der Doku auf Instagram verfolgen -> https://www.instagram.com/mcuiobroker
                                        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
                                          Reply
                                          • Reply as topic
                                          Log in to reply
                                          • Oldest to Newest
                                          • Newest to Oldest
                                          • Most Votes


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          154

                                          Online

                                          32.4k

                                          Users

                                          81.3k

                                          Topics

                                          1.3m

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

                                          • Don't have an account? Register

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