Vorlagen/Ideen MüllPlan VIEW / Widget ?

[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

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'
};

[crunchip]

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

[ChrisXY]

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

[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.

[crunchip]

@Chaot meinst du die Blickende Zahl?

[Chaot]

@crunchip Ja, oder das Symbol blinken lassen.

[crunchip]

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

[Chaot]

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

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

[opossum]

Hallo,

bei mir sieht das so aus:

Gruß
opossum

[liv-in-sky]

@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

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

[liv-in-sky]

@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"

[ChrisXY]

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

[liv-in-sky]

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

welche bilder meinst du eigentlich - die von opossum?

[ChrisXY]

diese

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-sky]

@ChrisXY

Spoiler

[ChrisXY]

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

[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

[ChrisXY]

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

[liv-in-sky]

@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

[ChrisXY]

hi, auch schon versucht das war voher leer siehe screen: