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

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

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. Vorlagen/Ideen MüllPlan VIEW / Widget ?

NEWS

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

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

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

Vorlagen/Ideen MüllPlan VIEW / Widget ?

Geplant Angeheftet Gesperrt Verschoben Visualisierung
vis
317 Beiträge 41 Kommentatoren 63.4k Aufrufe 49 Watching
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • crunchipC crunchip

    @moppel2810 nein aber ich habe im Google Kalender es so hinterlegt, wie oben zu sehen, du hast die Wortwahl....Tonne geändert.
    Damit aktualisiert wird...nicht vergessen den java Adapter neu zu starten, nicht nur den ical

    moppel2810M Offline
    moppel2810M Offline
    moppel2810
    schrieb am zuletzt editiert von
    #90

    @crunchip
    Unbenannt1.JPG

    ist das denn normal das da überall -1 steht?

    crunchipC 1 Antwort Letzte Antwort
    0
    • moppel2810M moppel2810

      @crunchip
      Unbenannt1.JPG

      ist das denn normal das da überall -1 steht?

      crunchipC Abwesend
      crunchipC Abwesend
      crunchip
      Forum Testing Most Active
      schrieb am zuletzt editiert von crunchip
      #91

      @moppel2810 ja, weil die Abfrage nicht stimmt.
      Jetzt nochmal, du hast Schwarze Tonne, Blaue Tonne...hinterlegt.
      Im Skript wird nach Restmuell, Papiertonne...gesucht.
      Im anderen Skript ist der Suchstring Rest, Bio, Papier, Gelber Sack
      das muss übereinstimmen, sonst kann er ja nichts finden.
      Also musst du deine Einträge (Schwarze, Blaue, Gelbe, Grüne-Tonne) ändern.
      Oder eben in den Skripten ändern, einfacher ist es aber für dich erstmal deine Tonnen zu ändern, anstatt die Skripte zu ändern

      umgestiegen von Proxmox auf Unraid

      moppel2810M 1 Antwort Letzte Antwort
      0
      • crunchipC crunchip

        @moppel2810 ja, weil die Abfrage nicht stimmt.
        Jetzt nochmal, du hast Schwarze Tonne, Blaue Tonne...hinterlegt.
        Im Skript wird nach Restmuell, Papiertonne...gesucht.
        Im anderen Skript ist der Suchstring Rest, Bio, Papier, Gelber Sack
        das muss übereinstimmen, sonst kann er ja nichts finden.
        Also musst du deine Einträge (Schwarze, Blaue, Gelbe, Grüne-Tonne) ändern.
        Oder eben in den Skripten ändern, einfacher ist es aber für dich erstmal deine Tonnen zu ändern, anstatt die Skripte zu ändern

        moppel2810M Offline
        moppel2810M Offline
        moppel2810
        schrieb am zuletzt editiert von moppel2810
        #92

        @crunchip
        Ich check das nicht:man-facepalming:
        Hab jetzt alle Namen der Tonnen überall gleich. in den skripten und auch sonst.

        crunchipC GlasfaserG 2 Antworten Letzte Antwort
        0
        • moppel2810M moppel2810

          @crunchip
          Ich check das nicht:man-facepalming:
          Hab jetzt alle Namen der Tonnen überall gleich. in den skripten und auch sonst.

          crunchipC Abwesend
          crunchipC Abwesend
          crunchip
          Forum Testing Most Active
          schrieb am zuletzt editiert von
          #93

          @moppel2810 was gibt´s denn da nicht zu checken, hehe
          du sollst in deinem Kalender eintragen
          Gelber Sack, Biotonne, Restmuell, Papiertonne...so wie hier zu sehen
          d024102d-ed67-431a-bab3-b11cbba08793-image.png
          und im Adapter diese bei Ereignisse eintragen

          die Skripte so lassen, wie sie sind

          umgestiegen von Proxmox auf Unraid

          moppel2810M 1 Antwort Letzte Antwort
          0
          • moppel2810M moppel2810

            @crunchip
            Ich check das nicht:man-facepalming:
            Hab jetzt alle Namen der Tonnen überall gleich. in den skripten und auch sonst.

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

            @moppel2810

            Hast du überhaupt etwas in den Datenpunkten vorhanden !?

            1.JPG

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

            1 Antwort Letzte Antwort
            0
            • crunchipC crunchip

              @moppel2810 was gibt´s denn da nicht zu checken, hehe
              du sollst in deinem Kalender eintragen
              Gelber Sack, Biotonne, Restmuell, Papiertonne...so wie hier zu sehen
              d024102d-ed67-431a-bab3-b11cbba08793-image.png
              und im Adapter diese bei Ereignisse eintragen

              die Skripte so lassen, wie sie sind

              moppel2810M Offline
              moppel2810M Offline
              moppel2810
              schrieb am zuletzt editiert von
              #95

              @crunchip

              Achso. Ich hab nur die Daten von meinem Entsorger übernommen.

              crunchipC 1 Antwort Letzte Antwort
              0
              • moppel2810M moppel2810

                @crunchip

                Achso. Ich hab nur die Daten von meinem Entsorger übernommen.

                crunchipC Abwesend
                crunchipC Abwesend
                crunchip
                Forum Testing Most Active
                schrieb am zuletzt editiert von crunchip
                #96

                @moppel2810 ja wenn du das übernehmen willst, dann musst du die Skripte anpassen

                Im skript Abfalltermine diesen Part

                const EINTRAEGE = {                       
                    "Restmuell": 'Vis.muell.restmuell',
                    "Papiertonne": 'Vis.muell.papiertonne',
                    "Biotonne": 'Vis.muell.biotonne',
                    "GelberSack": 'Vis.muell.gelbersack'
                

                und im Müllwarnung dieses

                // User Anpassungen
                var aSuchstringLiteral = ['Rest', 'Bio', 'Papier', 'Gelber Sack']; // Suchbegriff
                var aSuchstring = ['Rest', 'Bio', 'Papier', 'Gelber Sack'];
                

                umgestiegen von Proxmox auf Unraid

                1 Antwort Letzte Antwort
                0
                • E Offline
                  E Offline
                  eMd
                  schrieb am zuletzt editiert von eMd
                  #97

                  Screenshot_2019-09-22-19-18-19-127_com.android.chrome.png

                  Meine Müllansicht.

                  Die Zahlen werden rechtzeitig erst gelb dann rot. Alarm mit rot pulsieren und anschließend blinken ist dann eine Tag vorher schon, weil wir die Tonne ja schon abends rausstellen.

                  MfG
                  eMd

                  Master: Intel NUC 16GB/500GB
                  Slave: Raspberry Pi 3 + Homematicmodul
                  Shelly, Google Home, Zigbee Aqara, Sonoff

                  Meine VIS: https://youtu.be/JMYr2KYlpME

                  crunchipC 1 Antwort Letzte Antwort
                  0
                  • E eMd

                    Screenshot_2019-09-22-19-18-19-127_com.android.chrome.png

                    Meine Müllansicht.

                    Die Zahlen werden rechtzeitig erst gelb dann rot. Alarm mit rot pulsieren und anschließend blinken ist dann eine Tag vorher schon, weil wir die Tonne ja schon abends rausstellen.

                    MfG
                    eMd

                    crunchipC Abwesend
                    crunchipC Abwesend
                    crunchip
                    Forum Testing Most Active
                    schrieb am zuletzt editiert von
                    #98

                    @eMd soweit sind wir noch nicht, erst muss seine Abfrage stimmen:joy:

                    umgestiegen von Proxmox auf Unraid

                    moppel2810M 1 Antwort Letzte Antwort
                    0
                    • crunchipC crunchip

                      @eMd soweit sind wir noch nicht, erst muss seine Abfrage stimmen:joy:

                      moppel2810M Offline
                      moppel2810M Offline
                      moppel2810
                      schrieb am zuletzt editiert von
                      #99

                      @crunchip

                      Es geht :v: Danke für deine Geduld ;-)

                      crunchipC 1 Antwort Letzte Antwort
                      0
                      • moppel2810M moppel2810

                        @crunchip

                        Es geht :v: Danke für deine Geduld ;-)

                        crunchipC Abwesend
                        crunchipC Abwesend
                        crunchip
                        Forum Testing Most Active
                        schrieb am zuletzt editiert von
                        #100

                        @moppel2810 kein Thema, hätte auch schon heut nachmittag funktioniert, wenn du richtig gelesen hättest:+1:

                        umgestiegen von Proxmox auf Unraid

                        1 Antwort Letzte Antwort
                        1
                        • liv-in-skyL liv-in-sky

                          für interessierte - blinkende rahmen:
                          nochmal danke @crunchip - leicht geändert

                          verschieden farbiges blinken:

                          uml-ani-gif11.gif

                          hier die klasse:

                          kann beliebig variiert werden. zb. dir zeit verändern - oder die %-zahlen - und natürlich die farbcodes selbst

                          .blink-bunt   {
                            animation: mdui-bunt-blink-ani 2s linear infinite;
                              
                          }
                          @keyframes mdui-bunt-blink-ani {
                            8% {filter: drop-shadow(0px 0px 4px #AEB404) drop-shadow(0px 0px 4px #AEB404) drop-shadow(0px 0px 4px #AEB404); }
                            30% {filter: drop-shadow(0px 0px 4px #DBA901) drop-shadow(0px 0px 4px #DBA901) drop-shadow(0px 0px 4px #DBA901); }
                            60% {filter: drop-shadow(0px 0px 4px #FF0040) drop-shadow(0px 0px 4px #FF0040) drop-shadow(0px 0px 4px #FF0040); }
                            0% {filter: none;}
                          }
                          .blink-bunt-blau   {
                            animation: mdui-bunt-blau-blink-ani 3s linear infinite;
                              
                          }
                          @keyframes mdui-bunt-blau-blink-ani {
                            8% {filter: drop-shadow(0px 0px 4px #00BFFF) drop-shadow(0px 0px 4px #00BFFF) drop-shadow(0px 0px 4px #00BFFF); }
                            30% {filter: drop-shadow(0px 0px 4px #A9BCF5) drop-shadow(0px 0px 4px #A9BCF5) drop-shadow(0px 0px 4px #A9BCF5); }
                            60% {filter: drop-shadow(0px 0px 4px #FF0040) drop-shadow(0px 0px 4px #FF0040) drop-shadow(0px 0px 4px #FF0040); }
                            0% {filter: none;}
                          }
                          
                          moppel2810M Offline
                          moppel2810M Offline
                          moppel2810
                          schrieb am zuletzt editiert von
                          #101

                          @liv-in-sky
                          Kann ich das auch für Anwesendheitssteuerung nutzen? Ich würde gern 2 png Leuchten lassen wenn anwesend und nicht leuchten bei abwesendheit bzw grün anwesend und rot abwesend.

                          1 Antwort Letzte Antwort
                          0
                          • liv-in-skyL liv-in-sky

                            für interessierte - blinkende rahmen:
                            nochmal danke @crunchip - leicht geändert

                            verschieden farbiges blinken:

                            uml-ani-gif11.gif

                            hier die klasse:

                            kann beliebig variiert werden. zb. dir zeit verändern - oder die %-zahlen - und natürlich die farbcodes selbst

                            .blink-bunt   {
                              animation: mdui-bunt-blink-ani 2s linear infinite;
                                
                            }
                            @keyframes mdui-bunt-blink-ani {
                              8% {filter: drop-shadow(0px 0px 4px #AEB404) drop-shadow(0px 0px 4px #AEB404) drop-shadow(0px 0px 4px #AEB404); }
                              30% {filter: drop-shadow(0px 0px 4px #DBA901) drop-shadow(0px 0px 4px #DBA901) drop-shadow(0px 0px 4px #DBA901); }
                              60% {filter: drop-shadow(0px 0px 4px #FF0040) drop-shadow(0px 0px 4px #FF0040) drop-shadow(0px 0px 4px #FF0040); }
                              0% {filter: none;}
                            }
                            .blink-bunt-blau   {
                              animation: mdui-bunt-blau-blink-ani 3s linear infinite;
                                
                            }
                            @keyframes mdui-bunt-blau-blink-ani {
                              8% {filter: drop-shadow(0px 0px 4px #00BFFF) drop-shadow(0px 0px 4px #00BFFF) drop-shadow(0px 0px 4px #00BFFF); }
                              30% {filter: drop-shadow(0px 0px 4px #A9BCF5) drop-shadow(0px 0px 4px #A9BCF5) drop-shadow(0px 0px 4px #A9BCF5); }
                              60% {filter: drop-shadow(0px 0px 4px #FF0040) drop-shadow(0px 0px 4px #FF0040) drop-shadow(0px 0px 4px #FF0040); }
                              0% {filter: none;}
                            }
                            
                            moppel2810M Offline
                            moppel2810M Offline
                            moppel2810
                            schrieb am zuletzt editiert von
                            #102

                            @liv-in-sky said in Vorlagen/Ideen MüllPlan VIEW / Widget ?:

                            für interessierte - blinkende rahmen:
                            nochmal danke @crunchip - leicht geändert

                            verschieden farbiges blinken:

                            uml-ani-gif11.gif

                            hier die klasse:

                            kann beliebig variiert werden. zb. dir zeit verändern - oder die %-zahlen - und natürlich die farbcodes selbst

                            .blink-bunt   {
                              animation: mdui-bunt-blink-ani 2s linear infinite;
                                
                            }
                            @keyframes mdui-bunt-blink-ani {
                              8% {filter: drop-shadow(0px 0px 4px #AEB404) drop-shadow(0px 0px 4px #AEB404) drop-shadow(0px 0px 4px #AEB404); }
                              30% {filter: drop-shadow(0px 0px 4px #DBA901) drop-shadow(0px 0px 4px #DBA901) drop-shadow(0px 0px 4px #DBA901); }
                              60% {filter: drop-shadow(0px 0px 4px #FF0040) drop-shadow(0px 0px 4px #FF0040) drop-shadow(0px 0px 4px #FF0040); }
                              0% {filter: none;}
                            }
                            .blink-bunt-blau   {
                              animation: mdui-bunt-blau-blink-ani 3s linear infinite;
                                
                            }
                            @keyframes mdui-bunt-blau-blink-ani {
                              8% {filter: drop-shadow(0px 0px 4px #00BFFF) drop-shadow(0px 0px 4px #00BFFF) drop-shadow(0px 0px 4px #00BFFF); }
                              30% {filter: drop-shadow(0px 0px 4px #A9BCF5) drop-shadow(0px 0px 4px #A9BCF5) drop-shadow(0px 0px 4px #A9BCF5); }
                              60% {filter: drop-shadow(0px 0px 4px #FF0040) drop-shadow(0px 0px 4px #FF0040) drop-shadow(0px 0px 4px #FF0040); }
                              0% {filter: none;}
                            }
                            

                            Kann ich das auch für Anwesendheitssteuerung nutzen? Ich würde gern 2 png Leuchten lassen wenn anwesend und nicht leuchten bei abwesendheit bzw grün anwesend und rot abwesend.

                            liv-in-skyL 1 Antwort Letzte Antwort
                            0
                            • moppel2810M moppel2810

                              @liv-in-sky said in Vorlagen/Ideen MüllPlan VIEW / Widget ?:

                              für interessierte - blinkende rahmen:
                              nochmal danke @crunchip - leicht geändert

                              verschieden farbiges blinken:

                              uml-ani-gif11.gif

                              hier die klasse:

                              kann beliebig variiert werden. zb. dir zeit verändern - oder die %-zahlen - und natürlich die farbcodes selbst

                              .blink-bunt   {
                                animation: mdui-bunt-blink-ani 2s linear infinite;
                                  
                              }
                              @keyframes mdui-bunt-blink-ani {
                                8% {filter: drop-shadow(0px 0px 4px #AEB404) drop-shadow(0px 0px 4px #AEB404) drop-shadow(0px 0px 4px #AEB404); }
                                30% {filter: drop-shadow(0px 0px 4px #DBA901) drop-shadow(0px 0px 4px #DBA901) drop-shadow(0px 0px 4px #DBA901); }
                                60% {filter: drop-shadow(0px 0px 4px #FF0040) drop-shadow(0px 0px 4px #FF0040) drop-shadow(0px 0px 4px #FF0040); }
                                0% {filter: none;}
                              }
                              .blink-bunt-blau   {
                                animation: mdui-bunt-blau-blink-ani 3s linear infinite;
                                  
                              }
                              @keyframes mdui-bunt-blau-blink-ani {
                                8% {filter: drop-shadow(0px 0px 4px #00BFFF) drop-shadow(0px 0px 4px #00BFFF) drop-shadow(0px 0px 4px #00BFFF); }
                                30% {filter: drop-shadow(0px 0px 4px #A9BCF5) drop-shadow(0px 0px 4px #A9BCF5) drop-shadow(0px 0px 4px #A9BCF5); }
                                60% {filter: drop-shadow(0px 0px 4px #FF0040) drop-shadow(0px 0px 4px #FF0040) drop-shadow(0px 0px 4px #FF0040); }
                                0% {filter: none;}
                              }
                              

                              Kann ich das auch für Anwesendheitssteuerung nutzen? Ich würde gern 2 png Leuchten lassen wenn anwesend und nicht leuchten bei abwesendheit bzw grün anwesend und rot abwesend.

                              liv-in-skyL Offline
                              liv-in-skyL Offline
                              liv-in-sky
                              schrieb am zuletzt editiert von
                              #103

                              @moppel2810

                              es geht mit jedem datenpunkt , welchen du abfragen kannst - egal ob boolean oder string oder zahl

                              das beispiel ist ein schalter für einen lüfter - durch drücken ändert sich der wert - true false - also wie bei anwesenheit

                              test2.gif

                              das steht in der vis:

                              Image 6.png
                              übersetzt: wenn controll-own.0.Luefter3 ist wahr nehme "blink-bunt" aus css-klasse - sonst "blink-red" (blink bunt entspricht bei mir grün)

                              {val:controll-own.0.Luefter3;val=="true"? "blink-bunt":  "blink-red"}
                              

                              das "blink-bunt" und "blink-red" ist in der css klasse definiert
                              Image 7.png

                              nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

                              moppel2810M 2 Antworten Letzte Antwort
                              0
                              • liv-in-skyL liv-in-sky

                                @moppel2810

                                es geht mit jedem datenpunkt , welchen du abfragen kannst - egal ob boolean oder string oder zahl

                                das beispiel ist ein schalter für einen lüfter - durch drücken ändert sich der wert - true false - also wie bei anwesenheit

                                test2.gif

                                das steht in der vis:

                                Image 6.png
                                übersetzt: wenn controll-own.0.Luefter3 ist wahr nehme "blink-bunt" aus css-klasse - sonst "blink-red" (blink bunt entspricht bei mir grün)

                                {val:controll-own.0.Luefter3;val=="true"? "blink-bunt":  "blink-red"}
                                

                                das "blink-bunt" und "blink-red" ist in der css klasse definiert
                                Image 7.png

                                moppel2810M Offline
                                moppel2810M Offline
                                moppel2810
                                schrieb am zuletzt editiert von
                                #104

                                @liv-in-sky
                                Geht das auch wenn ich einfach ein img in die vis einfüge oder muss ich da was spezieles nehmen?

                                liv-in-skyL 1 Antwort Letzte Antwort
                                0
                                • moppel2810M moppel2810

                                  @liv-in-sky
                                  Geht das auch wenn ich einfach ein img in die vis einfüge oder muss ich da was spezieles nehmen?

                                  liv-in-skyL Offline
                                  liv-in-skyL Offline
                                  liv-in-sky
                                  schrieb am zuletzt editiert von liv-in-sky
                                  #105

                                  @moppel2810 müßte auch mit image funktionieren - den css eintrag unter generell im image-widget gibt es ja dort auch

                                  nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

                                  1 Antwort Letzte Antwort
                                  0
                                  • liv-in-skyL liv-in-sky

                                    @moppel2810

                                    es geht mit jedem datenpunkt , welchen du abfragen kannst - egal ob boolean oder string oder zahl

                                    das beispiel ist ein schalter für einen lüfter - durch drücken ändert sich der wert - true false - also wie bei anwesenheit

                                    test2.gif

                                    das steht in der vis:

                                    Image 6.png
                                    übersetzt: wenn controll-own.0.Luefter3 ist wahr nehme "blink-bunt" aus css-klasse - sonst "blink-red" (blink bunt entspricht bei mir grün)

                                    {val:controll-own.0.Luefter3;val=="true"? "blink-bunt":  "blink-red"}
                                    

                                    das "blink-bunt" und "blink-red" ist in der css klasse definiert
                                    Image 7.png

                                    moppel2810M Offline
                                    moppel2810M Offline
                                    moppel2810
                                    schrieb am zuletzt editiert von
                                    #106

                                    @liv-in-sky said in Vorlagen/Ideen MüllPlan VIEW / Widget ?:

                                    {val:controll-own.0.Luefter3;val=="true"? "blink-bunt": "blink-red"}

                                    {val:controll-own.0.Luefter3;val=="true"? "blink-bunt": "blink-red"} da tausche ich einfach "controll-own.0.Luefter3" gegen meinen ping oder tr-064?

                                    wie bzw wo bekomm ich den blink code für die css klasse her?

                                    crunchipC liv-in-skyL 2 Antworten Letzte Antwort
                                    0
                                    • moppel2810M moppel2810

                                      @liv-in-sky said in Vorlagen/Ideen MüllPlan VIEW / Widget ?:

                                      {val:controll-own.0.Luefter3;val=="true"? "blink-bunt": "blink-red"}

                                      {val:controll-own.0.Luefter3;val=="true"? "blink-bunt": "blink-red"} da tausche ich einfach "controll-own.0.Luefter3" gegen meinen ping oder tr-064?

                                      wie bzw wo bekomm ich den blink code für die css klasse her?

                                      crunchipC Abwesend
                                      crunchipC Abwesend
                                      crunchip
                                      Forum Testing Most Active
                                      schrieb am zuletzt editiert von
                                      #107

                                      @moppel2810 Das ist in dem Material Design Css Skript hinterlegt
                                      https://github.com/Uhula/ioBroker-Material-Design-Style

                                      umgestiegen von Proxmox auf Unraid

                                      1 Antwort Letzte Antwort
                                      1
                                      • moppel2810M moppel2810

                                        @liv-in-sky said in Vorlagen/Ideen MüllPlan VIEW / Widget ?:

                                        {val:controll-own.0.Luefter3;val=="true"? "blink-bunt": "blink-red"}

                                        {val:controll-own.0.Luefter3;val=="true"? "blink-bunt": "blink-red"} da tausche ich einfach "controll-own.0.Luefter3" gegen meinen ping oder tr-064?

                                        wie bzw wo bekomm ich den blink code für die css klasse her?

                                        liv-in-skyL Offline
                                        liv-in-skyL Offline
                                        liv-in-sky
                                        schrieb am zuletzt editiert von liv-in-sky
                                        #108

                                        @moppel2810 sagte in Vorlagen/Ideen MüllPlan VIEW / Widget ?:

                                        @liv-in-sky said in Vorlagen/Ideen MüllPlan VIEW / Widget ?:

                                        {val:controll-own.0.Luefter3;val=="true"? "blink-bunt": "blink-red"}

                                        {val:controll-own.0.Luefter3;val=="true"? "blink-bunt": "blink-red"} da tausche ich einfach "controll-own.0.Luefter3" gegen meinen ping oder tr-064?

                                        wie bzw wo bekomm ich den blink code für die css klasse her?

                                        mit dem austausch liegst du richtig - statt lüfter kannst du ping/tr064 benutzen

                                        weiter oben ist der im post - hier nochmal:

                                        für rot blinkend:

                                        .blink-red   {
                                         animation: mdui-red-blink-ani 3s linear infinite;
                                        }
                                        @keyframes mdui-red-blink-ani  {
                                         0%,50% {filter: drop-shadow(0px 0px 4px #F44336) drop-shadow(0px 0px 4px #F44336) drop-shadow(0px 0px 4px #F44336); }
                                         51% {filter: none;}
                                        
                                        }
                                        .blink-yellow {
                                         animation: mdui-yellow-blink-ani 1s linear infinite;
                                        }
                                        @keyframes mdui-yellow-blink-ani  {
                                         0%,70% {filter: drop-shadow(0px 0px 4px #FFDB3B) drop-shadow(0px 0px 4px #FFDB3B) drop-shadow(0px 0px 4px #FFDB3B); }
                                         71% {filter: none;}
                                        
                                        }
                                        
                                        
                                        

                                        für gelb-grün blinkend

                                        .blink-bunt   {
                                         animation: mdui-bunt-blink-ani 3s linear infinite;
                                           
                                        }
                                        @keyframes mdui-bunt-blink-ani {
                                         8% {filter: drop-shadow(0px 0px 4px #FFFF00) drop-shadow(0px 0px 4px #FFFF00) drop-shadow(0px 0px 4px #FFFF00); }
                                         30% {filter: drop-shadow(0px 0px 4px #01DF3A) drop-shadow(0px 0px 4px #01DF3A) drop-shadow(0px 0px 4px #01DF3A); }
                                         60% {filter: drop-shadow(0px 0px 4px #2BF23F) drop-shadow(0px 0px 4px #2BF23F) drop-shadow(0px 0px 4px #2BF23F); }
                                         0% {filter: none;}
                                        }
                                        
                                        .blink-lila   {
                                         animation: mdui-lila-blink-ani 3s linear infinite;
                                           
                                        }
                                        

                                        für drehend vertikal

                                        
                                        .anime { animation: turner 4s infinite linear !important}
                                         
                                        @keyframes turner{
                                           from{  transform: rotateY(0deg)   }
                                           to  {  transform: rotateY(360deg) }
                                        }
                                        

                                        für drehend horizontal

                                        .anime2 { animation: turner2 4s infinite linear !important}
                                         
                                        @keyframes turner2{
                                           from{  transform: rotateX(0deg)   }
                                           to  {  transform: rotateX(360deg) }
                                        }
                                        
                                        .player {
                                           background: #273B7C !important;
                                        }
                                        
                                        .anime { animation: turner 4s infinite linear !important}
                                         
                                        @keyframes turner{
                                           from{  transform: rotateY(0deg)   }
                                           to  {  transform: rotateY(360deg) }
                                        }
                                        
                                        
                                        

                                        nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

                                        moppel2810M 1 Antwort Letzte Antwort
                                        2
                                        • liv-in-skyL liv-in-sky

                                          @moppel2810 sagte in Vorlagen/Ideen MüllPlan VIEW / Widget ?:

                                          @liv-in-sky said in Vorlagen/Ideen MüllPlan VIEW / Widget ?:

                                          {val:controll-own.0.Luefter3;val=="true"? "blink-bunt": "blink-red"}

                                          {val:controll-own.0.Luefter3;val=="true"? "blink-bunt": "blink-red"} da tausche ich einfach "controll-own.0.Luefter3" gegen meinen ping oder tr-064?

                                          wie bzw wo bekomm ich den blink code für die css klasse her?

                                          mit dem austausch liegst du richtig - statt lüfter kannst du ping/tr064 benutzen

                                          weiter oben ist der im post - hier nochmal:

                                          für rot blinkend:

                                          .blink-red   {
                                           animation: mdui-red-blink-ani 3s linear infinite;
                                          }
                                          @keyframes mdui-red-blink-ani  {
                                           0%,50% {filter: drop-shadow(0px 0px 4px #F44336) drop-shadow(0px 0px 4px #F44336) drop-shadow(0px 0px 4px #F44336); }
                                           51% {filter: none;}
                                          
                                          }
                                          .blink-yellow {
                                           animation: mdui-yellow-blink-ani 1s linear infinite;
                                          }
                                          @keyframes mdui-yellow-blink-ani  {
                                           0%,70% {filter: drop-shadow(0px 0px 4px #FFDB3B) drop-shadow(0px 0px 4px #FFDB3B) drop-shadow(0px 0px 4px #FFDB3B); }
                                           71% {filter: none;}
                                          
                                          }
                                          
                                          
                                          

                                          für gelb-grün blinkend

                                          .blink-bunt   {
                                           animation: mdui-bunt-blink-ani 3s linear infinite;
                                             
                                          }
                                          @keyframes mdui-bunt-blink-ani {
                                           8% {filter: drop-shadow(0px 0px 4px #FFFF00) drop-shadow(0px 0px 4px #FFFF00) drop-shadow(0px 0px 4px #FFFF00); }
                                           30% {filter: drop-shadow(0px 0px 4px #01DF3A) drop-shadow(0px 0px 4px #01DF3A) drop-shadow(0px 0px 4px #01DF3A); }
                                           60% {filter: drop-shadow(0px 0px 4px #2BF23F) drop-shadow(0px 0px 4px #2BF23F) drop-shadow(0px 0px 4px #2BF23F); }
                                           0% {filter: none;}
                                          }
                                          
                                          .blink-lila   {
                                           animation: mdui-lila-blink-ani 3s linear infinite;
                                             
                                          }
                                          

                                          für drehend vertikal

                                          
                                          .anime { animation: turner 4s infinite linear !important}
                                           
                                          @keyframes turner{
                                             from{  transform: rotateY(0deg)   }
                                             to  {  transform: rotateY(360deg) }
                                          }
                                          

                                          für drehend horizontal

                                          .anime2 { animation: turner2 4s infinite linear !important}
                                           
                                          @keyframes turner2{
                                             from{  transform: rotateX(0deg)   }
                                             to  {  transform: rotateX(360deg) }
                                          }
                                          
                                          .player {
                                             background: #273B7C !important;
                                          }
                                          
                                          .anime { animation: turner 4s infinite linear !important}
                                           
                                          @keyframes turner{
                                             from{  transform: rotateY(0deg)   }
                                             to  {  transform: rotateY(360deg) }
                                          }
                                          
                                          
                                          

                                          moppel2810M Offline
                                          moppel2810M Offline
                                          moppel2810
                                          schrieb am zuletzt editiert von
                                          #109

                                          @liv-in-sky

                                          was muss ich ändern das es nicht blinkt bzw nur leuchtet?
                                          Hab gerade noch ein Problem und zwar funktioniert es in der vis vorschau auf dem PC aber nicht auf dem Tablet:face_with_rolling_eyes:

                                          T liv-in-skyL 2 Antworten Letzte Antwort
                                          0
                                          Antworten
                                          • In einem neuen Thema antworten
                                          Anmelden zum Antworten
                                          • Älteste zuerst
                                          • Neuste zuerst
                                          • Meiste Stimmen


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          817

                                          Online

                                          32.4k

                                          Benutzer

                                          81.4k

                                          Themen

                                          1.3m

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

                                          • Du hast noch kein Konto? Registrieren

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