Skip to content
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. [Update][Download] Dashboard — clean, „Gira“-like

NEWS

  • Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄
    BluefoxB
    Bluefox
    11
    1
    358

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    24
    1
    1.6k

  • UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?
    apollon77A
    apollon77
    48
    3
    9.5k

[Update][Download] Dashboard — clean, „Gira“-like

Geplant Angeheftet Gesperrt Verschoben Visualisierung
visown projectios app
42 Beiträge 13 Kommentatoren 7.4k Aufrufe 17 Watching
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • sigi234S sigi234

    @mxbr sagte in [Update][Download] Dashboard — clean, „Gira“-like:

    @sigi234 Danke, habe es aktualisiert! Grüße

    Hallo, welche Werte müssen die DP haben?

    21:41:22.802	info	javascript.0 (892) Stop script script.js.Smart_Home_Dashboard.Batterie
    21:41:22.810	info	javascript.0 (892) Start javascript script.js.Smart_Home_Dashboard.Batterie
    21:41:22.823	info	javascript.0 (892) script.js.Smart_Home_Dashboard.Batterie: registered 32 subscriptions and 0 schedules
    21:41:29.312	info	javascript.0 (892) Stop script script.js.Smart_Home_Dashboard.Batterie
    21:41:29.317	info	javascript.0 (892) Start javascript script.js.Smart_Home_Dashboard.Batterie
    21:41:29.323	info	javascript.0 (892) script.js.Smart_Home_Dashboard.Batterie: registered 32 subscriptions and 0 schedules
    21:43:27.921	warn	javascript.0 (892) at Object.<anonymous> (script.js.Smart_Home_Dashboard.Batterie:30:37)
    21:43:27.922	warn	javascript.0 (892) at Object.<anonymous> (script.js.Smart_Home_Dashboard.Batterie:30:37)
    21:43:27.925	warn	javascript.0 (892) at Object.<anonymous> (script.js.Smart_Home_Dashboard.Batterie:30:37)
    21:43:27.926	warn	javascript.0 (892) at Object.<anonymous> (script.js.Smart_Home_Dashboard.Batterie:30:37)
    21:43:27.927	warn	javascript.0 (892) at Object.<anonymous> (script.js.Smart_Home_Dashboard.Batterie:30:37)
    21:43:27.927	warn	javascript.0 (892) at Object.<anonymous> (script.js.Smart_Home_Dashboard.Batterie:30:37)
    21:43:27.928	warn	javascript.0 (892) at Object.<anonymous> (script.js.Smart_Home_Dashboard.Batterie:30:37)
    21:43:27.929	warn	javascript.0 (892) at Object.<anonymous> (script.js.Smart_Home_Dashboard.Batterie:30:37)
    21:43:27.930	warn	javascript.0 (892) at Object.<anonymous> (script.js.Smart_Home_Dashboard.Batterie:34:3)
    21:44:51.188	info	javascript.0 (892) Stop script script.js.Smart_Home_Dashboard.Batterie
    21:44:51.195	info	javascript.0 (892) Start javascript script.js.Smart_Home_Dashboard.Batterie
    21:44:51.211	info	javascript.0 (892) script.js.Smart_Home_Dashboard.Batterie: registered 32 subscriptions and 0 schedules
    

    Screenshot (54).png

    Ok, glaube Sigi ist Falsch. Was gehört hier rein?

    Screenshot (56).png

    machs-smart.deM Offline
    machs-smart.deM Offline
    machs-smart.de
    schrieb am zuletzt editiert von
    #30

    @sigi234 damit kannst du Werte ausschließen. Bei mir hat es den Lade-State des iPads angezeigt, daher habe ich diesen mit „ipad“ ausgeschlossen.

    Viele Grüße

    www.machs-smart.de
    Anleitungen und Tutorials rund um ioBroker

    1 Antwort Letzte Antwort
    0
    • SWE1008S Offline
      SWE1008S Offline
      SWE1008
      schrieb am zuletzt editiert von
      #31

      @mxbr Hallo, erst mal danke für deine Arbeit. Es gibt 2 Dinge die leider nicht so funktionieren wie sie sollen.

      1. Das Fenster Tabellen Skript legt riesige Bilder an. Können diese etwas „beschnitten“ werden?
      2. Ich nutze es in der iOS App. Da funktioniert leider der automatische Wechsel in den Nachtmodus und umgekehrt nicht. Erst wenn man die Vis händisch aktualisiert (Doppel Tap mit 2 Fingern) wird in den Nachtmodus gewechselt.
      machs-smart.deM 1 Antwort Letzte Antwort
      0
      • SWE1008S SWE1008

        @mxbr Hallo, erst mal danke für deine Arbeit. Es gibt 2 Dinge die leider nicht so funktionieren wie sie sollen.

        1. Das Fenster Tabellen Skript legt riesige Bilder an. Können diese etwas „beschnitten“ werden?
        2. Ich nutze es in der iOS App. Da funktioniert leider der automatische Wechsel in den Nachtmodus und umgekehrt nicht. Erst wenn man die Vis händisch aktualisiert (Doppel Tap mit 2 Fingern) wird in den Nachtmodus gewechselt.
        machs-smart.deM Offline
        machs-smart.deM Offline
        machs-smart.de
        schrieb am zuletzt editiert von
        #32

        @SWeimar 1. sollte durch CSS angepasst werden. Welche Browser nutzt du? Andernfalls kann man im Blockly eine width/height-Angabe in das img-Tag schreiben.

        1. das ist nicht nur beim Nachtmodus so, sondern bei vielen anderen Dingen auch, die durch Aktualisierung geupdated werden. Hier gibt es Abhilfe, in dem im VIS-Editor unter Scripte folgendes eingefügt wird:
        setTimeout(function(){
           window.location.reload(1);
        }, 600000);
        

        Dadurch aktualisiert sich die VIS alle 10 Minuten automatisch. Die Funktion ist im neusten Download schon integriert.

        Viele Grüße

        www.machs-smart.de
        Anleitungen und Tutorials rund um ioBroker

        SWE1008S 1 Antwort Letzte Antwort
        0
        • machs-smart.deM machs-smart.de

          @SWeimar 1. sollte durch CSS angepasst werden. Welche Browser nutzt du? Andernfalls kann man im Blockly eine width/height-Angabe in das img-Tag schreiben.

          1. das ist nicht nur beim Nachtmodus so, sondern bei vielen anderen Dingen auch, die durch Aktualisierung geupdated werden. Hier gibt es Abhilfe, in dem im VIS-Editor unter Scripte folgendes eingefügt wird:
          setTimeout(function(){
             window.location.reload(1);
          }, 600000);
          

          Dadurch aktualisiert sich die VIS alle 10 Minuten automatisch. Die Funktion ist im neusten Download schon integriert.

          Viele Grüße

          SWE1008S Offline
          SWE1008S Offline
          SWE1008
          schrieb am zuletzt editiert von
          #33

          @mxbr ok, ich denke ich versuche den neuesten Download. Damit sollten meine Probleme behoben sein.

          1 Antwort Letzte Antwort
          0
          • machs-smart.deM machs-smart.de

            alt text

            UPDATE: Überarbeitete VIS mit Tabs/Menü und Nachtmodus. Download unter https://www.machs-smart.de/iobroker-vis-machs-smart-de/

            Vorschauscreens unter o.g. Link.

            Eine ausführliche Anleitung ist in Arbeit. Bei Fragen bitte fragen.

            Statusleiste
            In der Statusleiste bekommst du auf einen Blick den Status deiner geöffnete Fenster oder deiner geöffnete Markise. Zusätzlich wird dir die Innentemperatur sowie die Luftfeuchtigkeit angezeigt.

            Batterie-Anzeige
            Die Visualisierung läuft in der ioBroker-App. Dadurch kannst du zusätzlich den Batterie-Stand deines iPads abfragen und in der Vis anzeigen lassen.

            Alarmanlage
            Über bedienbare Icons kannst du deine Alarmanlage in den Zustand „Zuhause“, „Nacht“ oder „Abwesend“ setzen. Ein „Urlaubsmodus“ ist in Planung — das Icon ist aber bereits integriert.

            Termine
            Pro Person kannst werden standardmäßig 2 Termine angezeigt. Findet „heute“ ein Termin statt, wirst du über einen roten Punkt vor dem Termin darüber informiert.

            Müllabfuhr
            Du wirst über kommende Leerungen gängiger Tonnen informiert. Findet „heute“ eine Leerung statt, wirst du über einen roten Punkt vor dem entsprechenden Termin darüber informiert.

            Wetter
            Die Wetteranzeige informiert dich mit Temperatur, Icon, Wind und Niederschlag über die jetzige Wetterlage, sowie in einer Stunde. Zusätzlich erhältst du die Anzeige über das prinzipielle Wetter von „heute“ und die nächsten beiden Tage.

            Sobald eine Wetterwarnung des DWD ausgegeben wird, legt sich ein rotes Popup über die Wettervorschau und informiert dich über die Wetterwarnung.

            Countdown
            Hier kannst du dir bis zu drei Countdowns einrichten. Du erhältst einen Überblick über die verbleibenden Tage in groß sowie die verbleibenden Tage und Monate in klein.

            Adapter

            • iCal
            • Countdown
            • Trashschedule
            • daswetter
            • DWD (Deutscher Wetter Dienst)

            Download:
            http://www.machs-smart.de/iobroker-vis-machs-smart-de/

            Agria4800A Offline
            Agria4800A Offline
            Agria4800
            schrieb am zuletzt editiert von Agria4800
            #34

            @mxbr: coole Vis, hat was. :+1:
            Ich spiele auch gerade mal etwas und hab mal 2 Fragen:

            Ab wann wechselt es in den Nachtmodus, kann ich das in der css einstellen?

            Wie hast du das mit dem Unterstrich im Status Elemente und Übersicht gemacht, wenn du in die jeweilige View wechselst?

            machs-smart.deM 1 Antwort Letzte Antwort
            0
            • Agria4800A Agria4800

              @mxbr: coole Vis, hat was. :+1:
              Ich spiele auch gerade mal etwas und hab mal 2 Fragen:

              Ab wann wechselt es in den Nachtmodus, kann ich das in der css einstellen?

              Wie hast du das mit dem Unterstrich im Status Elemente und Übersicht gemacht, wenn du in die jeweilige View wechselst?

              machs-smart.deM Offline
              machs-smart.deM Offline
              machs-smart.de
              schrieb am zuletzt editiert von
              #35

              @Agria4800 die Uhrzeit für den Darkmodus kannst du unter Scripte einstellen.

              Den Strich bekommst du im jeweiligen View-Fenster, nicht im Menü.

              Viele Grüße

              www.machs-smart.de
              Anleitungen und Tutorials rund um ioBroker

              Agria4800A GlasfaserG 2 Antworten Letzte Antwort
              0
              • machs-smart.deM machs-smart.de

                @Agria4800 die Uhrzeit für den Darkmodus kannst du unter Scripte einstellen.

                Den Strich bekommst du im jeweiligen View-Fenster, nicht im Menü.

                Viele Grüße

                Agria4800A Offline
                Agria4800A Offline
                Agria4800
                schrieb am zuletzt editiert von
                #36

                @mxbr Danke :-)

                1 Antwort Letzte Antwort
                0
                • SWE1008S Offline
                  SWE1008S Offline
                  SWE1008
                  schrieb am zuletzt editiert von SWE1008
                  #37

                  @mxbr ich habe noch folgendes Problem: wenn ich auf die Status oder Wetter etc. Seite wechsle verschwindet nach ca. 30-60 Sekunden jeglicher Inhalt. Das siehst dann so aus
                  B1EC4658-D328-4687-8976-1FE0E7AAFE7D.png
                  Auf der Übersicht Seite passiert das nicht.

                  Es passiert mit jedem Browser (Edge, Firefox, Chrome, Safari) und in der iOS App.

                  G machs-smart.deM 2 Antworten Letzte Antwort
                  0
                  • SWE1008S SWE1008

                    @mxbr ich habe noch folgendes Problem: wenn ich auf die Status oder Wetter etc. Seite wechsle verschwindet nach ca. 30-60 Sekunden jeglicher Inhalt. Das siehst dann so aus
                    B1EC4658-D328-4687-8976-1FE0E7AAFE7D.png
                    Auf der Übersicht Seite passiert das nicht.

                    Es passiert mit jedem Browser (Edge, Firefox, Chrome, Safari) und in der iOS App.

                    G Offline
                    G Offline
                    gutgut30
                    schrieb am zuletzt editiert von
                    #38

                    Ufff, also ich habe mich mal dran versucht. Leider finde ich es etwas komplex was die Anpassung betrifft, da steige ich trotz viel Klicken und suchen nicht durch. Super schade.

                    Das Wetter ist allerdings aktuell auch super gut, ich denke das wird eher ein Winterprojekt werden ;)

                    Als Inspiration wie so ein VIS ausschauen kann, hat es aber klar geholfen. Die anderen hier gezeigten Visualisierungen sind mir alle viel viel viel zu Tech-lastig und nicht "schön" oder "intuitiv". Von daher, danke fürs Teilen. Ich schaue mal, was ich drauf machen kann für mich.

                    1 Antwort Letzte Antwort
                    0
                    • machs-smart.deM machs-smart.de

                      @Agria4800 die Uhrzeit für den Darkmodus kannst du unter Scripte einstellen.

                      Den Strich bekommst du im jeweiligen View-Fenster, nicht im Menü.

                      Viele Grüße

                      GlasfaserG Offline
                      GlasfaserG Offline
                      Glasfaser
                      schrieb am zuletzt editiert von
                      #39

                      @mxbr

                      Du verteilst gerade in vielen Thread´s deinen Link zu deiner Homepage ,

                      dabei ist mir aufgefallen das du in einem Tutorial es so er erklärst :

                      Datenpunkt zum Testen anlegen
                      
                      Für die folgenden Beispiele benötigst du zum Testen einen eigenen Datenpunkt. Ich habe unter „Eigene.0“ testweise „Binding“ als Logik-Datenpunkt angelegt:
                      

                      und warum nicht unter 0.userdata.0 / javascript.0 .

                      Synology 918+ 16GB - ioBroker in Docker v9 , VISO auf Trekstor Primebook C13 13,3" , Hikvision Domkameras mit Surveillance Station .. CCU RaspberryMatic in Synology VM .. Zigbee CC2538+CC2592 .. Sonoff .. KNX .. Modbus ..

                      machs-smart.deM 1 Antwort Letzte Antwort
                      0
                      • GlasfaserG Glasfaser

                        @mxbr

                        Du verteilst gerade in vielen Thread´s deinen Link zu deiner Homepage ,

                        dabei ist mir aufgefallen das du in einem Tutorial es so er erklärst :

                        Datenpunkt zum Testen anlegen
                        
                        Für die folgenden Beispiele benötigst du zum Testen einen eigenen Datenpunkt. Ich habe unter „Eigene.0“ testweise „Binding“ als Logik-Datenpunkt angelegt:
                        

                        und warum nicht unter 0.userdata.0 / javascript.0 .

                        machs-smart.deM Offline
                        machs-smart.deM Offline
                        machs-smart.de
                        schrieb am zuletzt editiert von machs-smart.de
                        #40

                        @glasfaser das ist Geschmacksache — ich habe dafür einen eigenen Datenpunkt-Ordner angelegt. Wenn du einen anderen nutzt, geht das natürlich auch — habe ich im Artikel ja auch so geschrieben. Viele Grüße!

                        www.machs-smart.de
                        Anleitungen und Tutorials rund um ioBroker

                        1 Antwort Letzte Antwort
                        0
                        • SWE1008S SWE1008

                          @mxbr ich habe noch folgendes Problem: wenn ich auf die Status oder Wetter etc. Seite wechsle verschwindet nach ca. 30-60 Sekunden jeglicher Inhalt. Das siehst dann so aus
                          B1EC4658-D328-4687-8976-1FE0E7AAFE7D.png
                          Auf der Übersicht Seite passiert das nicht.

                          Es passiert mit jedem Browser (Edge, Firefox, Chrome, Safari) und in der iOS App.

                          machs-smart.deM Offline
                          machs-smart.deM Offline
                          machs-smart.de
                          schrieb am zuletzt editiert von
                          #41

                          @swe1008 gute Frage, habe ich bisher noch nicht gesehen. Wenn du es im normalen Browser ansiehst, ist es dann genau so?

                          www.machs-smart.de
                          Anleitungen und Tutorials rund um ioBroker

                          D 1 Antwort Letzte Antwort
                          0
                          • machs-smart.deM machs-smart.de

                            @swe1008 gute Frage, habe ich bisher noch nicht gesehen. Wenn du es im normalen Browser ansiehst, ist es dann genau so?

                            D Offline
                            D Offline
                            derIOalex
                            schrieb am zuletzt editiert von
                            #42

                            @machs-smart-de

                            besteht die möglichkeit die Vorlage zu bekommen... leider ist der Link auf der Seite down?

                            GRuß
                            alex

                            1 Antwort Letzte Antwort
                            0
                            Antworten
                            • In einem neuen Thema antworten
                            Anmelden zum Antworten
                            • Älteste zuerst
                            • Neuste zuerst
                            • Meiste Stimmen


                            Support us

                            ioBroker
                            Community Adapters
                            Donate

                            604

                            Online

                            32.5k

                            Benutzer

                            81.8k

                            Themen

                            1.3m

                            Beiträge
                            Community
                            Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                            ioBroker Community 2014-2025
                            logo
                            • Anmelden

                            • Du hast noch kein Konto? Registrieren

                            • Anmelden oder registrieren, um zu suchen
                            • Erster Beitrag
                              Letzter Beitrag
                            0
                            • Home
                            • Aktuell
                            • Tags
                            • Ungelesen 0
                            • Kategorien
                            • Unreplied
                            • Beliebt
                            • GitHub
                            • Docu
                            • Hilfe