Skip to content
  • Home
  • Recent
  • Tags
  • 0 Unread 0
  • Categories
  • Unreplied
  • Popular
  • 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

  • Default (No Skin)
  • No Skin
Collapse
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Tester
  4. Test Adapter iQontrol 2.0.x Vis (Entwicklungs-Thread)

NEWS

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

  • Monatsrückblick – September 2025
    BluefoxB
    Bluefox
    13
    1
    2.3k

  • Neues Video "KI im Smart Home" - ioBroker plus n8n
    BluefoxB
    Bluefox
    16
    1
    3.4k

Test Adapter iQontrol 2.0.x Vis (Entwicklungs-Thread)

Scheduled Pinned Locked Moved Tester
appdark-modeiqontrolresponsivevisvisualisierungvisualizationwidget
7.6k Posts 296 Posters 7.0m Views 201 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • B blackeagle998

    @frankthegreat
    Moin,

    1. Einstellungen der Kachel entsprechend Screenshot prüfen (Datentyp = Datenpunkt):
      955859b5-e971-4e3c-835c-0a41233e7101-image.png

    2. Skript ist angelegt und läuft auch (Status = grün)?
      563f324b-68f5-469c-8701-7cce5c486e01-image.png

    3. Falls 1. und 2. korrekt sind, wird die Uhrzeit im Datenpunkt HTML aktualisiert?

    4. Wenn es dann immer noch nicht läuft, wären ein paar Screenshots hilfreich (Datenpunkt, Skript).

    C Offline
    C Offline
    CrazyFloyd
    wrote on last edited by
    #2983

    @blackeagle998
    Was muss denn im HTML Code für Uhrzeit 21:03 und Datum Dienstag, 15.09.2020 als variable rein.
    Danke

    C 1 Reply Last reply
    0
    • M Mitico

      @s-bormann
      Hi danke für den tollen Adapter. Ist es irgendwie möglich die Namen bei nicht aktiven Kacheln anzuzeigen und bei aktiven auszublenden? Habe mehrere Kacheln mit Flot auf einer Seite hab den Namen ausgeblendet man weis jetzt aber nicht was was ist.

      s.bormannS Offline
      s.bormannS Offline
      s.bormann
      Most Active
      wrote on last edited by
      #2984

      @Mitico sagte in Test Adapter iQontrol 1.2.x:

      @s-bormann
      Hi danke für den tollen Adapter. Ist es irgendwie möglich die Namen bei nicht aktiven Kacheln anzuzeigen und bei aktiven auszublenden? Habe mehrere Kacheln mit Flot auf einer Seite hab den Namen ausgeblendet man weis jetzt aber nicht was was ist.

      Hi, ist noch nicht möglich. Ich überlege noch, wie ich das implementieren soll, ohne die Rückwärts-Kompatibilität zu gefährden, denn aktuell gibt es ja schon die Option, den Namen / State immer auszublenden. Die würde ja dann entfallen und es gäbe die neuen Optionen ausblenden bei inaktiv / aktiv / vergrößert... Ideen dazu?

      M 2 Replies Last reply
      0
      • B blackeagle998

        @sigi234
        @DocGame
        Hier die komplette Funktion mit den Standard-Werten:

        function fctUhrzeitDatum() {
            let Uhrzeit                 = String(formatDate(new Date(), "hh:mm"));
            let Datum                   = String(formatDate(new Date(), "DD.MM.YYYY"));
            let Wochentag               = String(formatDate(new Date(), "WW", "de"));
        		
            let Hintergrundfarbe        = '#0489B1';
            let str_HTML                = '';
            let str_HTML_style          = '';
         
            str_HTML_style = str_HTML_style + '<style>';
            str_HTML_style = str_HTML_style + '.body {background-color:' + Hintergrundfarbe + ';position: relative;text-align: center;}';
            str_HTML_style = str_HTML_style + '.content {position: relative;top: 30%;transform: translateY(-50%);';
            str_HTML_style = str_HTML_style + 'color:white;padding:5;text-align: right;margin: 0 auto;background-color:' + Hintergrundfarbe + ';}';
            str_HTML_style = str_HTML_style + '</style>';
         
            str_HTML = str_HTML_style;
            str_HTML = str_HTML + '<html><body class="body">';
            str_HTML = str_HTML + '<div class="content">';
            str_HTML = str_HTML + '<span style="font-size:48pt;"><b>' + Uhrzeit + ' Uhr</b></span><br>';
            str_HTML = str_HTML + '<span style="font-size:20pt;"><i>' + Wochentag + ', ' + Datum + ' Uhr</i></span>';
            str_HTML = str_HTML + '</div></body></html>';
         
            return str_HTML;
        }
        

        Die auskommentierten Zeilen sind mit Datenpunkten, wo man diese Werte (Farbe, Größe etc.) steuern kann.
        Wenn ihr das nicht braucht, löscht diese Zeilen oder lasst sie als Kommentar drin.

        EDIT: ich sehe gerade, dass ich die Schriftgrößen und Farben ja fest im Code habe, das muss ich noch anpassen, sodass auch die Werte der Variablen genommen werden. Die Hintergrundfarbe ist schon korrekt als Variable integriert.

        EDIT_2: Funktion auf das gekürzt, was notwendig ist, damit es erstmal funktioniert.

        D Offline
        D Offline
        DocGame
        wrote on last edited by
        #2985

        @blackeagle998 Ich pausiere erstmal einen Tag bei dem Projekt... Bin völlig durch den Wind. Mit dem letzten Code kommen zwar keine Meldungen mehr... aber: Datum.JPG
        da war die erste doch noch am besten. Die hat ziemlich gepasst..

        1 Reply Last reply
        0
        • D DocGame

          @s-bormann Ich habe die letzte Version von Git installiert, finde aber leider nicht die Einstellung zum Skalieren der Icons. Wo sind diese denn versteckt?
          @blackeagle998 Das mir der Uhr klappt super.....Vielen Dank. Da ja auf der Kachel bei den derzeitigen Kachelgrößen noch jede Menge Platz ist, könnte man ja auch noch States aus dem "DasWetter.com" Adapter an den Datenpunkt anhängen und hätte somit 2 Fliegen mir einer Klappe geschlagen. Leider blicke ich nicht durch, was ich an deinem Script anhängen muss um diese Infos an die "DatenpunktHTML" anzuhängen. Denkbar wäre so was aber....oder?

          s.bormannS Offline
          s.bormannS Offline
          s.bormann
          Most Active
          wrote on last edited by
          #2986

          @DocGame sagte in Test Adapter iQontrol 1.2.x:

          @s-bormann Ich habe die letzte Version von Git installiert, finde aber leider nicht die Einstellung zum Skalieren der Icons. Wo sind diese denn versteckt?
          @blackeagle998 Das mir der Uhr klappt super.....Vielen Dank. Da ja auf der Kachel bei den derzeitigen Kachelgrößen noch jede Menge Platz ist, könnte man ja auch noch States aus dem "DasWetter.com" Adapter an den Datenpunkt anhängen und hätte somit 2 Fliegen mir einer Klappe geschlagen. Leider blicke ich nicht durch, was ich an deinem Script anhängen muss um diese Infos an die "DatenpunktHTML" anzuhängen. Denkbar wäre so was aber....oder?

          Die Optionen für große Icons findest Du in den Geräteeinstellungen:
          7681952b-5b53-437c-9753-88c6019c5fc2-image.png
          VG

          D 1 Reply Last reply
          0
          • C CrazyFloyd

            @blackeagle998
            Was muss denn im HTML Code für Uhrzeit 21:03 und Datum Dienstag, 15.09.2020 als variable rein.
            Danke

            C Offline
            C Offline
            CrazyFloyd
            wrote on last edited by
            #2987

            @CrazyFloyd sagte in Test Adapter iQontrol 1.2.x:

            @blackeagle998
            Was muss denn im HTML Code für Uhrzeit 21:03 und Datum Dienstag, 15.09.2020 als variable rein.
            Danke
            Mein Problem hat sich von selber gelöst. Danke sehr.

            1 Reply Last reply
            0
            • s.bormannS s.bormann

              @DocGame sagte in Test Adapter iQontrol 1.2.x:

              @s-bormann Ich habe die letzte Version von Git installiert, finde aber leider nicht die Einstellung zum Skalieren der Icons. Wo sind diese denn versteckt?
              @blackeagle998 Das mir der Uhr klappt super.....Vielen Dank. Da ja auf der Kachel bei den derzeitigen Kachelgrößen noch jede Menge Platz ist, könnte man ja auch noch States aus dem "DasWetter.com" Adapter an den Datenpunkt anhängen und hätte somit 2 Fliegen mir einer Klappe geschlagen. Leider blicke ich nicht durch, was ich an deinem Script anhängen muss um diese Infos an die "DatenpunktHTML" anzuhängen. Denkbar wäre so was aber....oder?

              Die Optionen für große Icons findest Du in den Geräteeinstellungen:
              7681952b-5b53-437c-9753-88c6019c5fc2-image.png
              VG

              D Offline
              D Offline
              DocGame
              wrote on last edited by DocGame
              #2988

              @s-bormann Wenn es bei mir so aussehen würde hätte ich es gefunden.
              Hier sieht es so aus...(Gerade nochmals mit der neusten GIT-Version und update:
              Kacheln.JPG
              Habe es mit verschiedenen Gerätetypen (Licht, Jalousie usw.) und verschiedenen Kachelgrößen probiert.
              Die Punkte, die man bei dir sieht kommen nirgends.

              frankthegreatF s.bormannS 2 Replies Last reply
              0
              • D DocGame

                @s-bormann Wenn es bei mir so aussehen würde hätte ich es gefunden.
                Hier sieht es so aus...(Gerade nochmals mit der neusten GIT-Version und update:
                Kacheln.JPG
                Habe es mit verschiedenen Gerätetypen (Licht, Jalousie usw.) und verschiedenen Kachelgrößen probiert.
                Die Punkte, die man bei dir sieht kommen nirgends.

                frankthegreatF Offline
                frankthegreatF Offline
                frankthegreat
                wrote on last edited by
                #2989

                @DocGame
                Versuch mal Gerätetyp "Widget". Damit gehts bei mir.

                1 Reply Last reply
                0
                • D DocGame

                  @s-bormann Wenn es bei mir so aussehen würde hätte ich es gefunden.
                  Hier sieht es so aus...(Gerade nochmals mit der neusten GIT-Version und update:
                  Kacheln.JPG
                  Habe es mit verschiedenen Gerätetypen (Licht, Jalousie usw.) und verschiedenen Kachelgrößen probiert.
                  Die Punkte, die man bei dir sieht kommen nirgends.

                  s.bormannS Offline
                  s.bormannS Offline
                  s.bormann
                  Most Active
                  wrote on last edited by
                  #2990

                  @DocGame Habe gerade gesehen, beim upload auf github gabs eine Fehlermeldung. Das habe ich gestern nicht bemerkt. Versuche es bitte jetzt noch mal.

                  1 Reply Last reply
                  0
                  • B Offline
                    B Offline
                    blackeagle998
                    wrote on last edited by blackeagle998
                    #2991

                    @DocGame @sigi234 @CrazyFloyd @frankthegreat
                    So, jetzt nochmal ganz in Ruhe.
                    Nachfolgend findet ihr das komplette Skript, den Inhalt könnt ihr so übernehmen.
                    Es sind sowohl die ursprüngliche (alte) Variante = fctUhrzeitDatumOld, als auch die neue Variante = fctUhrzeitDatum enthalten.

                    Das Ergebnis der alten Variante wird in den Datenpunkt "0_userdata.0.Zeit.HTML_Uhrzeit_und_Datum_old" geschrieben.
                    Das Ergebnis der neuen Variante wird in den Datenpunkt "0_userdata.0.Zeit.HTML_Uhrzeit_und_Datum" geschrieben.
                    Diese beiden Datenpunkte braucht ihr.

                    So könnt ihr zwei Kacheln anlegen und beide Ergebnisse direkt vergleichen.

                    Hier nun das komplette Skript:

                    schedule("*/10 * * * * *", function () {
                      setState('0_userdata.0.Zeit.HTML_Uhrzeit_und_Datum', fctUhrzeitDatum());
                      setState('0_userdata.0.Zeit.HTML_Uhrzeit_und_Datum_old', fctUhrzeitDatumOld());
                    })
                    
                    function fctUhrzeitDatum() {
                    	let Uhrzeit                 = String(formatDate(new Date(), "hh:mm"));
                    	let Datum                   = String(formatDate(new Date(), "DD.MM.YYYY"));
                    	let Wochentag               = String(formatDate(new Date(), "WW", "de"));
                    	
                    	let Hintergrundfarbe        = '#0489B1';
                    	let Schriftfarbe            = 'White';
                    	let Schriftgroesse_Uhr      = 48;
                    	let Schriftgroesse_Datum    = 20;
                        let str_HTML                = '';
                        let str_HTML_style          = '';
                    
                        str_HTML_style = str_HTML_style + '<style>';
                        str_HTML_style = str_HTML_style + '.body {background-color:' + Hintergrundfarbe + ';position: relative;text-align: center;}';
                        str_HTML_style = str_HTML_style + '.content {position: relative;top: 30%;transform: translateY(-50%);';
                        str_HTML_style = str_HTML_style + 'color:' + Schriftfarbe + ';padding:5;text-align: right;margin: 0 auto;background-color:' + Hintergrundfarbe + ';}';
                        str_HTML_style = str_HTML_style + '</style>';
                    
                        str_HTML = str_HTML_style;
                        str_HTML = str_HTML + '<html><body class="body">';
                        str_HTML = str_HTML + '<div class="content">';
                        str_HTML = str_HTML + '<span style="font-size:' + Schriftgroesse_Uhr + 'pt;"><b>' + Uhrzeit + ' Uhr</b></span><br>';
                        str_HTML = str_HTML + '<span style="font-size:' + Schriftgroesse_Datum + 'pt;"><i>' + Wochentag + ', ' + Datum + '</i></span>';
                        str_HTML = str_HTML + '</div></body></html>';
                    
                    	return str_HTML;
                    }
                    
                    function fctUhrzeitDatumOld() {
                    	let Uhrzeit = String(formatDate(new Date(), "hh:mm"));
                    	let Datum = String(formatDate(new Date(), "DD.MM.YYYY"));
                    	let Wochentag = String(formatDate(new Date(), "WW", "de"));
                    	
                    	let Hintergrundfarbe = '#0489B1';
                    	let Schriftfarbe_Uhr = 'White';
                    	let Schriftgroesse_Uhr = 48;
                    	let Schriftfarbe_Datum = 'White';
                    	let Schriftgroesse_Datum = 12;
                    	let Uhrzeit_und_Datum_HTML = '';
                    	
                    	Uhrzeit_und_Datum_HTML = Uhrzeit_und_Datum_HTML + '<html><body bgcolor=' + Hintergrundfarbe;
                    	Uhrzeit_und_Datum_HTML = Uhrzeit_und_Datum_HTML + '><center><div style="text-align:center;vertical-align:middle;"><a style="text-decoration:none;border-style:none;color:' + Schriftfarbe_Uhr;
                    	Uhrzeit_und_Datum_HTML = Uhrzeit_und_Datum_HTML + ';font-family:Verdana, sans-serif;font-weight:bold;font-size:' + Schriftgroesse_Uhr;
                    	Uhrzeit_und_Datum_HTML = Uhrzeit_und_Datum_HTML + 'px;line-height:120%;">' + Uhrzeit + ' Uhr</a><br/><a style="text-decoration:none;border-style:none;color:' + Schriftfarbe_Datum;
                    	Uhrzeit_und_Datum_HTML = Uhrzeit_und_Datum_HTML + ';font-family:Verdana, sans-serif;font-weight:bold;font-size:' + Schriftgroesse_Datum;
                    	Uhrzeit_und_Datum_HTML = Uhrzeit_und_Datum_HTML + 'px;">' + Wochentag + ', ' + Datum +'</a></div></center></body></html>';
                    	
                    	return Uhrzeit_und_Datum_HTML;
                    }
                    

                    Bitte macht mal Screenshots wie das bei euch aussieht, gerne auch mit anderen Farben :-)

                    sigi234S 2 Replies Last reply
                    1
                    • B Offline
                      B Offline
                      blackeagle998
                      wrote on last edited by
                      #2992

                      @s-bormann
                      446995d8-740d-4b39-a8e6-192699518ffe-image.png

                      Kannst du mi kurz helfen, wie das genau funktioniert?
                      Ich habe eine Widget Kachel 3x3, die maximiert als Full Screen dargestellt wird.
                      Gehe ich rechts oben über die vergrößern-Schaltfläche geht das auch wunderbar.
                      Beim Klick auf das Icon, wird dieses zwar aktiv, aber es passiert nichts weiter, also keine Vergrößerung.
                      Was mache ich falsch?

                      Auszug Entwicklerkonsole:

                      index.js:2357 >>>>>> setState TEMP:iqontrol.0.Views.Home.devices.6.STATE: false --> true
                      index.js:2460        setState only local, because state ist CONST, ARRAY or TEMP
                      index.js:6333 CLICK TOGGLE
                      index.js:4028 Find active Toolbar Index
                      index.js:2453 << preventUpdate dexpired.
                      index.js:6145 Add timestamp to Google Maps with value Ein
                      index.js:6083 ["active"]
                      index.js:6101 Shuffle! resizeObserver 100
                      index.js:6105 Shuffle! resizeObserver 1250
                      
                      s.bormannS 1 Reply Last reply
                      0
                      • B blackeagle998

                        @s-bormann
                        446995d8-740d-4b39-a8e6-192699518ffe-image.png

                        Kannst du mi kurz helfen, wie das genau funktioniert?
                        Ich habe eine Widget Kachel 3x3, die maximiert als Full Screen dargestellt wird.
                        Gehe ich rechts oben über die vergrößern-Schaltfläche geht das auch wunderbar.
                        Beim Klick auf das Icon, wird dieses zwar aktiv, aber es passiert nichts weiter, also keine Vergrößerung.
                        Was mache ich falsch?

                        Auszug Entwicklerkonsole:

                        index.js:2357 >>>>>> setState TEMP:iqontrol.0.Views.Home.devices.6.STATE: false --> true
                        index.js:2460        setState only local, because state ist CONST, ARRAY or TEMP
                        index.js:6333 CLICK TOGGLE
                        index.js:4028 Find active Toolbar Index
                        index.js:2453 << preventUpdate dexpired.
                        index.js:6145 Add timestamp to Google Maps with value Ein
                        index.js:6083 ["active"]
                        index.js:6101 Shuffle! resizeObserver 100
                        index.js:6105 Shuffle! resizeObserver 1250
                        
                        s.bormannS Offline
                        s.bormannS Offline
                        s.bormann
                        Most Active
                        wrote on last edited by
                        #2993

                        @blackeagle998 Theoretisch kannst Du ja 3 Größen angeben: inaktiv/aktiv/vergrößert.
                        Zwischen inaktiv/aktiv kannst Du mit dem Widget-Icon (und dem dahinter unsichtbar verborgenen virtuellen Datenpunkt) umschalten. Aus beiden Zuständen heraus kannst Du mit dem Vergrößern-Icon auf die vergrößert-Größe umschalten.

                        (Eigentlich glaube ich, braucht man den virtuellen Datenpunkt gar nicht mehr - ich hatte das nur programmiert, bevor ich auf die Idee mit dem Vergrößern-Icon gekommen bin).

                        B 1 Reply Last reply
                        0
                        • s.bormannS s.bormann

                          @blackeagle998 Theoretisch kannst Du ja 3 Größen angeben: inaktiv/aktiv/vergrößert.
                          Zwischen inaktiv/aktiv kannst Du mit dem Widget-Icon (und dem dahinter unsichtbar verborgenen virtuellen Datenpunkt) umschalten. Aus beiden Zuständen heraus kannst Du mit dem Vergrößern-Icon auf die vergrößert-Größe umschalten.

                          (Eigentlich glaube ich, braucht man den virtuellen Datenpunkt gar nicht mehr - ich hatte das nur programmiert, bevor ich auf die Idee mit dem Vergrößern-Icon gekommen bin).

                          B Offline
                          B Offline
                          blackeagle998
                          wrote on last edited by
                          #2994

                          @s-bormann
                          Ah okay, hab's verstanden, danke dir!

                          1 Reply Last reply
                          0
                          • B blackeagle998

                            @DocGame @sigi234 @CrazyFloyd @frankthegreat
                            So, jetzt nochmal ganz in Ruhe.
                            Nachfolgend findet ihr das komplette Skript, den Inhalt könnt ihr so übernehmen.
                            Es sind sowohl die ursprüngliche (alte) Variante = fctUhrzeitDatumOld, als auch die neue Variante = fctUhrzeitDatum enthalten.

                            Das Ergebnis der alten Variante wird in den Datenpunkt "0_userdata.0.Zeit.HTML_Uhrzeit_und_Datum_old" geschrieben.
                            Das Ergebnis der neuen Variante wird in den Datenpunkt "0_userdata.0.Zeit.HTML_Uhrzeit_und_Datum" geschrieben.
                            Diese beiden Datenpunkte braucht ihr.

                            So könnt ihr zwei Kacheln anlegen und beide Ergebnisse direkt vergleichen.

                            Hier nun das komplette Skript:

                            schedule("*/10 * * * * *", function () {
                              setState('0_userdata.0.Zeit.HTML_Uhrzeit_und_Datum', fctUhrzeitDatum());
                              setState('0_userdata.0.Zeit.HTML_Uhrzeit_und_Datum_old', fctUhrzeitDatumOld());
                            })
                            
                            function fctUhrzeitDatum() {
                            	let Uhrzeit                 = String(formatDate(new Date(), "hh:mm"));
                            	let Datum                   = String(formatDate(new Date(), "DD.MM.YYYY"));
                            	let Wochentag               = String(formatDate(new Date(), "WW", "de"));
                            	
                            	let Hintergrundfarbe        = '#0489B1';
                            	let Schriftfarbe            = 'White';
                            	let Schriftgroesse_Uhr      = 48;
                            	let Schriftgroesse_Datum    = 20;
                                let str_HTML                = '';
                                let str_HTML_style          = '';
                            
                                str_HTML_style = str_HTML_style + '<style>';
                                str_HTML_style = str_HTML_style + '.body {background-color:' + Hintergrundfarbe + ';position: relative;text-align: center;}';
                                str_HTML_style = str_HTML_style + '.content {position: relative;top: 30%;transform: translateY(-50%);';
                                str_HTML_style = str_HTML_style + 'color:' + Schriftfarbe + ';padding:5;text-align: right;margin: 0 auto;background-color:' + Hintergrundfarbe + ';}';
                                str_HTML_style = str_HTML_style + '</style>';
                            
                                str_HTML = str_HTML_style;
                                str_HTML = str_HTML + '<html><body class="body">';
                                str_HTML = str_HTML + '<div class="content">';
                                str_HTML = str_HTML + '<span style="font-size:' + Schriftgroesse_Uhr + 'pt;"><b>' + Uhrzeit + ' Uhr</b></span><br>';
                                str_HTML = str_HTML + '<span style="font-size:' + Schriftgroesse_Datum + 'pt;"><i>' + Wochentag + ', ' + Datum + '</i></span>';
                                str_HTML = str_HTML + '</div></body></html>';
                            
                            	return str_HTML;
                            }
                            
                            function fctUhrzeitDatumOld() {
                            	let Uhrzeit = String(formatDate(new Date(), "hh:mm"));
                            	let Datum = String(formatDate(new Date(), "DD.MM.YYYY"));
                            	let Wochentag = String(formatDate(new Date(), "WW", "de"));
                            	
                            	let Hintergrundfarbe = '#0489B1';
                            	let Schriftfarbe_Uhr = 'White';
                            	let Schriftgroesse_Uhr = 48;
                            	let Schriftfarbe_Datum = 'White';
                            	let Schriftgroesse_Datum = 12;
                            	let Uhrzeit_und_Datum_HTML = '';
                            	
                            	Uhrzeit_und_Datum_HTML = Uhrzeit_und_Datum_HTML + '<html><body bgcolor=' + Hintergrundfarbe;
                            	Uhrzeit_und_Datum_HTML = Uhrzeit_und_Datum_HTML + '><center><div style="text-align:center;vertical-align:middle;"><a style="text-decoration:none;border-style:none;color:' + Schriftfarbe_Uhr;
                            	Uhrzeit_und_Datum_HTML = Uhrzeit_und_Datum_HTML + ';font-family:Verdana, sans-serif;font-weight:bold;font-size:' + Schriftgroesse_Uhr;
                            	Uhrzeit_und_Datum_HTML = Uhrzeit_und_Datum_HTML + 'px;line-height:120%;">' + Uhrzeit + ' Uhr</a><br/><a style="text-decoration:none;border-style:none;color:' + Schriftfarbe_Datum;
                            	Uhrzeit_und_Datum_HTML = Uhrzeit_und_Datum_HTML + ';font-family:Verdana, sans-serif;font-weight:bold;font-size:' + Schriftgroesse_Datum;
                            	Uhrzeit_und_Datum_HTML = Uhrzeit_und_Datum_HTML + 'px;">' + Wochentag + ', ' + Datum +'</a></div></center></body></html>';
                            	
                            	return Uhrzeit_und_Datum_HTML;
                            }
                            

                            Bitte macht mal Screenshots wie das bei euch aussieht, gerne auch mit anderen Farben :-)

                            sigi234S Online
                            sigi234S Online
                            sigi234
                            Forum Testing Most Active
                            wrote on last edited by sigi234
                            #2995

                            @blackeagle998

                            Screenshot (600).png

                            DP müssen eine Zeichenkette sein.

                            Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
                            Immer Daten sichern!

                            B 1 Reply Last reply
                            0
                            • sigi234S sigi234

                              @blackeagle998

                              Screenshot (600).png

                              DP müssen eine Zeichenkette sein.

                              B Offline
                              B Offline
                              blackeagle998
                              wrote on last edited by
                              #2996

                              @sigi234
                              Existieren die beiden Datenpunkte aus Zeile 2 und 3 auch? Sonst musst du die manuell anlegen.
                              Du kannst die auch gerne anders benennen, musst es dann nur im Skript auch anpassen.

                              1 Reply Last reply
                              0
                              • B blackeagle998

                                @DocGame @sigi234 @CrazyFloyd @frankthegreat
                                So, jetzt nochmal ganz in Ruhe.
                                Nachfolgend findet ihr das komplette Skript, den Inhalt könnt ihr so übernehmen.
                                Es sind sowohl die ursprüngliche (alte) Variante = fctUhrzeitDatumOld, als auch die neue Variante = fctUhrzeitDatum enthalten.

                                Das Ergebnis der alten Variante wird in den Datenpunkt "0_userdata.0.Zeit.HTML_Uhrzeit_und_Datum_old" geschrieben.
                                Das Ergebnis der neuen Variante wird in den Datenpunkt "0_userdata.0.Zeit.HTML_Uhrzeit_und_Datum" geschrieben.
                                Diese beiden Datenpunkte braucht ihr.

                                So könnt ihr zwei Kacheln anlegen und beide Ergebnisse direkt vergleichen.

                                Hier nun das komplette Skript:

                                schedule("*/10 * * * * *", function () {
                                  setState('0_userdata.0.Zeit.HTML_Uhrzeit_und_Datum', fctUhrzeitDatum());
                                  setState('0_userdata.0.Zeit.HTML_Uhrzeit_und_Datum_old', fctUhrzeitDatumOld());
                                })
                                
                                function fctUhrzeitDatum() {
                                	let Uhrzeit                 = String(formatDate(new Date(), "hh:mm"));
                                	let Datum                   = String(formatDate(new Date(), "DD.MM.YYYY"));
                                	let Wochentag               = String(formatDate(new Date(), "WW", "de"));
                                	
                                	let Hintergrundfarbe        = '#0489B1';
                                	let Schriftfarbe            = 'White';
                                	let Schriftgroesse_Uhr      = 48;
                                	let Schriftgroesse_Datum    = 20;
                                    let str_HTML                = '';
                                    let str_HTML_style          = '';
                                
                                    str_HTML_style = str_HTML_style + '<style>';
                                    str_HTML_style = str_HTML_style + '.body {background-color:' + Hintergrundfarbe + ';position: relative;text-align: center;}';
                                    str_HTML_style = str_HTML_style + '.content {position: relative;top: 30%;transform: translateY(-50%);';
                                    str_HTML_style = str_HTML_style + 'color:' + Schriftfarbe + ';padding:5;text-align: right;margin: 0 auto;background-color:' + Hintergrundfarbe + ';}';
                                    str_HTML_style = str_HTML_style + '</style>';
                                
                                    str_HTML = str_HTML_style;
                                    str_HTML = str_HTML + '<html><body class="body">';
                                    str_HTML = str_HTML + '<div class="content">';
                                    str_HTML = str_HTML + '<span style="font-size:' + Schriftgroesse_Uhr + 'pt;"><b>' + Uhrzeit + ' Uhr</b></span><br>';
                                    str_HTML = str_HTML + '<span style="font-size:' + Schriftgroesse_Datum + 'pt;"><i>' + Wochentag + ', ' + Datum + '</i></span>';
                                    str_HTML = str_HTML + '</div></body></html>';
                                
                                	return str_HTML;
                                }
                                
                                function fctUhrzeitDatumOld() {
                                	let Uhrzeit = String(formatDate(new Date(), "hh:mm"));
                                	let Datum = String(formatDate(new Date(), "DD.MM.YYYY"));
                                	let Wochentag = String(formatDate(new Date(), "WW", "de"));
                                	
                                	let Hintergrundfarbe = '#0489B1';
                                	let Schriftfarbe_Uhr = 'White';
                                	let Schriftgroesse_Uhr = 48;
                                	let Schriftfarbe_Datum = 'White';
                                	let Schriftgroesse_Datum = 12;
                                	let Uhrzeit_und_Datum_HTML = '';
                                	
                                	Uhrzeit_und_Datum_HTML = Uhrzeit_und_Datum_HTML + '<html><body bgcolor=' + Hintergrundfarbe;
                                	Uhrzeit_und_Datum_HTML = Uhrzeit_und_Datum_HTML + '><center><div style="text-align:center;vertical-align:middle;"><a style="text-decoration:none;border-style:none;color:' + Schriftfarbe_Uhr;
                                	Uhrzeit_und_Datum_HTML = Uhrzeit_und_Datum_HTML + ';font-family:Verdana, sans-serif;font-weight:bold;font-size:' + Schriftgroesse_Uhr;
                                	Uhrzeit_und_Datum_HTML = Uhrzeit_und_Datum_HTML + 'px;line-height:120%;">' + Uhrzeit + ' Uhr</a><br/><a style="text-decoration:none;border-style:none;color:' + Schriftfarbe_Datum;
                                	Uhrzeit_und_Datum_HTML = Uhrzeit_und_Datum_HTML + ';font-family:Verdana, sans-serif;font-weight:bold;font-size:' + Schriftgroesse_Datum;
                                	Uhrzeit_und_Datum_HTML = Uhrzeit_und_Datum_HTML + 'px;">' + Wochentag + ', ' + Datum +'</a></div></center></body></html>';
                                	
                                	return Uhrzeit_und_Datum_HTML;
                                }
                                

                                Bitte macht mal Screenshots wie das bei euch aussieht, gerne auch mit anderen Farben :-)

                                sigi234S Online
                                sigi234S Online
                                sigi234
                                Forum Testing Most Active
                                wrote on last edited by sigi234
                                #2997

                                @blackeagle998 sagte in Test Adapter iQontrol 1.2.x:

                                Bitte macht mal Screenshots wie das bei euch aussieht, gerne auch mit anderen Farben

                                Screenshot (603).png

                                Screenshot (605).png

                                Experimentiere gerade..........Interessant wäre es auch ohne Farbe also Transparent.

                                Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
                                Immer Daten sichern!

                                B 1 Reply Last reply
                                1
                                • sigi234S sigi234

                                  @blackeagle998 sagte in Test Adapter iQontrol 1.2.x:

                                  Bitte macht mal Screenshots wie das bei euch aussieht, gerne auch mit anderen Farben

                                  Screenshot (603).png

                                  Screenshot (605).png

                                  Experimentiere gerade..........Interessant wäre es auch ohne Farbe also Transparent.

                                  B Offline
                                  B Offline
                                  blackeagle998
                                  wrote on last edited by
                                  #2998

                                  @sigi234
                                  Na sehr schön!
                                  Der Screenshot ist vom PC nicht von einem mobilen Endgerät oder?
                                  Am PC ist auf den Kacheln nämlich noch Platz.

                                  sigi234S D 2 Replies Last reply
                                  0
                                  • B blackeagle998

                                    @sigi234
                                    Na sehr schön!
                                    Der Screenshot ist vom PC nicht von einem mobilen Endgerät oder?
                                    Am PC ist auf den Kacheln nämlich noch Platz.

                                    sigi234S Online
                                    sigi234S Online
                                    sigi234
                                    Forum Testing Most Active
                                    wrote on last edited by
                                    #2999

                                    @blackeagle998 sagte in Test Adapter iQontrol 1.2.x:

                                    Der Screenshot ist vom PC nicht von einem mobilen Endgerät oder?

                                    Ja Pc

                                    Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
                                    Immer Daten sichern!

                                    M 1 Reply Last reply
                                    0
                                    • sigi234S sigi234

                                      @blackeagle998 sagte in Test Adapter iQontrol 1.2.x:

                                      Der Screenshot ist vom PC nicht von einem mobilen Endgerät oder?

                                      Ja Pc

                                      M Offline
                                      M Offline
                                      muuulle
                                      wrote on last edited by
                                      #3000

                                      @s-bormann
                                      Ich habe großen Respekt vor der Entwicklung des Adapters; die Geschwindigkeit der Weiterentwicklung ist großartig!

                                      Am meisten freut mich aber, wie du auf Wünsche der Community eingehst!

                                      ... das musste jetzt mal gesagt werden :grimacing:

                                      1 Reply Last reply
                                      4
                                      • s.bormannS s.bormann

                                        @Mitico sagte in Test Adapter iQontrol 1.2.x:

                                        @s-bormann
                                        Hi danke für den tollen Adapter. Ist es irgendwie möglich die Namen bei nicht aktiven Kacheln anzuzeigen und bei aktiven auszublenden? Habe mehrere Kacheln mit Flot auf einer Seite hab den Namen ausgeblendet man weis jetzt aber nicht was was ist.

                                        Hi, ist noch nicht möglich. Ich überlege noch, wie ich das implementieren soll, ohne die Rückwärts-Kompatibilität zu gefährden, denn aktuell gibt es ja schon die Option, den Namen / State immer auszublenden. Die würde ja dann entfallen und es gäbe die neuen Optionen ausblenden bei inaktiv / aktiv / vergrößert... Ideen dazu?

                                        M Offline
                                        M Offline
                                        Mitico
                                        wrote on last edited by
                                        #3001

                                        @s-bormann said in Test Adapter iQontrol 1.2.x:

                                        @Mitico sagte in Test Adapter iQontrol 1.2.x:

                                        @s-bormann
                                        Hi danke für den tollen Adapter. Ist es irgendwie möglich die Namen bei nicht aktiven Kacheln anzuzeigen und bei aktiven auszublenden? Habe mehrere Kacheln mit Flot auf einer Seite hab den Namen ausgeblendet man weis jetzt aber nicht was was ist.

                                        Hi, ist noch nicht möglich. Ich überlege noch, wie ich das implementieren soll, ohne die Rückwärts-Kompatibilität zu gefährden, denn aktuell gibt es ja schon die Option, den Namen / State immer auszublenden. Die würde ja dann entfallen und es gäbe die neuen Optionen ausblenden bei inaktiv / aktiv / vergrößert... Ideen dazu?

                                        Am besten wäre es wie bei ADDITIONAL_INFO das man auswählen kann zwischen immer ausgeblendeten oder nur bei aktiv bzw. nicht aktiv und vergrößert als Extra Punkt.

                                        1 Reply Last reply
                                        0
                                        • B blackeagle998

                                          @sigi234
                                          Na sehr schön!
                                          Der Screenshot ist vom PC nicht von einem mobilen Endgerät oder?
                                          Am PC ist auf den Kacheln nämlich noch Platz.

                                          D Offline
                                          D Offline
                                          DocGame
                                          wrote on last edited by
                                          #3002

                                          @blackeagle998
                                          Old funktioniert. Die Version mit dem Uhrensymbol will nicht. Komisch, da @sigi234 sicherlich genau das selbe gemacht hat.
                                          2Uhren.JPG

                                          B 1 Reply Last reply
                                          0
                                          Reply
                                          • Reply as topic
                                          Log in to reply
                                          • Oldest to Newest
                                          • Newest to Oldest
                                          • Most Votes


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          583

                                          Online

                                          32.4k

                                          Users

                                          81.6k

                                          Topics

                                          1.3m

                                          Posts
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Login

                                          • Don't have an account? Register

                                          • Login or register to search.
                                          • First post
                                            Last post
                                          0
                                          • Home
                                          • Recent
                                          • Tags
                                          • Unread 0
                                          • Categories
                                          • Unreplied
                                          • Popular
                                          • GitHub
                                          • Docu
                                          • Hilfe