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.6k

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

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

Vorlagen/Ideen MüllPlan VIEW / Widget ?

Geplant Angeheftet Gesperrt Verschoben Visualisierung
vis
317 Beiträge 41 Kommentatoren 63.6k 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.
  • 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
                                        • moppel2810M moppel2810

                                          @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 Offline
                                          T Offline
                                          tempestas
                                          schrieb am zuletzt editiert von
                                          #110

                                          @moppel2810

                                          Welches Tablet hast du?
                                          Wenn es sehr alt ist, kann es sein, dass das Klassen nicht funktionieren. ZB auf meinem alten Fire HD Tablet ist das so

                                          <size="85">ioBroker | 21 Adapter | Ubuntu Server | intel NUC | Homematic CCU2 | Hue | Osram Lightify| Sonos | 2x Instar Cam | Samsung Tab A 2016 im Holzrahmen| 3x Echo dot | 1x Echo | Neato Botvac D5</size>

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


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          452

                                          Online

                                          32.4k

                                          Benutzer

                                          81.5k

                                          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