Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. [Vorstellung] neue Visualisierung :: minuVis

    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

    [Vorstellung] neue Visualisierung :: minuVis

    This topic has been deleted. Only users with topic management privileges can see it.
    • SVallant
      SVallant @Taf73 last edited by

      @Taf73 Danke für die Blumen

      Die Wetteransicht ist ein Iframe von meteoblue
      https://www.meteoblue.com/de/wetter/widget/setupday/herbelhausen_deutschland_2906244

      Du erstellst auf minuvis ein iframe-Widget und als URL nimmst du das was bei meteoblue im Attribut "src" steht:
      Also: https://www.meteoblue.com/de/wetter/widget/three/herbelhausen_deutschland_2906244?geoloc=fixed&nocurrent=0&noforecast=0&days=4&tempunit=CELSIUS&windunit=KILOMETER_PER_HOUR&layout=image

      1 Reply Last reply Reply Quote 0
      • T
        Taf73 last edited by

        Sauber 👍 !

        Vielen Dank

        1 Reply Last reply Reply Quote 0
        • B
          bob der 1. @SVallant last edited by

          @SVallant

          Bei Quickstart ein Schreibfehler.
          Sollte diesen heissen......dieasen.

          Schönes Projekt!

          SVallant 1 Reply Last reply Reply Quote 0
          • SVallant
            SVallant @bob der 1. last edited by

            @bob-der-1 Danke, ist korrigiert

            1 Reply Last reply Reply Quote 0
            • T
              Taf73 last edited by

              Nachdem ich nun fast mein ganzes Haus mit Eurem Adapter visualisiert habe (danke noch einmal dafür), habe ich noch eine Frage,...wie kann ich denn die einzelnen Widgets "formatieren" (z. B. den Kalender als Tabelle innnerhalb des Widgets).

              Vielen Dank und Grüße

              SVallant 1 Reply Last reply Reply Quote 0
              • SVallant
                SVallant @Taf73 last edited by

                @Taf73 Der Kalender ist ein HTML-Element.
                Du stylst das mit CSS entweder inline mit einem <style>-Tag
                Oder du nutzt globales CSS in minuvis (links im Builder-Menu: "global CSS")

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

                  ich finde die idee wirklich toll 👍
                  ich hab mir das hier mit dem aio creator neo mit dem iobroker plugin mal erstellt, leider funktiniert das aktualisieren der werte nur bei ios geräten 😞
                  ohne minuVis jetzt gross probiert zu haben, ist das in der Art möglich?
                  Bildschirmfoto 2020-05-26 um 10.41.30.png
                  Danke im Voraus.

                  SVallant 1 Reply Last reply Reply Quote 0
                  • SVallant
                    SVallant @JackDaniel last edited by

                    @JackDaniel Naja, out of the Box ist das möglich mit dem HTML-Element.
                    D.h. du müsstest in einem State das anzuzeigende HTML hinterlegen und bei State-Änderung updaten.
                    Wenn js, html und css keine Fremdwörter für dich sind ....

                    Alternative: Output-Widget:
                    Demo:
                    http://94.130.57.38:8082/minuvis/app/?url=http%3A%2F%2F94.130.57.38%3A8082&file=demo_Window.json&forceUpdate

                    Windows2020.jpg

                    JackDaniel 1 Reply Last reply Reply Quote 0
                    • JackDaniel
                      JackDaniel @SVallant last edited by JackDaniel

                      @SVallant said in [Vorstellung] neue Visualisierung :: minuVis:

                      Wenn js, html und css keine Fremdwörter für dich sind ....

                      danke für die rasche antwort, und zu deiner frage ja das sind zwar keine fremdwörter aber so richtig hab ich davon auch keinen plan 😢
                      eigentlich würd man dazu nur ein "erweitertes output widget" benötigen 😉

                      SVallant 1 Reply Last reply Reply Quote 0
                      • SVallant
                        SVallant @JackDaniel last edited by

                        @JackDaniel ja ok, wie stellst du dir das "erweiterte Output-Widget" denn vor ?
                        Welche Parameter hätte es denn ?
                        Wie würde es aussehen ?

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

                          hmm ich denke damit es nicht zu kompliziert wird würde sich ja ein tür und ein fenster widget anbieten.
                          bei türen/fenster gibt es drei status (offen,geschlossen,gekippt), ergo müsste man drei states zuweisen können
                          was bei einer türe mit schloss noch dazu kommen würde wäre dann natütlich noch zwei wegen zugesperrt/aufgesperrt
                          der ober hammer das ganze dann noch mit regeln um den staus per icon anzuzeigen 🙂

                          bezüglich dem "erweiterten" output widget, so wie es jetzt ist nur eben das man den output im widget selbst duplizieren könnte bzw. einfach die schon bestehende auswahl auf 3 bis fünf status zu erweitern.
                          so sieht es schon ein bischen unübersichtlich aus am handy
                          Screenshot_2020-05-26-13-11-15-582_com.android.chrome.jpg

                          SVallant 1 Reply Last reply Reply Quote 0
                          • SVallant
                            SVallant @JackDaniel last edited by

                            @JackDaniel Ok, was meinst du zu einem "Kompakt-Modus" des Output Widgets ?

                            • ohne Änderungsdatumszeile
                            • und unterlagert einem Wrapper-Widget ...
                              Praktisch so wie dein Vorschlag:
                              1590491597766-screenshot_2020-05-26-13-11-15-582_com.android.chrome.jpg

                            Ich gucke mal, wie sich das umsetzen lässt ....

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

                              na das sieht doch schon mal 👍 aus

                              SVallant 1 Reply Last reply Reply Quote 0
                              • SVallant
                                SVallant @JackDaniel last edited by

                                @JackDaniel Schau mal auf unseren Entwicklungs-Builder: http://dev.builder.minukodu.de/
                                URL: http://94.130.57.38:9090/
                                file: compactModeTest
                                und dann "PreView in new Tab"

                                Was meinst dazu ?

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

                                  Ich bin gerade erst von einem Business Trip aus Italien nach Hause gekommen, ich schaue mir das so schnell als möglich an.

                                  SVallant 1 Reply Last reply Reply Quote 0
                                  • SVallant
                                    SVallant @JackDaniel last edited by

                                    @JackDaniel ok, zum Testen gibt eine neue Version des Adapters:

                                    https://github.com/minukodu/ioBroker.minuvis/tarball/dev/V110

                                    • mit Compact-Mode und
                                    • LinkButton zur Navigation zu anderen Pages innerhalb der App
                                    1 Reply Last reply Reply Quote 0
                                    • JackDaniel
                                      JackDaniel last edited by

                                      wow ist cool geworden 👍
                                      Screenshot_2020-05-30-11-56-55-104_com.android.chrome.jpg

                                      1 Reply Last reply Reply Quote 1
                                      • S
                                        schweigel last edited by

                                        Hallo,

                                        habe mir das mal angesehen und finde es schon mal echt gut.
                                        Für mich haben sich auch gleich einige Fragen/Anregungen ergeben:

                                        • Ich habe in ioBroker den Adapter minuVis installiert. Dieser liegt in Version 0.0.5 vor und enthält minuVis Web 1.0.4. Im Github gibt es bereits die Webapp in Version 1.2.1. Wie komme ich an die neueste Version?
                                        • iframes werden über beide Spalten dargestellt, flots aber nur in einer. Kann man das vorgeben? Wenn nein wäre das von mir eine Anregung für die Weiterentwicklung.
                                        • über jedem Widget steht ein Datum und die Uhrzeit, es wäre schön, wenn man dies auch ausblenden könnte (einmal pro Seite sollte ausreichen)
                                        • Gibt es einen einfachen Weg eigene Icons einzubinden?
                                        • für die Formatierung der Zahlen wird numeraljs verwendet (kannte ich noch nicht, scheint aber super zu sein) laut deren Website kann man das Format auch auf das deutsche Anpassen ( , <-> . ) diese Option hätte ich auch gerne zur Auswahl -> Verbesserungsanregung

                                        Das ist mir erstmal dazu eingefallen. Danke für die viele Arbeit.

                                        Grüße

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

                                          Hallo schweigel,
                                          schön dass es dir gefällt.
                                          Die Haupt-Version im Master-Zweig wird erstmal auf 0.0.5 bleiben, da die Zulasung zum latest-Repository von ioBroker läuft (leider schon seit 14.Mai, die kommen nicht hinterher ...)
                                          Es gibt aber ander Branchen mit neuerer minuvis-Version:
                                          https://github.com/minukodu/ioBroker.minuvis/tree/dev/006/121
                                          installiere von
                                          https://github.com/minukodu/ioBroker.minuvis/tarball/dev/006/121

                                          bzgl. iframe und flot verstehe ich nicht ganz. Kannst du hier ein Beispiel machen und den Link und eine Screenshot posten ?
                                          http://94.130.57.38:8082/minuvis/builder/index.html

                                          Du kannst per CSS alles ein oder ausblenden:
                                          Trage im Global CSS ein:

                                          .list-header {
                                             display: none;
                                          }
                                          

                                          eigene Icons können derzeit noch nicht eingebunden werden, kommt auf die Featureliste, ist aber schwierig umzusetzen, wir arebiten aber an mehr Auswahl für Icons ..

                                          numeraljs guck ich mir an

                                          Sepp

                                          S Neuschwansteini 2 Replies Last reply Reply Quote 0
                                          • S
                                            schweigel @SVallant last edited by

                                            @SVallant

                                            Beispiele habe ich erstellt: http://94.130.57.38:8082/minuvis/app/?url=http%3A%2F%2F94.130.57.38%3A8082&file=demo_Spalten.json&forceUpdate

                                            Immer wenn das IFrame alleine am Ende steht, wird es über die gesamte Breite gestreckt. Kommt danach noch ein anderes Widget füllt es nur den halben Bildschirm. Das Flot nutzt immer nur den halben Bildschirm, egal ob danach noch was kommt oder nicht.

                                            Ich hoffe nun ist es verständlicher was ich meine.

                                            2020-06-14 15.05.47 94.130.57.38 d847c887a28c.png 2020-06-14 15.05.29 94.130.57.38 8f2b47ccf8d3.png 2020-06-14 15.05.07 94.130.57.38 ff34c2754fd8.png 2020-06-14 15.04.49 94.130.57.38 77eb712d083c.png 2020-06-14 15.04.30 94.130.57.38 8924054c1d9e.png

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            618
                                            Online

                                            31.7k
                                            Users

                                            79.8k
                                            Topics

                                            1.3m
                                            Posts

                                            socket io
                                            15
                                            68
                                            10257
                                            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