Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Tester
    4. Adaption von Material Design Widgets an MD und mehr Widgets

    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

    Adaption von Material Design Widgets an MD und mehr Widgets

    This topic has been deleted. Only users with topic management privileges can see it.
    • EdgarM
      EdgarM Developer @sigi234 last edited by

      @sigi234
      nichts bedeutendes leider. jetzt bin ich bis Sonntag auch noch unterwegs.
      Als nächstes möchte ich versuchen, den Adapter so umzuschreiben, dass er die css klassen von mdcss benutzt, damit es nicht 2 Mal definiert sein muss.

      Hatte bisher nur bedingt Erfog 😞

      grüße

      EdgarM 1 Reply Last reply Reply Quote 0
      • EdgarM
        EdgarM Developer @EdgarM last edited by

        @sigi234

        Ich habe nun die Entwicklung soweit abgeschlossen, dass sie meiner Meinung nach sauber testbar ist.

        Folgende Widgets sind jetzt dabei:

        • Door
        • Window
        • Shutter
        • Temperature
        • Humidity
        • Occupancy
        • Light
        • LightsDim

        Folgende Eigenschaften sind konfigurierbar:

        • Text Farbe
        • Icon
        • Farbe des semi-transparenten Overlays

        Es gibt zwar noch einige Möglichkeiten, das zu verbessern aber ich denke dass könnte man jetzt durchaus mergen mit dem Hauptprojekt.

        Bitte um Feedback.

        grüße
        E

        sigi234 Ruud2019 qqolli 4 Replies Last reply Reply Quote 1
        • sigi234
          sigi234 Forum Testing Most Active @EdgarM last edited by

          @EdgarM sagte in Adaption von Material Design Widgets an MD und mehr Widgets:

          Folgende Widgets sind jetzt dabei:

          Ein Multimedia Widget wäre noch interessant.😀

          EdgarM 1 Reply Last reply Reply Quote 0
          • EdgarM
            EdgarM Developer @sigi234 last edited by

            @sigi234 said in Adaption von Material Design Widgets an MD und mehr Widgets:

            @EdgarM sagte in Adaption von Material Design Widgets an MD und mehr Widgets:

            Folgende Widgets sind jetzt dabei:

            Ein Multimedia Widget wäre noch interessant.😀

            Was stellst du dir denn da genau vor?

            Wenn du es aufmalen könntest 😉

            grüße
            E

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

              @EdgarM sagte in Adaption von Material Design Widgets an MD und mehr Widgets:

              Was stellst du dir denn da genau vor?

              Alexa - On/Off
              Speaker - On/Off
              Verstärker - On/Off
              Soundbar - On/Off
              TV - On/Off
              FireTv - On/Off

              usw......

              @EdgarM sagte in Adaption von Material Design Widgets an MD und mehr Widgets:

              Wenn du es aufmalen könntest

              In diesen Adapter sind viele Beispiele:

              vis-icontwo

              https://github.com/inventwo/ioBroker.vis-icontwo/blob/master/README.md

              EdgarM 1 Reply Last reply Reply Quote 0
              • EdgarM
                EdgarM Developer @sigi234 last edited by

                @sigi234 Hi sigi,

                ich werde mal sehen ob ich das diese Woche noch schaffe. Dann wäre erst mal Urlaub 😉

                grüße
                E

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

                  @EdgarM sagte in Adaption von Material Design Widgets an MD und mehr Widgets:

                  @sigi234 Hi sigi,

                  ich werde mal sehen ob ich das diese Woche noch schaffe. Dann wäre erst mal Urlaub 😉

                  grüße
                  E

                  Kein Problem, ist ja nur ein Vorschlag.

                  1 Reply Last reply Reply Quote 0
                  • Ruud2019
                    Ruud2019 @EdgarM last edited by

                    @EdgarM
                    Bei mir wird der Schalter jetzt nicht mehr angezeigt.
                    switch.PNG

                    1 Reply Last reply Reply Quote 0
                    • qqolli
                      qqolli @EdgarM last edited by

                      @EdgarM

                      Hallo Edgar,

                      hab mal die Material Design Widgets de-installiert und Deine installiert. Sind wirklich gelungen 🙂

                      Ein Problem gibt es bei mir mit dem Shutter Widget:

                      b8173abb-caa8-4a9b-b38d-b0543c905421-image.png

                      Ich kann es auf den View zihen aber nicht sehen, aber es wird angezeigt:

                      057bd6fc-1c38-4311-a93d-c78e6d1d7170-image.png

                      und ändern kann man es auch:

                      469cb8fb-0cd2-4183-968b-0e8d4dadbba0-image.png

                      Aber egal was ich einstelle/ändere, es wird nicht angezeigt 😞 Alle anderen Widgets gehen super.

                      Ruud2019 EdgarM 2 Replies Last reply Reply Quote 0
                      • Ruud2019
                        Ruud2019 @qqolli last edited by Ruud2019

                        @qqolli
                        Funktioniert bei dir auch das ListLight Widget?

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

                          @EdgarM sagte in Adaption von Material Design Widgets an MD und mehr Widgets:

                          Ich habe nun die Entwicklung soweit abgeschlossen, dass sie meiner Meinung nach sauber testbar ist.

                          Schaut auch bei mir komisch aus?

                          Screenshot (385)_LI.jpg

                          EdgarM 1 Reply Last reply Reply Quote 0
                          • qqolli
                            qqolli @Ruud2019 last edited by

                            @Ruud2019

                            Hab es gearde ausprobiert:

                            e4b9c8bb-6528-49a9-84ba-a117f9fa6601-image.png

                            Genauso wie bei @sigi234

                            1 Reply Last reply Reply Quote 0
                            • EdgarM
                              EdgarM Developer @sigi234 last edited by

                              @sigi234 Ja sigi, du hast recht. War mir gar nicht aufgefallen.

                              Suche gerade den Fehler..
                              grüße
                              E

                              1 Reply Last reply Reply Quote 0
                              • EdgarM
                                EdgarM Developer @qqolli last edited by

                                Schaue erstmal nach dem ListLight, dann hier ;9

                                grüße
                                E
                                @qqolli said in Adaption von Material Design Widgets an MD und mehr Widgets:

                                @EdgarM

                                Hallo Edgar,

                                hab mal die Material Design Widgets de-installiert und Deine installiert. Sind wirklich gelungen 🙂

                                Ein Problem gibt es bei mir mit dem Shutter Widget:

                                b8173abb-caa8-4a9b-b38d-b0543c905421-image.png

                                Ich kann es auf den View zihen aber nicht sehen, aber es wird angezeigt:

                                057bd6fc-1c38-4311-a93d-c78e6d1d7170-image.png

                                und ändern kann man es auch:

                                469cb8fb-0cd2-4183-968b-0e8d4dadbba0-image.png

                                Aber egal was ich einstelle/ändere, es wird nicht angezeigt 😞 Alle anderen Widgets gehen super.

                                EdgarM 1 Reply Last reply Reply Quote 0
                                • EdgarM
                                  EdgarM Developer @EdgarM last edited by

                                  Also,

                                  das mit dem Licht Schalter ist gelöst.

                                  Warum allerdings beim Shutter ein Fehler drin ist, da hab ich im Moment null Ahnung.

                                  Habe es geändert, neu gemacht, zurückgerollt und fast hätte ich noch die Schriftfarbe verändert 😉 und nichts.

                                  Mache weiter
                                  E

                                  EdgarM sigi234 2 Replies Last reply Reply Quote 0
                                  • EdgarM
                                    EdgarM Developer @EdgarM last edited by

                                    Falls mich jemand unterstützen könnte:

                                    Der Fehler scheint ein Synthax Fehler zu sein:

                                    Error: can't render tplMaListShutter w00058 on "test_new": instrument.ts:129:69
                                    Error: 0 - SyntaxError: expected expression, got '>'myEval@http://iobroker:8082/vis/lib/js/can.custom.min.js:64:548 instrument.ts:129:69
                                    Error: 1 - scan@http://iobroker:8082/vis/lib/js/can.custom.min.js:64:5958 instrument.ts:129:69
                                    Error: 2 - n@http://iobroker:8082/vis/lib/js/can.custom.min.js:76:366 instrument.ts:129:69
                                    Error: 3 - n@http://iobroker:8082/vis/lib/js/can.custom.min.js:76:217 instrument.ts:129:69
                                    Error: 4 - renderer@http://iobroker:8082/vis/lib/js/can.custom.min.js:76:1876 instrument.ts:129:69
                                    Error: 5 - registerView@http://iobroker:8082/vis/lib/js/can.custom.min.js:58:3843 instrument.ts:129:69
                                    Error: 6 - o@http://iobroker:8082/vis/lib/js/can.custom.min.js:58:839 instrument.ts:129:69
                                    Error: 7 - e.__notObserve/<@http://iobroker:8082/vis/lib/js/can.custom.min.js:46:3358 instrument.ts:129:69
                                    Error: 8 - renderAs@http://iobroker:8082/vis/lib/js/can.custom.min.js:58:3466 instrument.ts:129:69
                                    Error: 9 - e.template@http://iobroker:8082/vis/lib/js/can.custom.min.js:58:1267 instrument.ts:129:69
                                    Error: 10 - renderWidget@http://iobroker:8082/vis/js/vis.js:1610:33 instrument.ts:129:69
                                    Error: 11 - reRenderWidget@http://iobroker:8082/vis/js/vis.js:1043:14 instrument.ts:129:69
                                    Error: 12 - reRenderWidgetEdit@http://iobroker:8082/vis/js/visEdit.js:4231:14 instrument.ts:129:69
                                    Error: 13 - inspectWidgets@http://iobroker:8082/vis/js/visEditInspect.js:2464:22 instrument.ts:129:69
                                    Error: 14 - drop/<@http://iobroker:8082/vis/js/visEdit.js:5191:26 instrument.ts:129:69
                                    Error: 15 - sentryWrapped@http://iobroker:8082/vis/widgets/materialdesign/lib/raw/sentry/bundle.min.js:2:45604 instrument.ts:129:69
                                    Error: 16 - 
                                    

                                    Ich finde ihn aber ums verrecken nicht.

                                    Ich habe sogar den funktionierenden Widget LightDim kopiert und die Namen angepasst.

                                    Im js ist !scheinbar! auch alles ok..

                                    wäre dankbar für unterstützung

                                    grüße
                                    E

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

                                      @EdgarM sagte in Adaption von Material Design Widgets an MD und mehr Widgets:

                                      das mit dem Licht Schalter ist gelöst.

                                      Jupp. Screenshot (398).png

                                      Kann man die Höhe der Transparenz auch einstellen?

                                      qqolli 1 Reply Last reply Reply Quote 0
                                      • qqolli
                                        qqolli @EdgarM last edited by

                                        @EdgarM

                                        Hallo Edgar,

                                        ausser dem Shutter Widget ist mir noch eine Kleinigkeit aufgefallen bzgl. der Fonts:

                                        1ece5e08-32fc-4a2c-8d5d-521604b2feec-image.png

                                        Außer bei ListDoor ist der Font immer Fett. War das so gewollt?

                                        1 Reply Last reply Reply Quote 0
                                        • qqolli
                                          qqolli @sigi234 last edited by

                                          @sigi234

                                          Hi Sigi,

                                          mal ne kurze Frage. Wie hast Du es hinbekommen bei Temperatur und Fenster die Pfeile (hoch/runter/Farbe) und das Schloß (offen/zu) anzeigen zu lassen?

                                          EdgarM 1 Reply Last reply Reply Quote 0
                                          • EdgarM
                                            EdgarM Developer @qqolli last edited by

                                            @qqolli said in Adaption von Material Design Widgets an MD und mehr Widgets:

                                            @sigi234

                                            Hi Sigi,

                                            mal ne kurze Frage. Wie hast Du es hinbekommen bei Temperatur und Fenster die Pfeile (hoch/runter/Farbe) und das Schloß (offen/zu) anzeigen zu lassen?

                                            Ich denke, er hat es mit der Signalbilder Einstellung gemacht

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            789
                                            Online

                                            31.9k
                                            Users

                                            80.2k
                                            Topics

                                            1.3m
                                            Posts

                                            material design widgets
                                            7
                                            57
                                            4945
                                            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