Navigation

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

    NEWS

    • ioBroker goes Matter ... Matter Adapter in Stable

    • Monatsrückblick - April 2025

    • Minor js-controller 7.0.7 Update in latest repo

    jarvis v3.1.x - just another remarkable vis

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

      @marc_el_k Ist nur ein Beispiel, du kannst auch unter vis.0 ein Verzeicnis anlegen.
      ac173455-92cb-403f-9c3e-3fbbb97ea4b0-image.png
      Kann man mit - importieren

      import "http://IP:8081/files/0_userdata.0/jarvisScripts/sliderCarParking.js"
      

      Bin mir gerade nicht sicher, ob es dann mit 8081 Probleme gibt.
      ff434889-3650-469e-952b-961d35420e9e-image.png

      Unter vis.0 angelegt Dateien kann man mit - importieren

       import "http://IP:8082/vis.0/jarvisScripts/sliderCarParking.js";
      

      c5984788-08b8-4d30-b10e-3a78616ef5e5-image.png

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

        @mcu sagte in jarvis v3.1.x - just another remarkable vis:

        Ist nur ein Beispiel, du kannst auch unter vis.0 ein Verzeicnis anlegen.

        Danke, viel einfacher, als gedacht!

        M 2 Replies Last reply Reply Quote 0
        • M
          MCU @Marc_el_K last edited by MCU

          @marc_el_k Steht doch auch so in der Doku, oder?
          Was fehlte um es zu verstehen? Dann nehme ich es mit rein.

          1 Reply Last reply Reply Quote 0
          • S
            smarthome2020 @Marc_el_K last edited by

            @marc_el_k sagte in jarvis v3.1.x - just another remarkable vis:

            @mcu sagte in jarvis v3.1.x - just another remarkable vis:

            @marc_el_k Beispiel
            carParking Beispiel.gif

            carParking Beispiel 2.gif

            carParking Beispiel 3.gif

            Mega coole Umsetzung, vielen Dank 🙂 Muss ich doch direkt implementieren!

            Für was nutzt ihr die Anzeige zB ? Sieht an sich schön aus, ich habe nur keinen Anwendungsfall . Würde es aber auch gerne einbauen 🙈

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

              @smarthome2020 Abstandsdarstellung vom Auto zur Wand
              https://forum.iobroker.net/topic/59201/jarvis-v3-1-x-just-another-remarkable-vis/1316 und Umgebung

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

                @marc_el_k Kannst du mal das Ganze in Echtzeit aufnehmen?

                1 Reply Last reply Reply Quote 0
                • S
                  smarthome2020 last edited by

                  Mir gefällt die übliche grüne Farbe beim positven Status von Objekten nicht (z.B. "erreichbar", "an/true", etc.). Ich kann nun für jeden Punkt die Farbe händisch anpassen, meine Frage wäre aber, ob ich das nicht automatisch auf ein knackigeres grün oder rot umstellen kann ?

                  1 Reply Last reply Reply Quote 0
                  • Marc_el_K
                    Marc_el_K last edited by

                    @MCU: Habe ich versucht. Gar nicht so einfach zu fahren und mit nem 2. Handy beides abzufilmen. Die Telemetrie Periode ist 1 Sekunde, daher ist es leicht versetzt.

                    VID_20231217_175251 (1).gif

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

                      @mcu said in jarvis v3.1.x - just another remarkable vis:

                      @mpl1338 So?
                      parallelverschiebung.gif

                      https://mcuiobroker.gitbook.io/jarvis-infos/jarvis-v3/besonderheiten-v3/scripts-3.1.x-pro/statelist/displacementslider

                      das sieht doch super aus 🙂

                      muss mich jetzt erstmal einlesen wie man scripte einbaut 😄

                      Funktioniert, auch mit 3 Fadern 😃

                      lässt sich noch ein Farbverlauf einbauen? z.b. so

                      41ddb3b5-d3d6-4f0f-b1ab-3528db343abf-image.png

                      M 1 Reply Last reply Reply Quote 0
                      • S
                        smarthome2020 @Marc_el_K last edited by

                        @marc_el_k sagte in jarvis v3.1.x - just another remarkable vis:

                        @MCU: Habe ich versucht. Gar nicht so einfach zu fahren und mit nem 2. Handy beides abzufilmen. Die Telemetrie Periode ist 1 Sekunde, daher ist es leicht versetzt.

                        VID_20231217_175251 (1).gif

                        Oh, das ist cool. Mit welchem Sensor bestimmst du den Abstand vom Auto zur Wand ? LD2410 geht nicht bei Autos oder ?

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

                          @mpl1338 parallelverschiebung Beispiel 2.gif

                          M 1 Reply Last reply Reply Quote 0
                          • Marc_el_K
                            Marc_el_K @smarthome2020 last edited by

                            @smarthome2020 sagte in jarvis v3.1.x - just another remarkable vis:

                            @marc_el_k sagte in jarvis v3.1.x - just another remarkable vis:

                            @MCU: Habe ich versucht. Gar nicht so einfach zu fahren und mit nem 2. Handy beides abzufilmen. Die Telemetrie Periode ist 1 Sekunde, daher ist es leicht versetzt.

                            VID_20231217_175251 (1).gif

                            Oh, das ist cool. Mit welchem Sensor bestimmst du den Abstand vom Auto zur Wand ? LD2410 geht nicht bei Autos oder ?

                            Hier findest du das gesamte Projekt..es ist ein TFMini. Man muss nur beachten, dass das Release ein Standardintervall von 60 Sekunden per MQTT hat.

                            https://youtu.be/HqqlY4_3kQ8?si=RYxT1XmWv06Ah0st

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

                              @mcu said in jarvis v3.1.x - just another remarkable vis:

                              @mpl1338 parallelverschiebung Beispiel 2.gif

                              Nicht ganz. Nur der "Aktive" Bereich soll in den farbverlauf.

                              M 2 Replies Last reply Reply Quote 0
                              • M
                                MCU @mpl1338 last edited by

                                @mpl1338 Ich kann nur den hinteren Bereich beeinflussen und den selektierten.
                                Also hätte der selektierte immer den gleichen Farbverlauf, wenn man nur den Bereich anpasst.
                                Mir fällt momentan keine Lösung dazu ein. Mal drüber schlafen?

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

                                  @mpl1338 So?
                                  parallelverschiebung Beispiel linearGradient.gif

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

                                    @mcu said in jarvis v3.1.x - just another remarkable vis:

                                    @mpl1338 So?
                                    parallelverschiebung Beispiel linearGradient.gif

                                    genau so 🙂

                                    Vielen dank!

                                    M 1 Reply Last reply Reply Quote 0
                                    • M
                                      marsmännchen @mpl1338 last edited by

                                      @MCU
                                      Hallo
                                      beim mitlesen ist mir eine Frage eingefallen:
                                      Fällt dir zu dem Zittern/Flackern beim Antippen der Rollläden auf meinem Touchscreen etwas ein?
                                      Woher könnte das kommen?
                                      rolladen1.gif
                                      MfG
                                      Patrick

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

                                        @marsmännchen
                                        Welche Jarvis-Version?
                                        Nur in der Zeile, oder auch in anderen?
                                        Nur beim ersten Mal nach Aktivierung der Seite?
                                        Besondere Einstellungen?

                                        1 Reply Last reply Reply Quote 0
                                        • M
                                          marsmännchen @marsmännchen last edited by

                                          Diese einträge habe ich im Css Editor stehen.
                                          Vielleicht hab ich da einen Hund drin?

                                          /* ab v3.1.2  Runde Buttons*/
                                          
                                          .BlindLevelAction .q-btn-item {
                                          	border-radius: 50px !important;
                                          	min-height: 50px;
                                          	padding-left: 20px;
                                          	padding-right: 20px;
                                          	font-size: 30px !important;
                                          }
                                          
                                          
                                          /*RolladenOG Schrift grösser*/
                                          
                                          .body--dark .jarvis-widget-91399087-426e-42fd-bfc3-6b1f0ab76a34 {
                                          	font-size: 20px !important;
                                          }
                                          
                                          /*RolladenUG Schrift gtösser*/
                                          
                                          .body--dark .jarvis-widget-0a701667-4a67-4c48-b170-edf3643614c7 {
                                          	font-size: 20px !important;
                                          }
                                          
                                          

                                          Und hier die gesamten Css einträge:

                                          /*Beleuchtung Schrift Obergeschoss grösser*/
                                          
                                          .body--dark .jarvis-widget-ffe0f4a7-174f-4f55-8100-e546572e8926 {
                                          	font-size: 20px !important;
                                          }
                                          
                                          /*RolladenOG Schrift grösser*/
                                          
                                          .body--dark .jarvis-widget-91399087-426e-42fd-bfc3-6b1f0ab76a34 {
                                          	font-size: 20px !important;
                                          }
                                          
                                          /*RolladenUG Schrift gtösser*/
                                          
                                          .body--dark .jarvis-widget-0a701667-4a67-4c48-b170-edf3643614c7 {
                                          	font-size: 20px !important;
                                          }
                                          
                                          /*Beleuchtung Schrift Untergeschoss grösser*/
                                          
                                          .body--dark .jarvis-widget-e3f41398-e365-4d27-8d54-d771626aeccb {
                                          	font-size: 20px !important;
                                          }
                                          
                                          .blink {
                                          	animation: blinker 2s linear infinite;
                                          }
                                          
                                          @keyframes blinker {
                                          	50% {
                                          		opacity: 0;
                                          	}
                                          }
                                          
                                          /*Gradient design*/
                                          
                                          .jarvis-page-container,
                                          .jarvis-sidebar-container,
                                          .jarvis-sidebar-container .q-toolbar,
                                          .jarvis-popup,
                                          .jarvis-popup .jarvis-StateList {
                                          	background-color: #0cbaba;
                                          	background-image: linear-gradient(315deg, #0cbaba 0%, #380036 74%);
                                          }
                                          
                                          .body--dark .jarvis-header {
                                          	background-color: rgba(0,0,0,0.2) !important;
                                          }
                                          
                                          .jarvis-tabs-container {
                                          	background-color: rgba(0,0,0,0.2) !important;
                                          }
                                          
                                          .jarvis-widget-container {
                                          	background-color: rgba(0,0,0,0.2) !important;
                                          }
                                          
                                          .body--dark .jarvis-widget {
                                          	background: rgba(0,0,0,0.2);
                                          }
                                          
                                          .body--light .jarvis-widget {
                                          	background: rgba(255,255,255,1);
                                          }
                                          
                                          .body--dark .jarvis-tabs-container {
                                          	background-color: rgba(0,0,0,0.2) !important;
                                          }
                                          
                                          .q-table__container {
                                          	background-color: transparent !important;
                                          }
                                          
                                          /*Tab mit Bild*/
                                          
                                          .q-header {
                                          	background-image: url("https://wallpapercave.com/wp/2L4SKi0.jpg");
                                          }
                                          
                                          /*Tabzeile FETTER*/
                                          
                                          .jarvis-tabs-container .tabIcon {
                                          	transform: scale(1.5, 1.5);
                                          }
                                          
                                          #tabBar .q-tab__label {
                                          	font-size: 25px;
                                          }
                                          
                                          .jarvis-tabs {
                                          	height: 80px !important;
                                          }
                                          
                                          .q-header {
                                          	height: 80px !important;
                                          }
                                          
                                          .jarvis-tabs-container {
                                          	height: 80px !important;
                                          }
                                          
                                          .q-page-container {
                                          	padding-top: 50px !important;
                                          }
                                          
                                          /* Manipulation von-DateTime-Clock  */
                                          
                                          /*.jarvis-widget-c679c205-b95c-49fa-826d-d1fb370b1fa7 .jarvis-DateTime-Clock {
                                          	display: grid;
                                          }*/
                                          
                                          .jarvis-widget-c679c205-b95c-49fa-826d-d1fb370b1fa7 .jarvis-DateTime-Clock-Time {
                                          	font-size: 72px;
                                          	color: yellow;
                                          }
                                          
                                          /*widget Lichtliste transparent (durch gradient Design überschrieben
                                          
                                          .body--dark  .jarvis-widget-60ae5b39-2475-49dd-b9e2-2d639a6d453c {
                                          	background: rgba(0,0,0,0.15) ;
                                          }
                                          
                                          Restmüll Widget
                                          
                                          .body--dark  .jarvis-widget-466be21b-996a-46d4-b430-289da6552af1 {
                                          	background: grey;
                                          }
                                          
                                          .jarvis-widget-container {
                                          	background-color: rgba(0,0,0,0.15) !important;
                                          }
                                          */
                                          
                                          /* ab v3.1.2  Runde Buttons*/
                                          
                                          .BlindLevelAction .q-btn-item {
                                          	border-radius: 50px !important;
                                          	min-height: 50px;
                                          	padding-left: 20px;
                                          	padding-right: 20px;
                                          	font-size: 30px !important;
                                          }
                                          
                                          M 1 Reply Last reply Reply Quote 0
                                          • M
                                            marsmännchen @marsmännchen last edited by

                                            @MCU
                                            Jarvis 3.1.8
                                            In allen Zeilen
                                            Nur beim ersten mal nach Aktivierung könnte schon hinkommen.
                                            Zumindest wenn man die Seite schon lange nicht mehr aufgerufen hat kommt mir vor.

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            488
                                            Online

                                            31.6k
                                            Users

                                            79.5k
                                            Topics

                                            1.3m
                                            Posts

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