Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Praktische Anwendungen (Showcase)
    4. Einfach mal zeigen will….. :-) - Teil 2

    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.

    Einfach mal zeigen will….. :-) - Teil 2

    This topic has been deleted. Only users with topic management privileges can see it.
    • F
      fibernet last edited by Jey Cee

      Kann ich tun 😄

      Das common Java Script:

      createState('WeatherSymbol0', '');
      createState('WindSymbol0', '');
      
      createState('WeatherSymbol1', '');
      createState('WindSymbol1', '');
      
      createState('WeatherSymbol2', '');
      createState('WindSymbol2', '');
      
      createState('WeatherSymbol3', '');
      createState('WindSymbol3', '');
      
      createState('WeatherSymbol4', '');
      createState('WindSymbol4', '');
      
      createState('WeatherSymbol5', '');
      createState('WindSymbol5', '');
      
      createState('WeatherSymbol6', '');
      createState('WindSymbol6', '');
      
      createState('WeatherSymbol7', '');
      createState('WindSymbol7', '');
      
      on("daswetter.0.NextDaysDetailed.0d.SymbolID", function(obj) {
      var symbol = parseInt(obj.newState.val, 10);
      var temp = 'http://127.0.0.1:8082/daswetter/icons/wetter/' + symbol + 'f.png';
      log (temp);
      setState('WeatherSymbol0', temp );
      });
      
      on("daswetter.0.NextDaysDetailed.0d.WindSymbolB", function(obj) {
      var windsymbol = parseInt(obj.newState.val, 10);
      var temp = 'http://127.0.0.1:8082/daswetter/icons/viento-wind/galeria 2 - Beaufort/' + windsymbol + '.png';
      log (temp);
      setState('WindSymbol0', temp);
      });
      
      on("daswetter.0.NextDaysDetailed.1d.SymbolID", function(obj) {
      var symbol = parseInt(obj.newState.val, 10);
      var temp = 'http://127.0.0.1:8082/daswetter/icons/wetter/' + symbol + 'f.png';
      log (temp);
      setState('WeatherSymbol1', temp );
      });
      
      on("daswetter.0.NextDaysDetailed.1d.WindSymbolB", function(obj) {
      var windsymbol = parseInt(obj.newState.val, 10);
      var temp = 'http://127.0.0.1:8082/daswetter/icons/viento-wind/galeria 2 - Beaufort/' + windsymbol + '.png';
      log (temp);
      setState('WindSymbol1', temp);
      });
      
      on("daswetter.0.NextDaysDetailed.2d.SymbolID", function(obj) {
      var symbol = parseInt(obj.newState.val, 10);
      var temp = 'http://127.0.0.1:8082/daswetter/icons/wetter/' + symbol + 'f.png';
      log (temp);
      setState('WeatherSymbol2', temp );
      });
      
      on("daswetter.0.NextDaysDetailed.2d.WindSymbolB", function(obj) {
      var windsymbol = parseInt(obj.newState.val, 10);
      var temp = 'http://127.0.0.1:8082/daswetter/icons/viento-wind/galeria 2 - Beaufort//' + windsymbol + '.png';
      log (temp);
      setState('WindSymbol2', temp);
      });
      
      on("daswetter.0.NextDaysDetailed.3d.SymbolID", function(obj) {
      var symbol = parseInt(obj.newState.val, 10);
      var temp = 'http://127.0.0.1:8082/daswetter/icons/wetter/' + symbol + 'f.png';
      log (temp);
      setState('WeatherSymbol3', temp );
      });
      
      on("daswetter.0.NextDaysDetailed.3d.WindSymbolB", function(obj) {
      var windsymbol = parseInt(obj.newState.val, 10);
      var temp = 'http://127.0.0.1:8082/daswetter/icons/viento-wind/galeria 2 - Beaufort/' + windsymbol + '.png';
      log (temp);
      setState('WindSymbol3', temp);
      });
      
      on("daswetter.0.NextDaysDetailed.4d.SymbolID", function(obj) {
      var symbol = parseInt(obj.newState.val, 10);
      var temp = 'http://127.0.0.1:8082/daswetter/icons/wetter/' + symbol + 'f.png';
      log (temp);
      setState('WeatherSymbol4', temp );
      });
      
      on("daswetter.0.NextDaysDetailed.4d.WindSymbolB", function(obj) {
      var windsymbol = parseInt(obj.newState.val, 10);
      var temp = 'http://127.0.0.1:8082/daswetter/icons/viento-wind/galeria 2 - Beaufort/' + windsymbol + '.png';
      log (temp);
      setState('WindSymbol4', temp);
      });
      
      on("daswetter.0.NextDaysDetailed.5d.SymbolID", function(obj) {
      var symbol = parseInt(obj.newState.val, 10);
      var temp = 'http://127.0.0.1:8082/daswetter/icons/wetter/' + symbol + 'f.png';
      log (temp);
      setState('WeatherSymbol5', temp );
      });
      
      on("daswetter.0.NextDaysDetailed.5d.WindSymbolB", function(obj) {
      var windsymbol = parseInt(obj.newState.val, 10);
      var temp = 'http://127.0.0.1:8082/daswetter/icons/viento-wind/galeria 2 - Beaufort/' + windsymbol + '.png';
      log (temp);
      setState('WindSymbol5', temp);
      });
      
      on("daswetter.0.NextDaysDetailed.6d.SymbolID", function(obj) {
      var symbol = parseInt(obj.newState.val, 10);
      var temp = 'http://127.0.0.1:8082/daswetter/icons/wetter/' + symbol + 'f.png';
      log (temp);
      setState('WeatherSymbol6', temp );
      });
      
      on("daswetter.0.NextDaysDetailed.6d.WindSymbolB", function(obj) {
      var windsymbol = parseInt(obj.newState.val, 10);
      var temp = 'http://127.0.0.1:8082/daswetter/icons/viento-wind/galeria 2 - Beaufort/' + windsymbol + '.png';
      log (temp);
      setState('WindSymbol6', temp);
      });
      
      on("daswetter.0.NextDaysDetailed.7d.SymbolID", function(obj) {
      var symbol = parseInt(obj.newState.val, 10);
      var temp = 'http://127.0.0.1:8082/daswetter/icons/wetter/' + symbol + 'f.png';
      log (temp);
      setState('WeatherSymbol7', temp );
      });
      
      on("daswetter.0.NextDaysDetailed.7d.WindSymbolB", function(obj) {
      var windsymbol = parseInt(obj.newState.val, 10);
      var temp = 'http://127.0.0.1:8082/daswetter/icons/viento-wind/galeria 2 - Beaufort/' + windsymbol + '.png';
      log (temp);
      setState('WindSymbol7', temp);
      });
      
      

      Das Widget

      6912_wetterwidget.txt

      Und Die Grafiken

      6912_weather.rar
      Geändert :oops: waren die verkehrten Icons…..bitte nochmals runter laden sonst passt die Zuordnung nachher nicht mehr

      Ich hoffe gehilft zu haben

      @spoerl.torsten:

      Hallo fibernet,
      > Soooooo, das finale Design steht und ich habe jetzt erstmal die Tools/Wetterseite vervollständigt. Die Buttons sind ausschließlich Metro Tiles, mit CSS formatiert, die Streifen im Hauptmenü und die Trennstreifen sind programmierte SVG Grafiken.
      Tolle Wetterview. Ich hätte Interesse an der 5 Tagesvorschau würdest du das Widget inklusive den Icons zur Verfügung stellen?

      Wäre echt klasse.

      LG Torsten `

      1 Reply Last reply Reply Quote 4
      • C
        Conquest last edited by

        Danke Fibernet hat super funktioniert.

        LG Torsten

        1 Reply Last reply Reply Quote 0
        • D
          Dra_gun last edited by Jey Cee

          Hallo zusammen,

          Hammer Wetterview Fibernet 😮 . Auch von mir Danke dafür :mrgreen:

          5767_screenshot_20180513-053737.png

          Hab dein Wetterwidget etwas erweitert. Wenn man auf Detail drückt öffnet sich eine neue View mit der Tagesansicht.

          5767_screenshot_20180513-053745.png

          Anbei noch der Rest von meinen Views die mit viel Copy Paste aus dem Forum hier entstanden sind 😄 😄 😄

          5767_screenshot_20180513-053826.png 5767_screenshot_20180513-053724.png 5767_screenshot_20180513-053844.png 5767_screenshot_20180513-053818.png

          LG Dragan

          A 1 Reply Last reply Reply Quote 1
          • A
            andyb last edited by

            @Dra_gun:

            Hab dein Wetterwidget etwas erweitert. Wenn man auf Detail drückt öffnet sich eine neue View

            LG Dragan `

            Würeest du das Wetterwidget und die Detailview bereitstellen?

            1 Reply Last reply Reply Quote 0
            • D
              Dra_gun last edited by Jey Cee

              @andyb:

              @Dra_gun:

              Hab dein Wetterwidget etwas erweitert. Wenn man auf Detail drückt öffnet sich eine neue View

              LG Dragan `

              Würeest du das Wetterwidget und die Detailview bereitstellen? `

              na klar 😄

              hier das Widget
              5767_wetterwidget.txt

              und hier das Javascript für die einzelnen Tage

              skript.txt

              und die Detailview…

              5767_detailview.txt

              1 Reply Last reply Reply Quote 0
              • 2
                2hot4you last edited by Jey Cee

                Hallo Dra_gun,

                welche Eintrag hast Du im Adapter vorgenommen mit welchen API Pfad ?

                4872_daswetter.png 4872_apidaswetter.png

                1 Reply Last reply Reply Quote 0
                • D
                  Dra_gun last edited by

                  @2hot4you:

                  Hallo Dra_gun,

                  welche Eintrag hast Du im Adapter vorgenommen mit welchen API Pfad ? `

                  Hey,

                  Beim dasWetter Adapter die 5 Tages URL und beim API den Pfad 2: XML-Datei mit 5-Tage-Wettervorhersage und detaillierte Informationen für alle 3 Stunden

                  Ihr braucht noch die Grafiken und das common Java Script von Fibernet :mrgreen:

                  Grüße

                  1 Reply Last reply Reply Quote 0
                  • wendy2702
                    wendy2702 last edited by Jey Cee

                    @2hot4you:

                    Hallo Dra_gun,

                    welche Eintrag hast Du im Adapter vorgenommen mit welchen API Pfad ? `

                    Gibt ein extra Thread zum „Das Wetter“ Adapter.

                    viewtopic.php?f=20&t=5912&hilit=Daswetter

                    Wegen Konfiguration bitte da schauen/fragen oder neues Thema aufmachen. Hier geht es ja hauptsächlich ums „Zeigen“

                    1 Reply Last reply Reply Quote 0
                    • D
                      Damich last edited by

                      @Dutchman:

                      so jetzt ich auch mal, nich die schönste Grafik und Aufbau aber technische Wiedergabe einer sonnen anlage (Wasser und Strom) `

                      Hallo Dutchman,

                      deine Diagramme sehen echt gut aus. Wie hast du die erstellt und würdest du eine Vorlage posten ?

                      Gruß

                      Damich

                      1 Reply Last reply Reply Quote 0
                      • S
                        sveni_lee last edited by

                        @Dra_gun:

                        @andyb:

                        @Dra_gun:

                        Hab dein Wetterwidget etwas erweitert. Wenn man auf Detail drückt öffnet sich eine neue View

                        LG Dragan `

                        Würeest du das Wetterwidget und die Detailview bereitstellen? `

                        na klar 😄

                        hier das Widget

                        WetterWidget.txt

                        und hier das Javascript für die einzelnen Tage

                        ! createState('WeatherSymbol10', '');
                        ! createState('WeatherSymbol11', '');
                        ! createState('WeatherSymbol12', '');
                        ! createState('WeatherSymbol13', '');
                        ! createState('WeatherSymbol14', '');
                        ! createState('WeatherSymbol15', '');
                        ! createState('WeatherSymbol16', '');
                        ! createState('WeatherSymbol17', '');
                        ! createState('WeatherSymbol20', '');
                        ! createState('WeatherSymbol21', '');
                        ! createState('WeatherSymbol22', '');
                        ! createState('WeatherSymbol23', '');
                        ! createState('WeatherSymbol24', '');
                        ! createState('WeatherSymbol25', '');
                        ! createState('WeatherSymbol26', '');
                        ! createState('WeatherSymbol27', '');
                        ! createState('WeatherSymbol30', '');
                        ! createState('WeatherSymbol31', '');
                        ! createState('WeatherSymbol32', '');
                        ! createState('WeatherSymbol33', '');
                        ! createState('WeatherSymbol34', '');
                        ! createState('WeatherSymbol35', '');
                        ! createState('WeatherSymbol36', '');
                        ! createState('WeatherSymbol37', '');
                        ! createState('WeatherSymbol40', '');
                        ! createState('WeatherSymbol41', '');
                        ! createState('WeatherSymbol42', '');
                        ! createState('WeatherSymbol43', '');
                        ! createState('WeatherSymbol44', '');
                        ! createState('WeatherSymbol45', '');
                        ! createState('WeatherSymbol46', '');
                        ! createState('WeatherSymbol47', '');
                        ! createState('WeatherSymbol50', '');
                        ! createState('WeatherSymbol51', '');
                        ! createState('WeatherSymbol52', '');
                        ! createState('WeatherSymbol53', '');
                        ! createState('WeatherSymbol54', '');
                        ! createState('WeatherSymbol55', '');
                        ! createState('WeatherSymbol56', '');
                        ! createState('WeatherSymbol57', '');
                        ! on("daswetter.0.NextDaysDetailed.0d.0h.SymbolID", function(obj) {
                        ! var symbol = parseInt(obj.newState.val, 10);
                        ! var temp = 'http://192.168.2.111:8082/daswetter/icons/wetter/' + symbol + 'f.png';
                        ! log (temp);
                        ! setState('WeatherSymbol10', temp );
                        ! });
                        ! on("daswetter.0.NextDaysDetailed.0d.1h.SymbolID", function(obj) {
                        ! var symbol = parseInt(obj.newState.val, 10);
                        ! var temp = 'http://192.168.2.111:8082/daswetter/icons/wetter/' + symbol + 'f.png';
                        ! log (temp);
                        ! setState('WeatherSymbol11', temp );
                        ! });
                        ! on("daswetter.0.NextDaysDetailed.0d.2h.SymbolID", function(obj) {
                        ! var symbol = parseInt(obj.newState.val, 10);
                        ! var temp = 'http://192.168.2.111:8082/daswetter/icons/wetter/' + symbol + 'f.png';
                        ! log (temp);
                        ! setState('WeatherSymbol12', temp );
                        ! });
                        ! on("daswetter.0.NextDaysDetailed.0d.3h.SymbolID", function(obj) {
                        ! var symbol = parseInt(obj.newState.val, 10);
                        ! var temp = 'http://192.168.2.111:8082/daswetter/icons/wetter/' + symbol + 'f.png';
                        ! log (temp);
                        ! setState('WeatherSymbol13', temp );
                        ! });
                        ! on("daswetter.0.NextDaysDetailed.0d.4h.SymbolID", function(obj) {
                        ! var symbol = parseInt(obj.newState.val, 10);
                        ! var temp = 'http://192.168.2.111:8082/daswetter/icons/wetter/' + symbol + 'f.png';
                        ! log (temp);
                        ! setState('WeatherSymbol14', temp );
                        ! });
                        ! on("daswetter.0.NextDaysDetailed.0d.5h.SymbolID", function(obj) {
                        ! var symbol = parseInt(obj.newState.val, 10);
                        ! var temp = 'http://192.168.2.111:8082/daswetter/icons/wetter/' + symbol + 'f.png';
                        ! log (temp);
                        ! setState('WeatherSymbol15', temp );
                        ! });
                        ! on("daswetter.0.NextDaysDetailed.0d.6h.SymbolID", function(obj) {
                        ! var symbol = parseInt(obj.newState.val, 10);
                        ! var temp = 'http://192.168.2.111:8082/daswetter/icons/wetter/' + symbol + 'f.png';
                        ! log (temp);
                        ! setState('WeatherSymbol16', temp );
                        ! });
                        ! on("daswetter.0.NextDaysDetailed.0d.7h.SymbolID", function(obj) {
                        ! var symbol = parseInt(obj.newState.val, 10);
                        ! var temp = 'http://192.168.2.111:8082/daswetter/icons/wetter/' + symbol + 'f.png';
                        ! log (temp);
                        ! setState('WeatherSymbol17', temp );
                        ! });
                        ! on("daswetter.0.NextDaysDetailed.1d.0h.SymbolID", function(obj) {
                        ! var symbol = parseInt(obj.newState.val, 10);
                        ! var temp = 'http://192.168.2.111:8082/daswetter/icons/wetter/' + symbol + 'f.png';
                        ! log (temp);
                        ! setState('WeatherSymbol20', temp );
                        ! });
                        ! on("daswetter.0.NextDaysDetailed.1d.1h.SymbolID", function(obj) {
                        ! var symbol = parseInt(obj.newState.val, 10);
                        ! var temp = 'http://192.168.2.111:8082/daswetter/icons/wetter/' + symbol + 'f.png';
                        ! log (temp);
                        ! setState('WeatherSymbol21', temp );
                        ! });
                        ! on("daswetter.0.NextDaysDetailed.1d.2h.SymbolID", function(obj) {
                        ! var symbol = parseInt(obj.newState.val, 10);
                        ! var temp = 'http://192.168.2.111:8082/daswetter/icons/wetter/' + symbol + 'f.png';
                        ! log (temp);
                        ! setState('WeatherSymbol22', temp );
                        ! });
                        ! on("daswetter.0.NextDaysDetailed.1d.3h.SymbolID", function(obj) {
                        ! var symbol = parseInt(obj.newState.val, 10);
                        ! var temp = 'http://192.168.2.111:8082/daswetter/icons/wetter/' + symbol + 'f.png';
                        ! log (temp);
                        ! setState('WeatherSymbol23', temp );
                        ! });
                        ! on("daswetter.0.NextDaysDetailed.1d.4h.SymbolID", function(obj) {
                        ! var symbol = parseInt(obj.newState.val, 10);
                        ! var temp = 'http://192.168.2.111:8082/daswetter/icons/wetter/' + symbol + 'f.png';
                        ! log (temp);
                        ! setState('WeatherSymbol24', temp );
                        ! });
                        ! on("daswetter.0.NextDaysDetailed.1d.5h.SymbolID", function(obj) {
                        ! var symbol = parseInt(obj.newState.val, 10);
                        ! var temp = 'http://192.168.2.111:8082/daswetter/icons/wetter/' + symbol + 'f.png';
                        ! log (temp);
                        ! setState('WeatherSymbol25', temp );
                        ! });
                        ! on("daswetter.0.NextDaysDetailed.1d.6h.SymbolID", function(obj) {
                        ! var symbol = parseInt(obj.newState.val, 10);
                        ! var temp = 'http://192.168.2.111:8082/daswetter/icons/wetter/' + symbol + 'f.png';
                        ! log (temp);
                        ! setState('WeatherSymbol26', temp );
                        ! });
                        ! on("daswetter.0.NextDaysDetailed.1d.7h.SymbolID", function(obj) {
                        ! var symbol = parseInt(obj.newState.val, 10);
                        ! var temp = 'http://192.168.2.111:8082/daswetter/icons/wetter/' + symbol + 'f.png';
                        ! log (temp);
                        ! setState('WeatherSymbol27', temp );
                        ! });
                        ! on("daswetter.0.NextDaysDetailed.2d.0h.SymbolID", function(obj) {
                        ! var symbol = parseInt(obj.newState.val, 10);
                        ! var temp = 'http://192.168.2.111:8082/daswetter/icons/wetter/' + symbol + 'f.png';
                        ! log (temp);
                        ! setState('WeatherSymbol30', temp );
                        ! });
                        ! on("daswetter.0.NextDaysDetailed.2d.1h.SymbolID", function(obj) {
                        ! var symbol = parseInt(obj.newState.val, 10);
                        ! var temp = 'http://192.168.2.111:8082/daswetter/icons/wetter/' + symbol + 'f.png';
                        ! log (temp);
                        ! setState('WeatherSymbol31', temp );
                        ! });
                        ! on("daswetter.0.NextDaysDetailed.2d.2h.SymbolID", function(obj) {
                        ! var symbol = parseInt(obj.newState.val, 10);
                        ! var temp = 'http://192.168.2.111:8082/daswetter/icons/wetter/' + symbol + 'f.png';
                        ! log (temp);
                        ! setState('WeatherSymbol32', temp );
                        ! });
                        ! on("daswetter.0.NextDaysDetailed.2d.3h.SymbolID", function(obj) {
                        ! var symbol = parseInt(obj.newState.val, 10);
                        ! var temp = 'http://192.168.2.111:8082/daswetter/icons/wetter/' + symbol + 'f.png';
                        ! log (temp);
                        ! setState('WeatherSymbol33', temp );
                        ! });
                        ! on("daswetter.0.NextDaysDetailed.2d.4h.SymbolID", function(obj) {
                        ! var symbol = parseInt(obj.newState.val, 10);
                        ! var temp = 'http://192.168.2.111:8082/daswetter/icons/wetter/' + symbol + 'f.png';
                        ! log (temp);
                        ! setState('WeatherSymbol34', temp );
                        ! });
                        ! on("daswetter.0.NextDaysDetailed.2d.5h.SymbolID", function(obj) {
                        ! var symbol = parseInt(obj.newState.val, 10);
                        ! var temp = 'http://192.168.2.111:8082/daswetter/icons/wetter/' + symbol + 'f.png';
                        ! log (temp);
                        ! setState('WeatherSymbol35', temp );
                        ! });
                        ! on("daswetter.0.NextDaysDetailed.2d.6h.SymbolID", function(obj) {
                        ! var symbol = parseInt(obj.newState.val, 10);
                        ! var temp = 'http://192.168.2.111:8082/daswetter/icons/wetter/' + symbol + 'f.png';
                        ! log (temp);
                        ! setState('WeatherSymbol36', temp );
                        ! });
                        ! on("daswetter.0.NextDaysDetailed.2d.7h.SymbolID", function(obj) {
                        ! var symbol = parseInt(obj.newState.val, 10);
                        ! var temp = 'http://192.168.2.111:8082/daswetter/icons/wetter/' + symbol + 'f.png';
                        ! log (temp);
                        ! setState('WeatherSymbol37', temp );
                        ! });
                        ! on("daswetter.0.NextDaysDetailed.3d.0h.SymbolID", function(obj) {
                        ! var symbol = parseInt(obj.newState.val, 10);
                        ! var temp = 'http://192.168.2.111:8082/daswetter/icons/wetter/' + symbol + 'f.png';
                        ! log (temp);
                        ! setState('WeatherSymbol40', temp );
                        ! });
                        ! on("daswetter.0.NextDaysDetailed.3d.1h.SymbolID", function(obj) {
                        ! var symbol = parseInt(obj.newState.val, 10);
                        ! var temp = 'http://192.168.2.111:8082/daswetter/icons/wetter/' + symbol + 'f.png';
                        ! log (temp);
                        ! setState('WeatherSymbol41', temp );
                        ! });
                        ! on("daswetter.0.NextDaysDetailed.3d.2h.SymbolID", function(obj) {
                        ! var symbol = parseInt(obj.newState.val, 10);
                        ! var temp = 'http://192.168.2.111:8082/daswetter/icons/wetter/' + symbol + 'f.png';
                        ! log (temp);
                        ! setState('WeatherSymbol42', temp );
                        ! });
                        ! on("daswetter.0.NextDaysDetailed.3d.3h.SymbolID", function(obj) {
                        ! var symbol = parseInt(obj.newState.val, 10);
                        ! var temp = 'http://192.168.2.111:8082/daswetter/icons/wetter/' + symbol + 'f.png';
                        ! log (temp);
                        ! setState('WeatherSymbol43', temp );
                        ! });
                        ! on("daswetter.0.NextDaysDetailed.3d.4h.SymbolID", function(obj) {
                        ! var symbol = parseInt(obj.newState.val, 10);
                        ! var temp = 'http://192.168.2.111:8082/daswetter/icons/wetter/' + symbol + 'f.png';
                        ! log (temp);
                        ! setState('WeatherSymbol44', temp );
                        ! });
                        ! on("daswetter.0.NextDaysDetailed.3d.5h.SymbolID", function(obj) {
                        ! var symbol = parseInt(obj.newState.val, 10);
                        ! var temp = 'http://192.168.2.111:8082/daswetter/icons/wetter/' + symbol + 'f.png';
                        ! log (temp);
                        ! setState('WeatherSymbol45', temp );
                        ! });
                        ! on("daswetter.0.NextDaysDetailed.3d.6h.SymbolID", function(obj) {
                        ! var symbol = parseInt(obj.newState.val, 10);
                        ! var temp = 'http://192.168.2.111:8082/daswetter/icons/wetter/' + symbol + 'f.png';
                        ! log (temp);
                        ! setState('WeatherSymbol46', temp );
                        ! });
                        ! on("daswetter.0.NextDaysDetailed.3d.7h.SymbolID", function(obj) {
                        ! var symbol = parseInt(obj.newState.val, 10);
                        ! var temp = 'http://192.168.2.111:8082/daswetter/icons/wetter/' + symbol + 'f.png';
                        ! log (temp);
                        ! setState('WeatherSymbol47', temp );
                        ! });
                        ! on("daswetter.0.NextDaysDetailed.4d.0h.SymbolID", function(obj) {
                        ! var symbol = parseInt(obj.newState.val, 10);
                        ! var temp = 'http://192.168.2.111:8082/daswetter/icons/wetter/' + symbol + 'f.png';
                        ! log (temp);
                        ! setState('WeatherSymbol50', temp );
                        ! });
                        ! on("daswetter.0.NextDaysDetailed.4d.1h.SymbolID", function(obj) {
                        ! var symbol = parseInt(obj.newState.val, 10);
                        ! var temp = 'http://192.168.2.111:8082/daswetter/icons/wetter/' + symbol + 'f.png';
                        ! log (temp);
                        ! setState('WeatherSymbol51', temp );
                        ! });
                        ! on("daswetter.0.NextDaysDetailed.4d.2h.SymbolID", function(obj) {
                        ! var symbol = parseInt(obj.newState.val, 10);
                        ! var temp = 'http://192.168.2.111:8082/daswetter/icons/wetter/' + symbol + 'f.png';
                        ! log (temp);
                        ! setState('WeatherSymbol52', temp );
                        ! });
                        ! on("daswetter.0.NextDaysDetailed.4d.3h.SymbolID", function(obj) {
                        ! var symbol = parseInt(obj.newState.val, 10);
                        ! var temp = 'http://192.168.2.111:8082/daswetter/icons/wetter/' + symbol + 'f.png';
                        ! log (temp);
                        ! setState('WeatherSymbol53', temp );
                        ! });
                        ! on("daswetter.0.NextDaysDetailed.4d.4h.SymbolID", function(obj) {
                        ! var symbol = parseInt(obj.newState.val, 10);
                        ! var temp = 'http://192.168.2.111:8082/daswetter/icons/wetter/' + symbol + 'f.png';
                        ! log (temp);
                        ! setState('WeatherSymbol54', temp );
                        ! });
                        ! on("daswetter.0.NextDaysDetailed.4d.5h.SymbolID", function(obj) {
                        ! var symbol = parseInt(obj.newState.val, 10);
                        ! var temp = 'http://192.168.2.111:8082/daswetter/icons/wetter/' + symbol + 'f.png';
                        ! log (temp);
                        ! setState('WeatherSymbol55', temp );
                        ! });
                        ! on("daswetter.0.NextDaysDetailed.4d.6h.SymbolID", function(obj) {
                        ! var symbol = parseInt(obj.newState.val, 10);
                        ! var temp = 'http://192.168.2.111:8082/daswetter/icons/wetter/' + symbol + 'f.png';
                        ! log (temp);
                        ! setState('WeatherSymbol56', temp );
                        ! });
                        ! on("daswetter.0.NextDaysDetailed.4d.7h.SymbolID", function(obj) {
                        ! var symbol = parseInt(obj.newState.val, 10);
                        ! var temp = 'http://192.168.2.111:8082/daswetter/icons/wetter/' + symbol + 'f.png';
                        ! log (temp);
                        ! setState('WeatherSymbol57', temp );
                        ! });

                        und die Detailview…

                        detailview.txt `

                        Hallo,

                        Danke fürs teilen.

                        Ich habe mich mal ein wenig mit der Wetteransicht auseinandergesetzt.

                        Korrigiere mich wenn ich falsch liege aber ich glaube man könnte auf das script verzichten wenn man mit Bindings arbeitet.

                        Ich habe für die Wettericons das "Basic Image " - Widget genommen unf folgendes bei Quelle eingegebn: /daswetter/icons/wetter/{daswetter.0.NextDays.0d.ConditionID}f.png

                        das klappt sowei auch…

                        1 Reply Last reply Reply Quote 0
                        • D
                          Dra_gun last edited by

                          ` > Hallo,

                          Danke fürs teilen.

                          Ich habe mich mal ein wenig mit der Wetteransicht auseinandergesetzt.

                          Korrigiere mich wenn ich falsch liege aber ich glaube man könnte auf das script verzichten wenn man mit Bindings arbeitet.

                          Ich habe für die Wettericons das "Basic Image " - Widget genommen unf folgendes bei Quelle eingegebn: /daswetter/icons/wetter/{daswetter.0.NextDays.0d.ConditionID}f.png

                          das klappt sowei auch… `

                          wie soll ich dich korrigieren wenn ich keinen Plan von dem ganzen hier habe :lol: :lol: :lol: :lol:

                          hab es mal getestet , funktioniert 😄 script gelöscht :mrgreen: Danke :mrgreen:

                          Wichtig zu wissen : im VIS Editor wird nichts angezeigt. Erst im Vis sieht man dann das Bild ( hat mich ewig Zeit gekostet bis ich das geblickt habe :roll: )

                          1 Reply Last reply Reply Quote 0
                          • S
                            sveni_lee last edited by

                            ich habe das ganze noch ein wenig weiter entwickelt…

                            um für jeden Tag eine Detail auskunft zu bekommen habe ich ein Script geschrieben das die entsprechenden Datenpunkte bei click auf detail schreibt schreibt. Dazu muss nur im im button eine dem Tag (0, 1, 2, 3, 4) entsprechender State gesetzt werden. in meinem Fall "javascript.0.Wetter.DayID".

                            und die Widgets in der Detailansicht anpassen...

                            var a = ['hour', 'Temperature', 'Symbol', 'SymbolID', 'Wind', 'Humidity', 'Rain'];
                            
                            for (var x in a) {
                               for (var i = 0; i <= 7; i++) {
                                  var createSt = 'Wetter.Detail.' + a[x] + '.' + i + 'h';
                                  createState(createSt, '');
                                }
                            }
                            
                            on({id: 'javascript.0.Wetter.DayID'}, function (obj) {
                                var DayID = getState("javascript.0.Wetter.DayID").val;
                                for (var x in a){    
                                   for (var i = 0; i <= 7; i++) {
                                      getSt = 'daswetter.0.NextDaysDetailed.' + DayID + 'd.' + i + 'h.' + a[x];
                                      var State = getState(getSt).val;
                                      setSt = 'javascript.0.Wetter.Detail.' + a[x] + '.' + i + 'h';
                                      setState(setSt, State);
                                   }
                                }
                            });
                            
                            1 Reply Last reply Reply Quote 0
                            • SmarthomeMF
                              SmarthomeMF last edited by Jey Cee

                              Hallo

                              Mein Wetter View
                              4668_k1600_unbenannt_07.jpg

                              1 Reply Last reply Reply Quote 0
                              • A
                                Arnulf last edited by

                                ist "Himel" ein Schreibfehler oder steht das für eine Abkürzung?

                                Gefällt mit übrigens sehr gut. wäre eine bessere Variante als die, die ich gebastelt habe

                                1 Reply Last reply Reply Quote 0
                                • S
                                  sveni_lee last edited by

                                  @Dra_gun:

                                  wie soll ich dich korrigieren wenn ich keinen Plan von dem ganzen hier habe :lol: :lol: :lol: :lol:

                                  hab es mal getestet , funktioniert 😄 script gelöscht :mrgreen: Danke :mrgreen:

                                  Wichtig zu wissen : im VIS Editor wird nichts angezeigt. Erst im Vis sieht man dann das Bild ( hat mich ewig Zeit gekostet bis ich das geblickt habe :roll: ) `

                                  leider funktioniert das ganze bei mir in der Android-App nur wenn ich noch http//ipzuiobroker/davor setze.

                                  dann sind die Icon über den Cloudzugang aber nicht mehr sichtbar…

                                  Wie hast Du die Wetterkarten eingebunden?

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

                                    @schittl

                                    Könnte ich eventuell deine Energie View bekommen, wo du die einzelnen Geräte auflistest? Das sieht echt top aus, sowas fehlt mir noch

                                    @vtwo

                                    Deine Vis gefällt mir sehr gut, ist es da eventuell möglich das ganze Projekt zu bekommen?

                                    1 Reply Last reply Reply Quote 0
                                    • L
                                      ltsalvatore last edited by

                                      hi zusammen,

                                      ich habe mal eine grundlegende frage, bevor ich hier weiter mache an mein vis zu basteln, welchen ich abschließend gerne mit der community teilen möchte.

                                      ich besitze folgende endgeräte über die die visualisierung genutzt werden soll:

                                      ipad air im landscape

                                      iphone 6s im portrait

                                      iphone 7 plus im portrait

                                      muss ich nun für jedes endgerät, welches ja eine andere auflösung hat, ein eigenes projekt im vis erstellen und in den entsprechenden projekten die passende auflösung nehmen?

                                      oder reicht es ein vis zu erstellen, und dieses dann responsive gestalten? wenn ja, wie ist dies realisierbar?

                                      danke und gruß

                                      1 Reply Last reply Reply Quote 0
                                      • S
                                        schittl last edited by Jey Cee

                                        @Torsten81:

                                        Könnte ich eventuell deine Energie View bekommen, wo du die einzelnen Geräte auflistest? Das sieht echt top aus, sowas fehlt mir noch `

                                        Natürlich… Hier mal ein Energie-Komplettwidget einer Steckdose für mein Aquarium...

                                        [{"tpl":"tplHtml","data":{"visibility-cond":"==","visibility-val":1,"refreshInterval":"0","html":"","comment":"","visibility-groups-action":"hide","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0},"style":{"left":"706px","top":"305px","width":"298px","height":"215px","color":"#ffffff","text-align":"center","font-family":"RobotoCondensed-Light","font-style":"","font-variant":"normal","font-weight":"400","font-size":"18px","background":"#2e353d","padding":"","z-index":"0","line-height":"24px","box-shadow":"","opacity":""},"widgetSet":"basic"},{"tpl":"tplHtml","data":{"g_fixed":false,"g_visibility":false,"g_css_font_text":true,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","refreshInterval":"0","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"html":"Aquarium Bad"},"style":{"left":"726px","top":"313px","width":"160px","height":"25px","color":"#787d83","font-size":"20px","font-family":"RobotoCondensed-Light","line-height":"25px"},"widgetSet":"basic"},{"tpl":"tplContainerIconDialog","data":{"g_fixed":true,"g_visibility":false,"g_css_font_text":false,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"src":"/icons-material-png/action/ic_assessment_white_48dp.png","setId":"javascript.0.VIS.Energie.ZeigeGraphNr","setValue":"1","contains_view":"cardFlotEnergie","noHeader":true,"dialog_width":"100%","dialog_height":"500","dialog_top":"0","dialog_left":"0","class":"mdui-flatbutton","filterkey":"","comment":"","invert_icon":false},"style":{"left":"897px","top":"313px","z-index":"","width":"30px","height":"30px","opacity":"0.8"},"widgetSet":"jqui"},{"tpl":"tplValueBool","data":{"oid":"hm-rpc.0.OEQXXXXXXX.0.UPDATE_PENDING","g_fixed":true,"g_visibility":false,"g_css_font_text":false,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":true,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"html_true":"![](\"/icons-material-png/action/ic_info_white_48dp.png\")","html_false":"![](\"/icons-material-png/action/ic_info_white_48dp.png\")","class":"mdui-state","filterkey":"","comment":""},"style":{"left":"931px","top":"313px","width":"30px","height":"30px","border-radius":"","border-width":"","border-color":"","position":"","z-index":"1","opacity":"0.8"},"widgetSet":"basic"},{"tpl":"tplValueBool","data":{"oid":"hm-rpc.0.OEQXXXXXXX.0.UNREACH","g_fixed":true,"g_visibility":false,"g_css_font_text":false,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":true,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"html_true":"![](\"/icons-material-png/notification/ic_wifi_white_48dp.png\")","html_false":"![](\"/icons-material-png/notification/ic_wifi_white_48dp.png\")","class":"mdui-state","filterkey":"","comment":""},"style":{"left":"965px","top":"313px","width":"30px","height":"30px","border-radius":"","border-width":"","border-color":"","position":"","z-index":"1","opacity":"0.8"},"widgetSet":"basic"},{"tpl":"tplValueBoolCheckbox","data":{"oid":"hm-rpc.0.OEQXXXXXXX.1.STATE","g_fixed":true,"g_visibility":false,"g_css_font_text":false,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"html_append":"<label for="\&quot;w00508_checkbox\&quot;"><label>","class":"mdui-switch mdui-blue-acc","lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"filterkey":""},"style":{"left":"943px","top":"366px","width":"48px","height":"16px","z-index":1},"widgetSet":"basic"},{"tpl":"tplValueFloatBar","data":{"oid":"hm-rpc.0.OEQXXXXXXX.2.POWER","g_fixed":true,"g_visibility":false,"g_css_font_text":false,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","min":"0","max":"500","orientation":"horizontal","color":"{v:hm-rpc.0.OEQXXXXXXX.2.POWER;v < 150 ? \"#4CAF50\" :: v < 300 ? \"#FFEB3B\" :: \"#F44336\"}","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"reverse":false,"class":"mdui-bargraph mdui-ramp","border":"","lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0},"style":{"left":"726px","top":"342px","width":"100px","height":"15px","z-index":2},"widgetSet":"basic"},{"tpl":"tplValueFloat","data":{"hm_id":"1940","digits":"2","factor":"","min":0,"max":1,"step":0.01,"is_comma":false,"filterkey":"","html_append_singular":" W","html_append_plural":" W","hm_id_state":"","visibility-cond":"==","visibility-val":1,"oid":"hm-rpc.0.OEQXXXXXXX.2.POWER","gestures-offsetX":0,"gestures-offsetY":0,"signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"visibility-groups-action":"hide","is_tdp":"false","lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"locked":false,"comment":""},"style":{"left":"835px","top":"342px","text-shadow":"","color":"{v:hm-rpc.0.OEQXXXXXXX.2.POWER;v < 150 ? \"#4CAF50\" :: v < 300 ? \"#FFEB3B\" :: \"#F44336\"}","width":"60px","height":"18px","font-size":"small","font-family":"RobotoCondensed-Light","text-align":"left","z-index":"5","line-height":"18px"},"widgetSet":"basic"},{"tpl":"tplHtml","data":{"g_fixed":true,"g_visibility":false,"g_css_font_text":true,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","refreshInterval":"10000","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"html":"\n  \n    \n      \n      \n      \n    \n  \n  \n    \n      \n      \n      \n    \n    \n      \n      \n      \n    \n    \n      \n      \n      \n    \n    \n      \n      \n      \n    \n    \n      \n      \n      \n    \n  \n
                                        >! | Laufzeit | Verbrauch | Kosten |
                                        | --- | --- | --- |
                                        | Heute | {javascript.0.Strom.SteckdoseAquariumBadMess..Verbrauch.Tag} kW/h | {javascript.0.Strom.SteckdoseAquariumBadMess..Kosten.Tag} € |
                                        | Woche | {javascript.0.Strom.SteckdoseAquariumBadMess..Verbrauch.Woche} kW/h | {javascript.0.Strom.SteckdoseAquariumBadMess..Kosten.Woche} € |
                                        | Monat | {javascript.0.Strom.SteckdoseAquariumBadMess..Verbrauch.Monat} kW/h | {javascript.0.Strom.SteckdoseAquariumBadMess..Kosten.Monat} € |
                                        | Quartal | {javascript.0.Strom.SteckdoseAquariumBadMess..Verbrauch.Quartal} kW/h | {javascript.0.Strom.SteckdoseAquariumBadMess..Kosten.Quartal} € |
                                        | Jahr | {javascript.0.Strom.SteckdoseAquariumBadMess..Verbrauch.Jahr} kW/h | {javascript.0.Strom.SteckdoseAquariumBadMess..Kosten.Jahr} € |
                                        >! ","class":"mdui-table mdui-table-striped","lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"filterkey":"","locked":false},"style":{"left":"726px","top":"389px","width":"265px","height":"120px","overflow-y":"","font-size":"small","font-style":"","font-family":"RobotoCondensed-Light","opacity":"0.7","z-index":"5"},"widgetSet":"basic"}]</label></label>
                                        
                                        1 Reply Last reply Reply Quote 0
                                        • L
                                          ltsalvatore last edited by

                                          @schittl:

                                          @Torsten81:

                                          Könnte ich eventuell deine Energie View bekommen, wo du die einzelnen Geräte auflistest? Das sieht echt top aus, sowas fehlt mir noch `

                                          Natürlich… Hier mal ein Energie-Komplettwidget einer Steckdose für mein Aquarium... `

                                          gäbe es auch die möglichkeit, dein komplettes projekt zu exportieren und als download zur verfügung zu stellen? das sieht nämlich richtig gut aus 8-)

                                          1 Reply Last reply Reply Quote 0
                                          • S
                                            schittl last edited by

                                            Da aktuell der Export anonymized nicht funktioniert (VIS 1.1.2 und iobroker.pro) kann ich dieses leider nicht tun. Ich versuche aber die Tage das Projekt mal auf https://iobroker.click/ zu laden. Da hat dann jeder etwas davon 🙂

                                            @ltsalvatore:

                                            muss ich nun für jedes endgerät, welches ja eine andere auflösung hat, ein eigenes projekt im vis erstellen und in den entsprechenden projekten die passende auflösung nehmen?

                                            oder reicht es ein vis zu erstellen, und dieses dann responsive gestalten? wenn ja, wie ist dies realisierbar? `
                                            Ich habe für jedes mobile Endgerät eine eigene View erstellt (iPhone & iPad).

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            992
                                            Online

                                            31.6k
                                            Users

                                            79.4k
                                            Topics

                                            1.3m
                                            Posts

                                            185
                                            916
                                            351209
                                            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