Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Tester
    4. Test Widget vis-owl v0.2.x GitHub

    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.

    Test Widget vis-owl v0.2.x GitHub

    This topic has been deleted. Only users with topic management privileges can see it.
    • B
      Buchi @liv-in-sky last edited by

      @liv-in-sky sagte in Test Widget vis-owl v0.2.x GitHub:

      hat jemand einen bilder satz für mich ?

      Welche Bilder brauchst denn?
      Die Fortschrittsbilder gehen noch nicht und für die Firmen sind bis auf 17TRACK welche mit dabei.

      liv-in-sky 1 Reply Last reply Reply Quote 0
      • liv-in-sky
        liv-in-sky @Buchi last edited by

        @buchi

        @buchi ist das ein problem von meinem system ?

        Image 8.png

        habe auch schon deinstalliert und nochmal installliert - über github

        bilder - der anbieter amazon habe ich - aber kein thema - such ich mir dann selber

        B 1 Reply Last reply Reply Quote 0
        • B
          Buchi @liv-in-sky last edited by

          @liv-in-sky
          Den Fehler kannst ignorieren. Kommt da das Widget keinen Admin Teil hat.

          Bilder sind wie gesagt dabei. Lass die Eigenschaften einfach leer 😉

          liv-in-sky K 2 Replies Last reply Reply Quote 0
          • liv-in-sky
            liv-in-sky @Buchi last edited by

            @buchi

            ok - sieht so aus

            Image 10.png

            zur info:
            eigene bilder werden verzogen dargestellt

            dann hab ich noch das gesehen

            Image 9.png

            B 1 Reply Last reply Reply Quote 0
            • B
              Buchi @Nashra last edited by Buchi

              @nashra sagte in Test Widget vis-owl v0.2.x GitHub:

              Edit: zu 1 erledigt

              .vis-owl-parcel-container {
                  Background-color: #183D51;
              }
              

              Damit nicht jeder suchen oder rätseln muss. Aktuell sind folgende CSS Klassen (durch die Namen hoffentlich eindeutig) verfügbar. Auch die Positionen sind über CSS flexibel anpassbar, so dass es dadurch an (hoffentlich) viele Designs anpassbar ist 😉

              .vis-owl-parcel-container{
                  background-color: #222222; 
                  z-index: 10;
                  overflow: auto;
                  height: 100%;
                  width: 100%;
                  align-items: center;
                  justify-content: center;
                  display: flex;
              }
              
              .vis-owl-parcel{
                  background-color: #adadad; 
                  z-index: 13;
                  width: 95%;
                  align-self: center;
                  height: 55px;
              }
              
              .vis-owl-parcel-source{
                  z-index: 14;
                  width: 80px;
                  height: 40px;
                  top: 5px;
                  left: 5px;
              }
              
              .vis-owl-parcel-id{
                  color:#292929;
                  z-index: 14;
                  width: 200px;
                  height: 20px;
                  top: 5px;
                  left: 110px;
              }
              
              .vis-owl-parcel-name{
                  color:#292929;
                  z-index: 14;
                  width: 460px;
                  height: 20px;
                  top: 5px;
                  left: 315px;
              }
              
              .vis-owl-parcel-status{
                  color:#292929;
                  z-index: 14;
                  width: 660px;
                  height: 20px;
                  top: 30px;
                  left: 110px;
              }
              
              
              liv-in-sky 1 Reply Last reply Reply Quote 1
              • liv-in-sky
                liv-in-sky @Buchi last edited by

                @buchi wirst du das noch in das widget als setting einbauen ?

                B 1 Reply Last reply Reply Quote 0
                • B
                  Buchi @liv-in-sky last edited by

                  @liv-in-sky sagte in Test Widget vis-owl v0.2.x GitHub:

                  @buchi

                  ok - sieht so aus

                  Image 10.png

                  Schöner Farbverlauf 👍

                  zur info:
                  eigene bilder werden verzogen dargestellt

                  Ok, danke. Schau ich mir an.

                  dann hab ich noch das gesehen

                  Image 9.png

                  Das kommt durch die Möglichkeit eine eigene Klasse im VIS Editor angeben zu können. Da dort nichts eingetragen ist, kommt das "undefined" in das HTML. Das stört erst mal nicht und ich bau mir darüber unterschiedliche Designs mit ein und dem selben Widget. Als Beispiel:

                  a5383370-3e03-4d02-a2f9-d5f97ad28748-image.png

                  ebd4a6f4-65fa-47c0-b4be-a0e034eb727d-image.png

                  3ed675e6-c5ab-4209-a192-34cdb56dff8f-image.png

                  fbf647a6-7f34-4b6f-9189-d240695b711d-image.png

                  G 1 Reply Last reply Reply Quote 0
                  • B
                    Buchi @liv-in-sky last edited by

                    @liv-in-sky sagte in Test Widget vis-owl v0.2.x GitHub:

                    @buchi wirst du das noch in das widget als setting einbauen ?

                    Da dürfte der Aufwand zu groß werden. Ich finde das über die CSS Variante eigentlich sehr einfach und flexibel nutzbar.
                    Wenn das in die Eigenschaften rein soll müsste ich ja die ganzen CSS Möglichkeiten für jedes Element im Widget einbauen.

                    liv-in-sky 1 Reply Last reply Reply Quote 0
                    • K
                      kafibo @Buchi last edited by kafibo

                      @buchi
                      Hallo, ich habe dasselbe Problem wie Live-in-sky. Allerdings erscheint bei mir kein Widget im VIS-Editor !!!
                      Was mache ich denn falsch bzw. was kann ich machen damit es erscheint ?

                      liv-in-sky 1 Reply Last reply Reply Quote 0
                      • liv-in-sky
                        liv-in-sky @kafibo last edited by

                        @kafibo

                        probier mal die vis instanz neu zu laden im instanz tab

                        K B 2 Replies Last reply Reply Quote 1
                        • B
                          Buchi last edited by

                          Hier mal ein Beispiel wie über CSS die Position der Elemente verändert werden kann:

                          4b77402c-3513-467e-9074-801f396503a2-image.png

                          Rene R 1 Reply Last reply Reply Quote 1
                          • liv-in-sky
                            liv-in-sky @Buchi last edited by

                            @buchi sagte in Test Widget vis-owl v0.2.x GitHub:

                            Da dürfte der Aufwand zu groß werden. Ich finde das über die CSS Variante eigentlich sehr einfach und flexibel nutzbar.
                            Wenn das in die Eigenschaften rein soll müsste ich ja die ganzen CSS Möglichkeiten für jedes Element im Widget einbauen.

                            alles klar - dann is ja gut, wenn ich es jetzt mache

                            habe es jetzt so geändert
                            Image 14.png

                            ein frage zur reihenfolge

                            momentan habe ich nur die gelieferten amazons drin

                            wenn jetzt ein dhl kommen würde, wird das dann ganz oben angezeigt ? oder kommen immer alle 10 amazon's als erstes ? liegt wohl am json , nehme ich mal an - muss mir das mit dem json nochmal ansehen, wie das aufgebaut wird, wenn ich noch anderes als nur amazon drin habe

                            B 1 Reply Last reply Reply Quote 0
                            • B
                              Buchi @liv-in-sky last edited by Buchi

                              @liv-in-sky sagte in Test Widget vis-owl v0.2.x GitHub:

                              ein frage zur reihenfolge

                              momentan habe ich nur die gelieferten amazons drin

                              wenn jetzt ein dhl kommen würde, wird das dann ganz oben angezeigt ? oder kommen immer alle 10 amazon's als erstes ? liegt wohl am json , nehme ich mal an - muss mir das mit dem json nochmal ansehen, wie das aufgebaut wird, wenn ich noch

                              Ja, das liegt aktuell noch am Json. Je nach Reihenfolge wie es da drin steht. Ich hoffe dass tombox das noch erweitert, so dass ich im Widget dann die Sortierung und Anzeige (geliefert / nicht geliefert usw.) einbauen und auswerten kann.

                              liv-in-sky Damrak2022 2 Replies Last reply Reply Quote 0
                              • liv-in-sky
                                liv-in-sky @Buchi last edited by

                                @buchi

                                es gibt doch im json ein 2 in Delivery

                                danach könntest du doch sortieren und die true's nach oben schreiben 🙂

                                B 1 Reply Last reply Reply Quote 0
                                • K
                                  kafibo @liv-in-sky last edited by

                                  @liv-in-sky
                                  @Buchi

                                  Im TAB Instance kann ich nichts aktualisieren oder neu starten ( siehe Bilder ).
                                  vis-editor.png instance.png

                                  liv-in-sky 1 Reply Last reply Reply Quote 0
                                  • liv-in-sky
                                    liv-in-sky @kafibo last edited by

                                    @kafibo

                                    Image 16.png

                                    K 1 Reply Last reply Reply Quote 0
                                    • K
                                      kafibo @liv-in-sky last edited by

                                      @liv-in-sky
                                      🤦‍♂️ Wer lesen kann, ist klar im Vorteil .
                                      Danke jetzt funktioniert es 👍

                                      1 Reply Last reply Reply Quote 1
                                      • B
                                        Buchi @liv-in-sky last edited by

                                        @liv-in-sky sagte in Test Widget vis-owl v0.2.x GitHub:

                                        @buchi

                                        es gibt doch im json ein 2 in Delivery

                                        danach könntest du doch sortieren und die true's nach oben schreiben 🙂

                                        Das inDelivery ist nur am Tag der Zustellung auf true. Kann man schon sortieren, bringt aber noch nichts mit den offenen, noch nicht in Zustellung befindlichen Sendungen. Es braucht noch ein paar mehr Eigenschaften zu einer Sendung damit das ordentlich angezeigt werden kann. Warten wir mal auf tombox 😉

                                        Wichtig war aber schon mal, dass die Technik zum Auslesen und Verarbeiten des Json steht. Der Rest ist dann jetzt nur Beiwerk 🙂

                                        1 Reply Last reply Reply Quote 1
                                        • B
                                          Buchi @liv-in-sky last edited by

                                          @liv-in-sky sagte in Test Widget vis-owl v0.2.x GitHub:

                                          @kafibo

                                          probier mal die vis instanz neu zu laden im instanz tab

                                          Wobei das bei der Installation des Widgets von alleine gemacht werden sollte. Zumindest bei mir hatte das auch immer funktioniert. Komisch dass es anscheinend nicht überall geht 😞

                                          1 Reply Last reply Reply Quote 0
                                          • B
                                            Buchi last edited by

                                            Habe gerade die V0.2.2 hochgeladen:

                                            • Bilddimensionen korrigiert
                                            • Zugestellte Sendungen ein- / ausblendbar

                                            Ich habe bei mir die Installation auf dem Produktivsystem kontrolliert und da wird der VIS Adapter neu gestartet:

                                            731d3004-4084-4f6c-8acd-c854b647f5ed-image.png

                                            Warum das bei euch nicht funktioniert ist mir nicht klar 😞

                                            K liv-in-sky 2 Replies Last reply Reply Quote 0
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            746
                                            Online

                                            31.6k
                                            Users

                                            79.4k
                                            Topics

                                            1.3m
                                            Posts

                                            27
                                            357
                                            42601
                                            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