Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. [Vorlage] Vis für Adapter HeatingControl

    NEWS

    • Neuer Blog: Fotos und Eindrücke aus Solingen

    • ioBroker@Smart Living Forum Solingen, 14.06. - Agenda added

    • ioBroker goes Matter ... Matter Adapter in Stable

    [Vorlage] Vis für Adapter HeatingControl

    This topic has been deleted. Only users with topic management privileges can see it.
    • Dominik F.
      Dominik F. @Borio85 last edited by

      @Borio85
      Ich gehe jetzt erstmal auf die neue Version 3.10 ein von Pittini
      Das ist eine sehr spezielle Sache die schon n bissel weiter in die Materie geht. Brauchst du eigentlich nicht, ist eher ein Nice to have finde ich.
      Ich glaube ich verstehe jetzt auch was @Chaot meinte.

      Du kannst Widgets Farben geben, z.B. Grün --> mdui-green.
      In Pittinis View findet das z.B. in der cardHzngProfilParam statt.
      Unbenannt.PNG

      Wenn du jetzt dort das "green" durch "color1" ersetzt, kannst du die gewünschte Farbe in den Einstellungen mdui-colo1 in der Runtime Einstellen.
      Unbenannt.PNG

      Je nachdem ob du das Darktheme oder Lighttheme nutzt kannst du dann die entsprechende Farbe des Widgets verändern.

      Chaot B 3 Replies Last reply Reply Quote 0
      • Dominik F.
        Dominik F. @Borio85 last edited by

        @Borio85

        Ob Dark oder Light Theme entscheidet sich durch die von dir gewählte Hintergrundfarbe bei z.B. Primary Color oder Contend Color. Das bedeutet, wählst du einen dunklen HIntergrund, wird die Schriftfarbe automatisch weiß/hell, wählst du einen hellen Hintergrund, wird die Schriftfarbe automatisch schwarz/dunkel.
        Zusätzlich dazu, kannst du dann wie oben beschrieben die Schrift oder Widgetfarbe durch setzen von mdui-color1 ändern im jeweiligen Theme.

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

          @Dominik-F Ich habe dein Widget jetzt mal übernommen und an dritter Stelle eingefügt. Hat sich aber nichts geändert.
          Seltsamerweise sehe ich ja alles im Editor im Dark-Mode. Aber sobald ich in die VIS schalte ist alles im Light-Mode und ich finde nicht wo das hängt.

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

            @Dominik-F Ahh verstehe, also müsste ich dann überall wo mdui-green steht es durch den Platzhalter color1 usw. austauschen und erst dann könnte ich in in der Runtime die Farben für color1 usw. im laufende Betrieb ändern. Hast recht, ist nice to have, ich habe mich nur gewundert wieso da nichts passiert und bei Primary, Secondary und Content Color es sofort geändert wird. Hab schon gedacht ich hätte etwas falsch konfiguriert.

            Vielen Dank fürs aufklären.

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

              @Dominik-F
              Ich habe mir die CSS jetzt nochmal durchgelesen und bin auf die Zeile 35 gestoßen:

              /* (3) Umschalten vis-Edit light/dark Theme */
              

              Das bezieht sich nur auf den Editor oder sehe ich das falsch?

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

                @Chaot sagte in [Vorlage] Vis für Adapter HeatingControl:

                @Dominik-F
                Ich habe mir die CSS jetzt nochmal durchgelesen und bin auf die Zeile 35 gestoßen:

                /* (3) Umschalten vis-Edit light/dark Theme */
                

                Das bezieht sich nur auf den Editor oder sehe ich das falsch?

                Ja genau. Ich hatte dich glaube ich erst falsch verstanden.

                Mach mir mal bitte n Screenshot damit ich weiß wie das bei dir aussieht.

                Zusätzlich mach mir mal n Screenshot von der View abar

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

                  @Dominik-F css.jpg abar.jpg VISHeizung.jpg

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

                    @Chaot

                    Und wenn du Links oben aufs Menü gehst, dann auf Einstellungen und dann bei Standard Farben einstellst, ändert sich keine Farbe?
                    Ich hab hier z.B. folgendes eingestellt:

                    Unbenannt.PNG

                    Da müsste sich eigentlich was ändern bei dir. Wenn du dort was einstellst, z.B. bei Primary Color, dann sollte sich da eigentlich die obere Navigation farblich ändern.
                    Wenn nicht, verstehe ich es ehrlich gesagt nicht.

                    Man muss eigentlich nur die Zip Datei als Projekt importieren, diese HeatingControl nennen und dann ist da eigentlich alles vorhanden damit es funktioniert

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

                      @Dominik-F Ja, die Navigationsleiste ändert sich. Aber ich finde nicht wie ich den Hintergrund ändern kann.

                      Edit: Gefunden - Danke

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

                        @Dominik-F Komisch -
                        Wenn ich die VIS passend einstelle und dann den VIS Editor öffne sind die Einstellungen wieder weg.

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

                          @Chaot sagte in [Vorlage] Vis für Adapter HeatingControl:

                          @Dominik-F Ja, die Navigationsleiste ändert sich. Aber ich finde nicht wie ich den Hintergrund ändern kann.

                          Edit: Gefunden - Danke

                          Was hast du eingestellt damit es funktioniert?

                          @Chaot sagte in [Vorlage] Vis für Adapter HeatingControl:

                          @Dominik-F Komisch -
                          Wenn ich die VIS passend einstelle und dann den VIS Editor öffne sind die Einstellungen wieder weg.

                          Ich weiß gerade nicht genau was du meinst.

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

                            @Dominik-F Ich habe Punkt3 Content Color übersehen. der stand auf Vorlage.

                            Wenn ich im VIS Editor versehentlich den Reiter "CardConfigColors aufrufe sind sofort die Einstellungen weg.

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

                              @Chaot

                              Das ist bei mir auch so. Keine Ahnung warum das so ist.
                              Jedoch wird die Vis generell nur richtig dargestellt, wenn du entweder die _landing oder pageHzng im Runtime öffnest. Bei allen anderen views wirst du Darstellungsfehler haben

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

                                @Dominik-F Ja, so ist sie ja vorgesehen. Ich war nur von dem Effekt mit dem Editor überrascht und dachte das ich da noch einen Fehler drin habe. Wenn ich das natürlich weiß werde ich die Seiten nicht bearbeiten solange nicht nötig.

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

                                  @Chaot

                                  Bearbeiten kannst du die Seiten natürlich, du darfst halt nur nicht die Runtime starten.

                                  Ich hab das für meine auch bearbeitet:
                                  Unbenannt.PNG

                                  Wenn du dich generell mehr in Uhulas CSS einarbeiten möchtest und das vielleicht für deine eigene Vis übernehmen möchtest, hier die Anleitung:

                                  https://github.com/Uhula/ioBroker-Material-Design-Style/blob/master/docs/anleitung.pdf

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

                                    @Dominik-F Danke für die Anleitung. Jetzt habe ich auch den Fehler gefunden. Die Einstellungen für die Grundfarben werden auf der abar Seite im ersten Block gemacht und nicht im dritten.

                                    "primary_color":"#303030",
                                    "abar_color":"",
                                    "tnav_color":"",
                                    "lnav_color":"",
                                    "rnav_color":"",
                                    "secondary_color":"blue",
                                    "content_color":"#121212",
                                    "lnav_fixed_width":"{0_userdata.0.mdui.vis.lnav_fixed_width}",
                                    "lnav_fixed_open":"true"
                                    "color1":"",
                                    "color1_dark":"",
                                    "color2":"",
                                    "color2_dark":"",
                                    "color3":"",
                                    "color3_dark":""
                                    
                                    
                                    

                                    Dann ist auch der Effekt weg wenn die Seite im Editor geöffnet wurde.

                                    P.S. Kannst du direkt übernehmen. Sind deine Farben.

                                    1 Reply Last reply Reply Quote 0
                                    • F
                                      FuXXz2 last edited by FuXXz2

                                      Hallo zusammen,

                                      in der neuen V3.1.1 sind mir ein paar Punkte aufgefallen bwz. habe ich Fragen dazu. Vielleicht kann mir ja jemand helfen?

                                      1. Ich kann keine Temperaturen von aktiven Perioden ändern. Also die grüne Zeile mit der aktuell gesetzten Temperatur ist nicht nutzbar.

                                      2. Es fehlt bei mir immer noch das Fenster Symbol in den Raum Karten und ich habe noch keine Lösung, wie ich dieses rein bekomme. Hat das vielleicht etwas mit der Einstellungen "Pfad zum Bild "Fenster offen" zu tun? Dort habe ich nämlich folgendes stehen:
                                        /vis.0/HeatingControl/images/fts_window_1w_open.svg

                                      3. Was macht der A Knopf in der Kopiervorlage und warum zeigt er auf einen nicht vorhandenen Datenpunkt?
                                        heatingcontrol.0.Rooms.Kueche.ResetManual
                                        Was ist überhaupt Auto / Manu? So eine Einstellung finde ich gar nicht

                                      4. Eine kosmetische Frage, kann ich in der contHzng erreichen, dass immer nach einem bestimmten Block umgebrochen wird? Ich möchte zB. für alle Raum Karten immer eine neue Zeile haben.

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

                                        @fuxxz2

                                        zu 3.
                                        Der Datenpunkt wird nur angelegt, wenn man "Änderungen vom Thermostat" aktiv hat. sonst gibt es den nicht. Der Datenpunkt stellt den Adapter wieder auf Auto.
                                        Auto bedeutet, dass der Adapter automatisch das macht, was du eingestellt hast in den Perioden etc. ...Stellst du die Temperatur selber am Thermostat als Beispiel um, dann steht dort Manu.

                                        F 1 Reply Last reply Reply Quote 0
                                        • P
                                          Pittini Developer @FuXXz2 last edited by Pittini

                                          @fuxxz2 sagte in [Vorlage] Vis für Adapter HeatingControl:

                                          Hallo zusammen,

                                          in der neuen V3.1.1 sind mir ein paar Punkte aufgefallen bwz. habe ich Fragen dazu. Vielleicht kann mir ja jemand helfen?

                                          1. Ich kann keine Temperaturen von aktiven Perioden ändern. Also die grüne Zeile mit der aktuell gesetzten Temperatur ist nicht nutzbar.

                                          Schau ich mir an, könnte ein Bug sein dass der grüne Balken drüberliegt statt drunter. Wo genau tritt das auf, welcher Tag oder Periode?

                                          1. Es fehlt bei mir immer noch das Fenster Symbol in den Raum Karten und ich habe noch keine Lösung, wie ich dieses rein bekomme. Hat das vielleicht etwas mit der Einstellungen "Pfad zum Bild "Fenster offen" zu tun? Dort habe ich nämlich folgendes stehen:
                                            /vis.0/HeatingControl/images/fts_window_1w_open.svg

                                          Ist bekannt, ist schon behoben, kommt heut abend oder morgen nen update

                                          1. Was macht der A Knopf in der Kopiervorlage und warum zeigt er auf einen nicht vorhandenen Datenpunkt?
                                            heatingcontrol.0.Rooms.Kueche.ResetManual
                                            Was ist überhaupt Auto / Manu? So eine Einstellung finde ich gar nicht

                                          Hat @Dominik-F perfekt beantwortet.

                                          1. Eine kosmetische Frage, kann ich in der contHzng erreichen, dass immer nach einem bestimmten Block umgebrochen wird? Ich möchte zB. für alle Raum Karten immer eine neue Zeile haben.
                                            Nicht so ohne weiteres. https://github.com/Uhula/ioBroker-Material-Design-Style/blob/master/docs/anleitung.pdf
                                          F 1 Reply Last reply Reply Quote 0
                                          • F
                                            FuXXz2 @Pittini last edited by

                                            @pittini
                                            Danke für die Antwort.
                                            Das mit dem grünen Balken ist ein Z-Index Problem, stimmt. Habe gerade geschaut und wenn ich es temporär ändere, geht es.

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            496
                                            Online

                                            31.9k
                                            Users

                                            80.1k
                                            Topics

                                            1.3m
                                            Posts

                                            template vis
                                            52
                                            441
                                            77021
                                            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