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.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.5k 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.
  • C Offline
    C Offline
    ChrisXY
    schrieb am zuletzt editiert von
    #17

    hm in den abfalltermine habe ich wohl ein fehler ... weiss aber nicht was ich falsch gemacht.
    Hab alles in Instanz 0.

    Zeigt nur 1 oder -1 an
    abfall.png

    debug = true;
    
    const PFAD = "ical.0.events.";
    const EINTRAEGE = {                       
        "Restmuelltonne": 'javascript.0.Vis.muell.restmuell',
        "Papiertonne": 'javascript.0.Vis.muell.papiertonne',
        "Biotonne": 'javascript.0.Vis.muell.biotonne',
        "GelberSack": 'javascript.0.Vis.muell.gelbersack'
    };
    
    crunchipC 1 Antwort Letzte Antwort
    0
    • C ChrisXY

      hm in den abfalltermine habe ich wohl ein fehler ... weiss aber nicht was ich falsch gemacht.
      Hab alles in Instanz 0.

      Zeigt nur 1 oder -1 an
      abfall.png

      debug = true;
      
      const PFAD = "ical.0.events.";
      const EINTRAEGE = {                       
          "Restmuelltonne": 'javascript.0.Vis.muell.restmuell',
          "Papiertonne": 'javascript.0.Vis.muell.papiertonne',
          "Biotonne": 'javascript.0.Vis.muell.biotonne',
          "GelberSack": 'javascript.0.Vis.muell.gelbersack'
      };
      
      crunchipC Abwesend
      crunchipC Abwesend
      crunchip
      Forum Testing Most Active
      schrieb am zuletzt editiert von
      #18

      @ChrisXY stell in deinem ical die Tagesvorschau auf 90, steht bei dir auf 7

      umgestiegen von Proxmox auf Unraid

      1 Antwort Letzte Antwort
      0
      • C Offline
        C Offline
        ChrisXY
        schrieb am zuletzt editiert von
        #19

        hahaha ja hab es vor 5 minuten auch gemerkt ... Trotzdem Danke

        1 Antwort Letzte Antwort
        0
        • ChaotC Offline
          ChaotC Offline
          Chaot
          schrieb am zuletzt editiert von
          #20

          Mal ne ganz blöde Frage.
          Lässt sich das mit der eingangs erwähnten blinkenden Tonne auch umsetzen?
          Ich bin nicht ganz so fit im VIS Editor.

          ioBroker auf NUC unter Proxmox; VIS: 12" Touchscreen und 17" Touch; Lichtsteuerung, Thermometer und Sensoren: Tasmota (39); Ambiente Beleuchtung: WLED (9); Heizung: DECT Thermostate (9) an Fritz 6690; EMS-ESP; 1 Echo V2; 3 Echo DOT; 1 Echo Connect; 2 Echo Show 5; Unifi Ap-Ac Lite.

          crunchipC liv-in-skyL 2 Antworten Letzte Antwort
          0
          • ChaotC Chaot

            Mal ne ganz blöde Frage.
            Lässt sich das mit der eingangs erwähnten blinkenden Tonne auch umsetzen?
            Ich bin nicht ganz so fit im VIS Editor.

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

            @Chaot meinst du die Blickende Zahl?

            umgestiegen von Proxmox auf Unraid

            ChaotC 1 Antwort Letzte Antwort
            0
            • crunchipC crunchip

              @Chaot meinst du die Blickende Zahl?

              ChaotC Offline
              ChaotC Offline
              Chaot
              schrieb am zuletzt editiert von
              #22

              @crunchip Ja, oder das Symbol blinken lassen.

              ioBroker auf NUC unter Proxmox; VIS: 12" Touchscreen und 17" Touch; Lichtsteuerung, Thermometer und Sensoren: Tasmota (39); Ambiente Beleuchtung: WLED (9); Heizung: DECT Thermostate (9) an Fritz 6690; EMS-ESP; 1 Echo V2; 3 Echo DOT; 1 Echo Connect; 2 Echo Show 5; Unifi Ap-Ac Lite.

              crunchipC 1 Antwort Letzte Antwort
              0
              • ChaotC Chaot

                @crunchip Ja, oder das Symbol blinken lassen.

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

                @Chaot für die Zahl
                CSS Klasse {val:javascript.0.Vis.muell.papiertonne; val<=1? "mdui-red-flash": val>=2? "": "yellowgreen"}

                umgestiegen von Proxmox auf Unraid

                ChaotC liv-in-skyL 2 Antworten Letzte Antwort
                0
                • crunchipC crunchip

                  @Chaot für die Zahl
                  CSS Klasse {val:javascript.0.Vis.muell.papiertonne; val<=1? "mdui-red-flash": val>=2? "": "yellowgreen"}

                  ChaotC Offline
                  ChaotC Offline
                  Chaot
                  schrieb am zuletzt editiert von Chaot
                  #24

                  @crunchip Oooook?
                  Und wo trage ich das ein?
                  Von CSS habe ich schon gar keine Ahnung :white_frowning_face:

                  Edit:
                  Ich habe es gefunden. :clap:
                  Das ist ja schon in deiner Vorlage drin!:+1:

                  ioBroker auf NUC unter Proxmox; VIS: 12" Touchscreen und 17" Touch; Lichtsteuerung, Thermometer und Sensoren: Tasmota (39); Ambiente Beleuchtung: WLED (9); Heizung: DECT Thermostate (9) an Fritz 6690; EMS-ESP; 1 Echo V2; 3 Echo DOT; 1 Echo Connect; 2 Echo Show 5; Unifi Ap-Ac Lite.

                  1 Antwort Letzte Antwort
                  0
                  • opossumO Offline
                    opossumO Offline
                    opossum
                    schrieb am zuletzt editiert von
                    #25

                    Hallo,

                    bei mir sieht das so aus:

                    d53fcb10-26da-4a3b-a0b2-0ba9be456bca-image.png

                    Gruß
                    opossum

                    https://schlepper-petersdorf.jimdofree.com/

                    liv-in-skyL 1 Antwort Letzte Antwort
                    0
                    • ChaotC Chaot

                      Mal ne ganz blöde Frage.
                      Lässt sich das mit der eingangs erwähnten blinkenden Tonne auch umsetzen?
                      Ich bin nicht ganz so fit im VIS Editor.

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

                      @Chaot

                      ich habe das hier unter css (project) -tab kopiert

                      .blink {
                          display:block;
                          -webkit-animation-name: color-pulse;
                          -webkit-animation-duration: 3s;
                          -webkit-animation-iteration-count: infinite;
                          -webkit-animation-timing-function: ease-in-out;
                          -webkit-animation-direction: alternate;
                          animation-name: color-pulse;
                          animation-duration: 3s;
                          animation-iteration-count: infinite;
                          animation-timing-function: ease-in-out;
                          animation-direction: alternate;
                          } 
                      

                      anschliessend habe ich das im widget angegeben

                      Image 1.png

                      dann blinkt das ganze - das alles kann man dann mit der sichbarkeit noch ein wenig konfigurieren - z.b wenn nur noch 1 tag bis zum mülltag ist, wird dieses blinkende widget sichtbar - dauert es über einen tag, ist ein feststehendes anders widget sichtbar - beide widget liegen übereinander und sind je nach wert der tage sichtbar

                      du kannst dass blink für alle anderen widget auch benutzen - du musst nur im widget das blink in der css klasse angeben

                      hoffe das hilft weiter - bei mir sieht es so aus - morgen ist mülltag-bio - die braune tonne ist groß geworden und blinkt
                      uml-ani-gif11.gif

                      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
                      • opossumO opossum

                        Hallo,

                        bei mir sieht das so aus:

                        d53fcb10-26da-4a3b-a0b2-0ba9be456bca-image.png

                        Gruß
                        opossum

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

                        @opossum

                        würdest du deine bilder vielleicht hochladen -könnte sie in einer anderen view gut gebrauchen - gibt es das auch für grün? oder muss ich wieder mal "gimpen"

                        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

                        opossumO 1 Antwort Letzte Antwort
                        0
                        • C Offline
                          C Offline
                          ChrisXY
                          schrieb am zuletzt editiert von
                          #28

                          nice die Symbole gefallen mir auch wo hast du die hier ? Bei uns ist die Tonne aber Blau ..

                          liv-in-skyL 1 Antwort Letzte Antwort
                          0
                          • C ChrisXY

                            nice die Symbole gefallen mir auch wo hast du die hier ? Bei uns ist die Tonne aber Blau ..

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

                            @ChrisXY das ist blöd - dann musst du wohl umziehen :-)

                            welche bilder meinst du eigentlich - die von opossum?

                            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
                            • C Offline
                              C Offline
                              ChrisXY
                              schrieb am zuletzt editiert von
                              #30

                              diese
                              alt text
                              Also das sBlinken habe ich jetzt mal eingefügt Projekt CSS
                              dann bei css class "blink" reingeschrieben.
                              Klappt aber nicht. Im css ist was mit "block"
                              Ich hab folgendes widget : Basic bool html.

                              liv-in-skyL H 3 Antworten Letzte Antwort
                              0
                              • C ChrisXY

                                diese
                                alt text
                                Also das sBlinken habe ich jetzt mal eingefügt Projekt CSS
                                dann bei css class "blink" reingeschrieben.
                                Klappt aber nicht. Im css ist was mit "block"
                                Ich hab folgendes widget : Basic bool html.

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

                                @ChrisXY

                                muelltonneGruen.png muelltonneGelb.png muelltonneBraun.png muelltonneBlau.png muelltonneSchwarz.png muelltonneRot.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

                                1 Antwort Letzte Antwort
                                1
                                • C Offline
                                  C Offline
                                  ChrisXY
                                  schrieb am zuletzt editiert von ChrisXY
                                  #32

                                  DANKE ! hab auch mal das image Widget genommen aber da binkt auch nichts hmm

                                  liv-in-skyL 1 Antwort Letzte Antwort
                                  0
                                  • C ChrisXY

                                    diese
                                    alt text
                                    Also das sBlinken habe ich jetzt mal eingefügt Projekt CSS
                                    dann bei css class "blink" reingeschrieben.
                                    Klappt aber nicht. Im css ist was mit "block"
                                    Ich hab folgendes widget : Basic bool html.

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

                                    @ChrisXY

                                    kannst du mal ein bild des css-tab machen und posten - das mit dem block versteh ich nicht ?
                                    das alles ist eigentlich widget unabhängig - muss mit jedem widget funktionieren

                                    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

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

                                      @ChrisXY

                                      kannst du mal ein bild des css-tab machen und posten - das mit dem block versteh ich nicht ?
                                      das alles ist eigentlich widget unabhängig - muss mit jedem widget funktionieren

                                      C Offline
                                      C Offline
                                      ChrisXY
                                      schrieb am zuletzt editiert von
                                      #34

                                      @liv-in-sky klar. Hab ja auch schon mit css gearbeitet für das "glow" das klappt alles css.png

                                      1 Antwort Letzte Antwort
                                      0
                                      • C ChrisXY

                                        DANKE ! hab auch mal das image Widget genommen aber da binkt auch nichts hmm

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

                                        @ChrisXY

                                        ich meinte den css- tab als bild - rechts daneben
                                        habe gerade festgestellt, dass bei mir alles unter global in dem css tab ist und nicht project

                                        Image 3.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

                                        1 Antwort Letzte Antwort
                                        0
                                        • C Offline
                                          C Offline
                                          ChrisXY
                                          schrieb am zuletzt editiert von
                                          #36

                                          hi, auch schon versucht das war voher leer siehe screen:
                                          css2.png css3.png

                                          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

                                          855

                                          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