Vorlagen/Ideen MüllPlan VIEW / Widget ?

[sigi234]

@Axel-Koeneke sagte in Vorlagen/Ideen MüllPlan VIEW / Widget ?:

Ich habe keine Ahnung wo ich in der VIS die Datei "View-Abfallkalender" hintun soll...

Als VIEW importieren!

[SBorg]

"Eingriff" direkt per CSS (nur daysleft gefärbt):

vs Widget CSS-Textfarbe "black":

[crunchip]

@Axel-Koeneke hast du es hinbekommen? wie sigi234 schon schrieb, als view importieren.

was meinst du mit Flot....Adresse??

[Negalein]

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

"Eingriff" direkt per CSS (nur daysleft gefärbt):

welchen CSS hast du da verwendet?

(hier auf 50% skaliert)

wie machst du das?
Wenn ich width und height angebe, bleiben die Tonnen gleich groß und verschieben sich nur.

@haus-automatisierung
wie ist das mit dem offenen, bzw. geschlossenen Deckel zu verstehen?

[SBorg]

@Negalein Ich habe mir das CSS vom Widget angeschaut und dann überschreibe ich die entsprechenden Werte. Einfach den eigenen Farbwünschen anpassen und bei CSS hinzufügen (am besten bei "Projekt"):

.trashtype .daysleft {
    background: #CCCCCC88 !important;
    color: #222222 !important;
}

Nun ist der Hintergrund etwas stärker und die Schrift fast schwarz. Trotzdem kann man noch im Widget die Textfarbe ändern:

Die Skalierung habe ich einfach über "transform" (in CSS Allgemein) realisiert. Einfach für bspw. die 50% eintragen:

scale(0.5)

[Negalein]

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

Einfach den eigenen Farbwünschen anpassen und bei CSS hinzufügen (am besten bei "Projekt"):

Danke
Wie kommst du an das CSS vom Widget? Über die Console im Browser?

scale(0.5)

Ich Depp. Klar mit scale. Und ich habs mit calc probiert.

[SBorg]

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

Wie kommst du an das CSS vom Widget? Über die Console im Browser?

Ne, direkt auf Verzeichnisebene. Da ist das IMO einfacher:

/opt/iobroker/node_modules/iobroker.vis/www/widgets/trashschedule/css/style.css

Das "!important" gibt es dort allerdings nicht. Damit wird immer der entsprechende Wert des Originals überschrieben.

[Negalein]

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

Ne, direkt auf Verzeichnisebene. Da ist das IMO einfacher:

werd ich mir merken.

Warum sieht man bei deinem Widget ein Kreuz im Deckel und bei mir nicht?

[SBorg]

@Negalein Gute Frage, nächste Frage...
Hast du Hexwerte bei den Farben genommen, oder einfach red, black, yellow? Ev. klappt dann die Umrechnung nicht?

[Negalein]

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

Hast du Hexwerte bei den Farben genommen

Ja

[SBorg]

@Negalein Ich glaube du bist zu "hart" unterwegs, dass ist ja im Prinzip rot, gelb und schwarz. Versuche es mal mit etwas weniger rot, gelb,...
"Meine":

[Negalein]

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

Ich glaube du bist zu "hart" unterwegs,

Bingo, das wars!

@haus-automatisierung, jetzt seh ich auch alle Deckel

[SBorg]

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

jetzt seh ich auch alle Deckel

und ich dachte schon "wann soll der Deckel zu sein?".
Hmm, Füllstandsanzeige für die Tonnen...

[Chaot]

@SBorg sagte in Vorlagen/Ideen MüllPlan VIEW / Widget ?:
Einfach den eigenen Farbwünschen anpassen und bei CSS hinzufügen (am besten bei "Projekt"):

.trashtype .daysleft {
    background: #CCCCCC88 !important;
    color: #222222 !important;
}

Das ergibt bei mir ein gelbes Dreieck mit der Meldung "use of !important" in Zeile 2 und 3

[liv-in-sky]

kann es sein, dass wenn man große buchstaben nimmt in der farbe, dass es dann probleme macht - habe jetzt die werte von @SBorg (dank !) genommen und auf einmal sind die deckel farbig - vorher nicht

[Chaot]

@liv-in-sky Nö - macht bei mir keinen Unterschied

[SBorg]

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

Das ergibt bei mir ein gelbes Dreieck mit der Meldung "use of !important" in Zeile 2 und 3

Ist normal, gilt auch für andere CSS. Kann anscheinend der Editor nicht korrekt erkennen. Funktioniert aber.

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

@liv-in-sky Nö - macht bei mir keinen Unterschied

Nö, ist wurscht. Ich bin halt faul und schreibe es immer klein

[liv-in-sky]

@SBorg @Chaot

ihr habt recht - es sind einfach bestimmte werte, die er nicht mag - groß klein ist egal

[Feuersturm]

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

Edit: Hab mal bei Github ein Issue angelegt: https://github.com/klein0r/ioBroker.trashschedule/issues/7

@haus-automatisierung Danke für die schnelle Umsetzung Neuer Datenpunkt wird korrekt befüllt.

[Chaot]

@SBorg Danke schön.
Gibt es eigentlich eine Möglichkeit die Grafik zu ändern?
Meine Frau ist sauer weil ich ihr das schöne Männchen wieder wegenommen habe