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.
    • P
      Pittini Developer last edited by

      Ankündigung:

      Ein neues, zur stable Version passendes, Vis 2.0 wird in Kürze von mir released.
      Ihr dürft euch freuen auf:

      • Nur noch eine Vis-Seite nötig, für beliebig viele Räume und Profile
      • Keine übereinanderliegenden Widgets mehr
      • Farben (Schrift/Hintergrund/etc) via Dialog Einstellbar
      • Selbsständige Anpassung des Vis bei Änderungen der Adapter Konfiguration (Profilzahl, DecreaseMode, Profiltyp, Perioden)
      • Responsive Design
      • Zusammenklappbare Elemente um Platz zu sparen
      • Leichtere Installation auch für Einsteiger da komplettes eigenständiges Vis Projekt.
      • Zusätzliche Beispielseiten z.B. für Raumstati und Fensterstatus für eigene Erweiterungen der Grundfunktionen

      Alle denen das zuviel Gedöns ist, auch die alte V1 Version ist kompatibel, wird jedoch nicht mehr aktualisiert.

      Beliar_666 1 Reply Last reply Reply Quote 1
      • Beliar_666
        Beliar_666 @Pittini last edited by Beliar_666

        @Pittini Habe jetzt mal die neue Vis installiert. Akribisch nach Anleitung, jedoch schaut das nicht richtig aus. Die Landingpage schaut noch gut aus, danach nichts mehr.

        hc1.PNG

        Edit: Ja doch, langsam komme ich dahinter wie und was ich wo einstellen muss, damit es optisch an Dein Beispiel heran kommt. Aber wie bzw wo ändere ich oben die blaue Menuzeile?

        Und das nächste ist, gibt es eine möglichkeit diese Vis nun in bestehnde Vis einzubinden, ohne es als IFrame zu machen?

        Jetzt werde ich erstmal die Heizungscards bearbeiten, und dann sehen wir mal weiter. bisher scheint es aber so zu funktionieren wie Du es Dir gedacht hast.

        P 2 Replies Last reply Reply Quote 0
        • P
          Pittini Developer @Beliar_666 last edited by

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

          Aber wie bzw wo ändere ich oben die blaue Menuzeile?

          Im Konfigdialog (Zahnrädchen links oben), dort Farben > Primary Color

          Und das nächste ist, gibt es eine möglichkeit diese Vis nun in bestehnde Vis einzubinden, ohne es als IFrame zu machen?

          Das kommt drauf an wie das bestehende Vis aufgebaut ist. Wenn dort kein Responsive- und kein MaterialDesign ist, dann eher nicht, zumindest nicht optisch ansprechend. Aber grundsätzlich kannst Du die Inhalte der Cards schon woanders hinkopieren, sind halt etliche Sachen auch über Sichtbarkeit gesteuert, das müssteste dann nachbilden. Die Hauptarbeit macht aber das Skript, wusel Dich mal rein, dann wirds vermutlich schnell klarer.

          Beliar_666 1 Reply Last reply Reply Quote 1
          • P
            Pittini Developer @Beliar_666 last edited by

            @Beliar_666 Aber ich seh grad nen anderen Fehler in Deinem Screenshot. Du hast nur 4 Perioden eingestellt, richtig? Dann sollte die 5te Zeile ausgeblendet werden, werd ich gleich mal korrigieren.

            Beliar_666 1 Reply Last reply Reply Quote 1
            • Beliar_666
              Beliar_666 @Pittini last edited by

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

              @Beliar_666 Aber ich seh grad nen anderen Fehler in Deinem Screenshot. Du hast nur 4 Perioden eingestellt, richtig? Dann sollte die 5te Zeile ausgeblendet werden, werd ich gleich mal korrigieren.

              Na, der Fehler lag seit ewigkeiten in meiner HeatingControl Config und ist mir durch dich grad erst aufgefallen. Denn in deiner V1 habe ich auch 5 Perioden. so kommt des wenn man immer nur in der View schaut und nicht mehr auf die Thermostate.... 😉

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

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

                Denn in deiner V1 habe ich auch 5 Perioden. so kommt des wenn man immer nur in der View schaut und nicht mehr auf die Thermostate....

                Ja in der V1 war das ausblenden auch nicht vorgesehen da ich ja nicht wusste was im Adapteradmin eingestellt war. Da mir Rene diese Daten jetzt aber in nen Channel gepackt hat, hab ich alles um flexibler agieren zu können.

                1 Reply Last reply Reply Quote 0
                • Beliar_666
                  Beliar_666 @Pittini last edited by

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

                  Aber wie bzw wo ändere ich oben die blaue Menuzeile?

                  Im Konfigdialog (Zahnrädchen links oben), dort Farben > Primary Color

                  Nein, egal was ich als primary einstelle die Leiste oben bleibt so blau....

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

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

                    Nein, egal was ich als primary einstelle die Leiste oben bleibt so blau....

                    Ok, dann lass uns das mal eingrenzen. Schau mal auf irgendeiner Seite in die Eigenschaften eines Widgets, wähl dort das Register CSS und schau ob dort das MaterialDesign drin ist. Und dann wechsel in das Register Skripte und schau ob da auch MaterialDesign drin ist.

                    2020-03-10 22_08_34-Window.png

                    2020-03-10 22_09_07-Edit vis.png

                    Beliar_666 1 Reply Last reply Reply Quote 0
                    • Beliar_666
                      Beliar_666 @Pittini last edited by Beliar_666

                      @Pittini schaut bei mir genauso aus wie in den Screens

                      Noch ein Problem was ich habe, wenn ich den View in einem Fenster öffne, passt sich alles an, öffne ich ihn in einer View als IFrame, dann hab ich immer Scrollbalken. hab nur noch nichts gefunden wie ich die weg bekomme...

                      Die Fonts sind bei mir zu gross, grad bei Zeit und Temperaturauswahl, in mehreren Browsern getestet, und ebenso wird mir unten rechts das Homeicon nicht angezeigt

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

                        @Beliar_666 Hast Du unter Eigenschaften > CSS > Global was drin?
                        Wo sind die Scrollbalken? Mach mal nen Screenshot bitte.
                        Siehst Du die Icons in der linken Nav Leiste?
                        2020-03-10 23_31_58-vis.png

                        Beliar_666 1 Reply Last reply Reply Quote 0
                        • Beliar_666
                          Beliar_666 @Pittini last edited by

                          @Pittini CSS Global ist leer.

                          HC3.PNG

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

                            @Beliar_666 Naja, der Scrollbalken ist ja korrekt da nicht alles ins Fenster passt. Ohne ihn kämst ja nicht mehr an die unteren Bereiche der untersten card.
                            Beim Thema Farbeinstellungen, gehen gar keine oder nur bestimmte nicht? Und was ist mit den Einstellungen bei card, gehen die?
                            Welche Version vom Vis hast Du?
                            Was ist mit den Icons in der linken Navleiste siehste die jetzt oder nicht?

                            Beliar_666 1 Reply Last reply Reply Quote 0
                            • Beliar_666
                              Beliar_666 @Pittini last edited by Beliar_666

                              @Pittini Cardeinstellungen funktionieren alle.

                              Bei den Farbeinstellungen geht primary gar nicht, da ändert sich allenfalls das Zahnrad von weiss auf schwarz. und bei Navigation passiert nichts, bei Content kann ich den Hintergrund der Card ändern und dadurch wird auch irgendwie der Überschriftsbalken der Contents geändert. Und Secondary tut auch nichts.

                              Die Menus oben links und rechts lassen sich aufglappen, aber beim Anklicken der Menupunkte passiert nichts., ausser das sich dann das Menu schliesst.

                              Vis 1.2.4

                              P 1 Reply Last reply Reply Quote 0
                              • sigi234
                                sigi234 Forum Testing Most Active @Pittini last edited by sigi234

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

                                Vis wurde auf github geladen und ist inkl. Anleitung jetzt da zu finden:

                                Voraussetzungen um das Vis Projekt ohne Änderungen verwenden zu können sind:

                                2.Du verwendest keinen MaterialDesign Adapter!
                                .........................................................................................................................................................................................
                                Schade, das es damit nicht geht. 😕

                                P 1 Reply Last reply Reply Quote 1
                                • P
                                  Pittini Developer @sigi234 last edited by Pittini

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

                                  Schade, das es damit nicht geht.

                                  Ich denke ich werde am Ende der Betaphase noch nen einzel View machen der alle relevanten Elemente (den Inhalt der card Allgemeines/Profilparam und die 3 Profiltypvarianten) enthält, so das man sich das in ein bestehendes Vis einkopieren kann. Layout muss dann aber selber gemacht werden.

                                  1 Reply Last reply Reply Quote 1
                                  • P
                                    Pittini Developer @Beliar_666 last edited by Pittini

                                    @Beliar_666 Wie sieht es aus wenn Du im Vis Editor Setup > Dateimanager aufrufst und dann ins Verzeichnis "/vis.0/HeatingControl/images/" wechselst? Mach mal nen Screen vom dem Fenster bitte. Inklusive dem Feld in dem der Pfad steht. Und dann bitte noch nen Screen von Deiner Adapterseite, welche Vis relevanten Adapter sind installiert?
                                    Und dann noch nen Screen im Entwurfsmodus der "abar".

                                    O 1 Reply Last reply Reply Quote 0
                                    • O
                                      Oli @Pittini last edited by

                                      @Pittini

                                      ich spiele gerade mit deiner neuen Vis, echt super, danke für die tolle Arbeit.

                                      Mir ist folgendes aufgefallen:

                                      1. In der Überschrift fehlt die Angabe vom Raum, ist in den anderen Seiten drin.
                                      2. Wenn ich das Profil umstelle, passt die Markierung der aktuellen Periode nicht (Siehe Bild 2)
                                      3. Warum ist die aktuelle Periode nur am Montag markiert?

                                      5cce68f7-e85b-4acd-9b52-92e430e273bb-image.png

                                      c66bd51c-209a-4eb0-8d02-e420cf8677ae-image.png

                                      Was noch super wäre, ist eine Kopierfunktion auf Folgetage.

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

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

                                        In der Überschrift fehlt die Angabe vom Raum, ist in den anderen Seiten drin.

                                        Bug. Wird in der 2.0.3 gefixt sein.

                                        Wenn ich das Profil umstelle, passt die Markierung der aktuellen Periode nicht (Siehe Bild 2)

                                        Bitte mal unter den Objekten in:
                                        heatingcontrol.0.Rooms.DeinRaum.ActiveTimeSlot

                                        guggen und mir die Zahlen durchgeben wenns NICHT passt. (Um einzugrenzen ob der Fehler schon hier ist, oder durch mein Script verursacht wird)

                                        Warum ist die aktuelle Periode nur am Montag markiert?

                                        Wenn das am Montag war, isses korrekt. Der grüne Balken soll immer genau da stehen was grad aktuell ist, und das kann nur EIN Tag sein. Sollte es nicht passen, auch da bitte die Zahl durchgeben vom ActiveTimeSlot

                                        O 1 Reply Last reply Reply Quote 0
                                        • O
                                          Oli @Pittini last edited by Oli

                                          @Pittini

                                          Nein, das war heute

                                          Der Datenpunkt ActiveSlot ist in jedem Raum leer bei mir, komisch

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

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

                                            Der Datenpunkt ActiveSlot ist in jedem Raum leer bei mir, komisch

                                            Also wenns den Punkt heatingcontrol.0.Rooms.DeinRaum.ActiveTimeSlot gibt, er aber leer ist, kann ich da nix machen, das wird vom Adapter geschrieben, ich les das nur aus um die grünen Balken zu setzen. Da müßtest Dich mal mit @Rene_HM in Verbindung setzen.

                                            Was anderes: Da @Beliar_666 damit Probs hat, wie siehts bei Dir mit Farbeinstellungen, Icons und Funktion der rechten und linken Navleisten aus, funktioniert da alles?

                                            O B 2 Replies Last reply Reply Quote 0
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            804
                                            Online

                                            31.9k
                                            Users

                                            80.1k
                                            Topics

                                            1.3m
                                            Posts

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