Skip to content
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • 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

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo

Community Forum

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

NEWS

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

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

  • Neues Video "KI im Smart Home" - ioBroker plus n8n
    BluefoxB
    Bluefox
    15
    1
    2.4k

jarvis v2.2.0 - just another remarkable vis

Geplant Angeheftet Gesperrt Verschoben Tester
jarvismaterialmaterial uimaterialdesignvisvisualisierungvisualization
6.1k Beiträge 316 Kommentatoren 4.2m Aufrufe 273 Watching
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • 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
    schrieb am zuletzt editiert von
    #5103

    @Diginix
    Danke dir
    Hat super geklappt

    1 Antwort Letzte Antwort
    0
    • M Online
      M Online
      MCU
      schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
      0
      • DiginixD Offline
        DiginixD Offline
        Diginix
        schrieb am zuletzt editiert von
        #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 Antwort Letzte Antwort
        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
          schrieb am zuletzt editiert von
          #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 Antwort Letzte Antwort
          1
          • M MCU

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

            DiginixD Offline
            DiginixD Offline
            Diginix
            schrieb am zuletzt editiert von
            #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 Antwort Letzte Antwort
            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
              schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
              1
              • U Offline
                U Offline
                UncleB
                schrieb am zuletzt editiert von
                #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 Antwort Letzte Antwort
                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
                  schrieb am zuletzt editiert von
                  #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 Antwort Letzte Antwort
                  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
                    schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
                    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
                      schrieb am zuletzt editiert von
                      #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 Antwort Letzte Antwort
                      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
                        schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
                        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
                          schrieb am zuletzt editiert von
                          #5114

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

                          1 Antwort Letzte Antwort
                          0
                          • M Online
                            M Online
                            MCU
                            schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
                            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
                              schrieb am zuletzt editiert von
                              #5116

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

                              M 1 Antwort Letzte Antwort
                              0
                              • C Ceel

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

                                M Online
                                M Online
                                MCU
                                schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
                                0
                                • M MCU

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

                                  C Offline
                                  C Offline
                                  Ceel
                                  schrieb am zuletzt editiert von Ceel
                                  #5118

                                  @mcu Unbenannt2.png

                                  ich dachte du wärest auch schon auf der 3

                                  M 2 Antworten Letzte Antwort
                                  1
                                  • C Ceel

                                    @mcu Unbenannt2.png

                                    ich dachte du wärest auch schon auf der 3

                                    M Online
                                    M Online
                                    MCU
                                    schrieb am zuletzt editiert von
                                    #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 Antwort Letzte Antwort
                                    0
                                    • C Ceel

                                      @mcu Unbenannt2.png

                                      ich dachte du wärest auch schon auf der 3

                                      M Online
                                      M Online
                                      MCU
                                      schrieb am zuletzt editiert von 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 Antworten Letzte Antwort
                                      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
                                        schrieb am zuletzt editiert von
                                        #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 Antwort Letzte Antwort
                                        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
                                          schrieb am zuletzt editiert von
                                          #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 Antwort Letzte Antwort
                                          0
                                          Antworten
                                          • In einem neuen Thema antworten
                                          Anmelden zum Antworten
                                          • Älteste zuerst
                                          • Neuste zuerst
                                          • Meiste Stimmen


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          608

                                          Online

                                          32.4k

                                          Benutzer

                                          81.4k

                                          Themen

                                          1.3m

                                          Beiträge
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Anmelden

                                          • Du hast noch kein Konto? Registrieren

                                          • Anmelden oder registrieren, um zu suchen
                                          • Erster Beitrag
                                            Letzter Beitrag
                                          0
                                          • Home
                                          • Aktuell
                                          • Tags
                                          • Ungelesen 0
                                          • Kategorien
                                          • Unreplied
                                          • Beliebt
                                          • GitHub
                                          • Docu
                                          • Hilfe