Navigation

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

    NEWS

    • Monatsrückblick - April 2025

    • Minor js-controller 7.0.7 Update in latest repo

    • Save The Date: ioBroker@Smart Living Forum Solingen, 14.06.

    jarvis v3.0.0 - just another remarkable vis

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

      @rkccorian Hab ich auch mit aufgenommen.

      1 Reply Last reply Reply Quote 1
      • A
        Algie @MCU last edited by Algie

        @mcu
        Ich habe ein Blockly gemacht, der mir alle eingeschalteten Räume in eine Liste schreibt.
        Diese Schreibe ich dann in ein Datenpunkt (Jason).
        Aber der Text steht ja hintereinander.
        Ich möchte aber gerne alle Räume untereinander in Jarvis haben. Dies aber im Popup.

        94A6B374-3C60-402A-A6C5-78ADE5083093.png

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

          @algie Wie sieht denn der JSON-Inhalt aus? ["eins","zwei"]?
          siehe oben: Aus dem JSON ein HTML generieren.

          <div>eins</div><div>zwei</div><div>drei</div>
          

          b9175e0d-3ca0-4461-9012-5d3587b9be17-image.png

          A Dominik F. 2 Replies Last reply Reply Quote 0
          • A
            Algie @MCU last edited by

            @mcu genau, mein Text sieht so aus.

            Raum,Raum,Raum, usw.

            HTML ist die Lösung. Vielen Dank!
            Probiere ich heute aus und werde berichten.

            1 Reply Last reply Reply Quote 0
            • Dominik F.
              Dominik F. @MCU last edited by Dominik F.

              @mcu

              Ich brauche mal wieder deine Unterstützung 🙂

              Als erstes möchte ich die Uhrzeiten auf dem Bild nach links verschieben.
              Ich habe dazu folgendes in den Styles reingeschrieben:

              .jarvis-widget-3b737dde-06aa-4e77-b65e-de40f1150caa .jarvis-StateListItem-Action-primaryStateKey .q-item__label {
              	padding-right: 40px;
              }
              

              Ich schaffe es leider nicht, das ganze nur auf die Uhrzeiten zu begrenzen. Ich habe es mit :nth-child(X) versucht, jedoch egal was ich für X eingebe, es passt nicht für die Uhrzeiten.

              Unbenannt.PNG

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

                @dominik-f Wo hast du denn das nth-child angesetzt?

                Dominik F. 1 Reply Last reply Reply Quote 0
                • Dominik F.
                  Dominik F. @MCU last edited by

                  @mcu

                  Ich habe es hinter label und hinter statekey versucht

                  M 1 Reply Last reply Reply Quote 0
                  • M
                    MCU @Dominik F. last edited by

                    @dominik-f Zeig mal ein Beispiel für __label

                    Dominik F. 1 Reply Last reply Reply Quote 0
                    • Dominik F.
                      Dominik F. @MCU last edited by

                      @mcu

                      :nth-child(1) sieht genauso aus wie auf dem Bild, bei anderen Zahlen sieht es so aus, als ob gar nichts passiert

                      M 1 Reply Last reply Reply Quote 0
                      • M
                        MCU @Dominik F. last edited by

                        @dominik-f Probier mal:

                        .jarvis-widget-3b737dde-06aa-4e77-b65e-de40f1150caa .jarvis-StateListItem-Action-primaryStateKey:nth-child(x) {
                        	padding-right: 40px;
                        }
                        
                        
                        Dominik F. 1 Reply Last reply Reply Quote 0
                        • Dominik F.
                          Dominik F. @MCU last edited by Dominik F.

                          @mcu

                          Damit verschiebe ich alles nach links, Uhrzeiten, die Button und das Rollladenlevel

                          Hab es zusätzlich mit:

                          .jarvis-widget-3b737dde-06aa-4e77-b65e-de40f1150caa .q-item__label:nth-child(1) {
                          	padding-right: 40px;
                          }
                          
                          

                          Da verschiebt er die Uhrzeiten, aber leider auch die Prozentangaben und es sieht wieder aus wie auf dem Bild

                          M 1 Reply Last reply Reply Quote 0
                          • M
                            MCU @Dominik F. last edited by

                            @dominik-f Und das?

                            .jarvis-widget-3b737dde-06aa-4e77-b65e-de40f1150caa .jarvis-StateListItem-Action:nth-child(x) {
                            	padding-right: 40px;
                            }
                            
                            Dominik F. 1 Reply Last reply Reply Quote 0
                            • Dominik F.
                              Dominik F. @MCU last edited by

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

                                                                                                                                                          .jarvis-widget-3b737dde-06aa-4e77-b65e-de40f1150caa .jarvis-StateListItem-Action:nth-child(x) {                                                                                                                                                                            	padding-right: 40px;                                                                                                                                                                            }                                            
                              

                              Das hat funktioniert, danke.

                              Allerdings verstehe ich nun die Zahlen die man für x setzen muss nicht mehr^^

                              .jarvis-widget-3b737dde-06aa-4e77-b65e-de40f1150caa .jarvis-StateListItem-Action:nth-child(3) {
                              	padding-right: 40px;
                              }
                              

                              Warum muss da eine 3 hin?

                              M 1 Reply Last reply Reply Quote 0
                              • M
                                MCU @Dominik F. last edited by

                                @dominik-f
                                0591421d-846c-47d8-87db-050a38048afc-image.png

                                Dominik F. 2 Replies Last reply Reply Quote 0
                                • Dominik F.
                                  Dominik F. @MCU last edited by

                                  @mcu

                                  Genau so hab ich es auch gedacht. Nur mit der 3 verschiebt sich gleichzeitig auch die 4,6 und 7.

                                  M 1 Reply Last reply Reply Quote 0
                                  • M
                                    MCU @Dominik F. last edited by

                                    @dominik-f Besser wäre?

                                    .jarvis-widget-3b737dde-06aa-4e77-b65e-de40f1150caa .jarvis-StateListItem:nth-child(3)  .jarvis-StateListItem-Action {
                                    	padding-right: 40px;
                                    }
                                    
                                    
                                    1 Reply Last reply Reply Quote 0
                                    • Dominik F.
                                      Dominik F. @MCU last edited by

                                      @mcu

                                      Ich zeig dir mal warum ich so verwirrt bin:

                                      Ich habe folgendes im Style drin:

                                      .jarvis-widget-3b737dde-06aa-4e77-b65e-de40f1150caa .q-item__section--avatar:nth-child(1) {
                                      	padding-left: 40px;
                                      	transform: scale(0.8,0.8);
                                      }
                                      
                                      .jarvis-widget-3b737dde-06aa-4e77-b65e-de40f1150caa .jarvis-StateListItem-Body:nth-child(2) {
                                      	font-size: 12px;
                                      }
                                      
                                      .jarvis-widget-3b737dde-06aa-4e77-b65e-de40f1150caa .jarvis-StateListItem-Action:nth-child(3) {
                                      	padding-right: 20px;
                                      	font-size: 12px;
                                      }
                                      

                                      Die erste Anweisung verschiebt die Icons mit dem A und die Schrift Auto auf/zu nach rechts und macht die Symbole kleiner.

                                      Die zweite Anweisung macht die Schrift auto auf/zu bei kleiner, auch wieder bei allen.

                                      Die dritte verschiebt die Uhrzeiten.

                                      Die Zahl hinter nth-child geht ja von 1 hoch auf 3, aber alles bezieht sich immer auf die 3,4,6 und 7 bei deinem Bild.

                                      1 Reply Last reply Reply Quote 0
                                      • H
                                        Herbie last edited by Herbie

                                        Hallo zusammen,

                                        ich bin neu hier und auch neu in iobroker sowie Jarvis. Ich hoffe das ist der richtige Thread, auch wenn es eine Anfängerfrage ist. Zu meinem System

                                        Host: Raspi 4
                                        iobroker: 5.2.3
                                        jarvis: 3.0.11

                                        iobroker läuft in einem Docker Container. Meine Frage dreht sich um die Nutzung von Datenpunkten in jarvis. Über MQTT empfange ich einen JSON string mit verschiedenen Werten. Den parse ich in iobroker und schreibe mir die Einzelwerte in states. Einer der States (es funktioniert aber kein State) sieht so aus:

                                        {
                                          "common": {
                                            "name": "b0",
                                            "desc": "Manuell erzeugt",
                                            "role": "state",
                                            "type": "boolean",
                                            "read": true,
                                            "write": true,
                                            "def": false
                                          },
                                          "type": "state",
                                          "from": "system.adapter.admin.0",
                                          "user": "system.user.admin",
                                          "ts": 1645457158100,
                                          "_id": "0_userdata.0.battery_system.packs.0.error.b0",
                                          "acl": {
                                            "object": 1636,
                                            "state": 1636,
                                            "owner": "system.user.admin",
                                            "ownerGroup": "system.group.administrator"
                                          }
                                        }
                                        

                                        Mein Objektbaum in iobroker sieht so aus:
                                        54700b23-93e3-4080-9a5e-e727b9224cc7-grafik.png

                                        Der Datenpunktpfad ist also "0_userdata.0.battery_system.packs.0.error.b0". Jetzt möchte ich diesen Datenpunkt in jarvis einbinden/nutzen. Dazu gehe ich auf "Gerät hinzufügen" und trage das so ein:
                                        f1e798ba-e1cb-4468-933c-167eab1f3b99-grafik.png
                                        Im Layout habe ich dann eine HomeKitTile (habs aber auch mit StateList versucht) wie folgt angelegt:
                                        823bcbda-544c-4235-8b6f-08d1b4c9b75c-grafik.png
                                        Und das ist dann das Ergebnis. Daneben sieht man noch einen anderen Datenpunkt den ich direkt aus dem Raspi2 Adapter ausgelesen habe. Dort kommt die selbe Fehlermeldung:
                                        5b90a782-f89c-44a7-b677-231a2f6c6a7f-grafik.png

                                        Jetzt zu meiner Frage: Was mache ich falsch? Das ist ja so grundlegend das ich nicht verstehe wie das nicht funktionieren kann. Vielleicht könnt ihr ja einem Neuling auf die Sprünge helfen.

                                        Sekundärfragen: Ich habe wirklich einige Zeit gegoogelt, aber nur einer sehr oberflächliche Doku gefunden. Ich vermute das es noch keine detailiertere gibt, aber vielleicht wisst ihr da mehr. Ich habe nämlich im HomeKitTile (und den anderen) die Einträge nicht verstanden. Was sind "body state", "body element" und "secondary state"? Trigger Element verstehe ich aktuell so: dort kann ich einen Trigger auslösen der etwas mit dem "Action state" macht. Ist das richtig? Aber was mache ich wenn ich nur einen Wert anzeigen lassen will?

                                        Besten Dank!

                                        H M 2 Replies Last reply Reply Quote 0
                                        • A
                                          Aufruf last edited by

                                          Über die Einstellungen ist es ja bereits möglich, ein spezielles Layout für das Smartphone zu erstellen. Leider wird das bei mir dann auch vom iPad verwendet. Hier würde ich gerne haben, dass das iPad das Desktop Layout verwendet und das Smartphone Layout dann nur auf dem Handy erscheint. Kann man das ändern oder über CSS erzwingen?

                                          M 1 Reply Last reply Reply Quote 0
                                          • H
                                            Herbie @Herbie last edited by

                                            @herbie
                                            Ich glaube ich habe meinen Fehler entdeckt. Ich hätte in den Geräten selbst noch den Datenpunkt zur Anzeige und für den Trigger eintragen müssen. Ich probier noch ein wenig rum, glaube aber meine Frage hat sich erledigt.

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            999
                                            Online

                                            31.6k
                                            Users

                                            79.4k
                                            Topics

                                            1.3m
                                            Posts

                                            jarvis material material ui materialdesign vis visualisierung visualization
                                            252
                                            4481
                                            1953127
                                            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