Vorlagen/Ideen MüllPlan VIEW / Widget ?

[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

[SBorg]

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

es sind einfach bestimmte werte, die er nicht mag

Matthias rechnet die ja um für die Schattierungen. Also bspw. 10% grüner/heller als die eingegebene Farbe. Hast du jetzt voll grün eingestellt 100% oder ff, kann er eben nicht mehr als 100% oder ff und macht dann ... was auch immer

[SBorg]

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

Gibt es eigentlich eine Möglichkeit die Grafik zu ändern?

Das wird nicht einfach. Du müsstest aus der Tonne eine SVG erzeugen und dann im CSS ersetzen. Dort ist die "Originale" Tonne (unter "dumpster") von Matthias:

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

[liv-in-sky]

@SBorg - danke - jetzt ist es klar

[Axel Koeneke]

@crunchip Jain, also bis auf das ich keine Tonnen sehe, stattdessen habe ich bunte vierecke. Aber das finde ich bestimmt noch.
Mit der Adresse meine ich das im Code:

[Chaot]

@SBorg Uh - lieber nicht.
Wenn ich dich richtig verstanden habe sagtest du " Bahnhof Bahnhof Bahnhof"

[Kuddel]

Kann man die Größe der Tonnen irgendwie verändern ?

In der Standardgröße passen sie nicht so recht auf meine VIS-Startseite

[SBorg]

@Kuddel bei "transform" über scale(0.5) für bspw. 50% Größe
EDIT: oder meinst du jede Tonne?

[Kuddel]

@SBorg am besten jeden tonne kleiner

[SBorg]

@Kuddel Per CSS auf bspw. 50% Größe:

.trashtype .dumpster {
     transform: scale(0.5) !important;  
}

[Kuddel]

@SBorg ja das hat schon einmal geklappt.

Wie kann ich den Abstand der Texte noch veringern ?

Hier einmal der Verlgeich alt und neu:

[SBorg]

@Kuddel da müsstest du noch die Höhe verändern, denn die ist fix auf 200px für die Tonne gestellt. Zusätzlich also bspw.

height: 150px !important;

[Kuddel]

@SBorg

.trashtype .dumpster {     transform: scale(0.5) 
height: 150px !important;
}

Dann sieht es so aus:

Sorry von CSS habe ich noch keine Ahnung

EDIT: Fehler gefunden. Es fehlte ein Semikolon

[crunchip]

@Axel-Koeneke jetzt hab ich gefunden, was du meinst. Ehrlich gesagt hab ich keine Ahnung wie das da rein kommt. Hatte die View selbst mal von hier im Forum irgendwann mal importiert, scheinbar war das damals schon im code.

[JB_Sullivan]

Ich bin in css auch nicht wirklich fit

Wie bekomme ich die seitlichen Abstände zwischen den Tonnen und die oberen und unteren Abstände der Schrift zu den Tonnen eingestellt?

[haus-automatisierung]

Hier noch ein Video zu dem Adapter (inklusive VIS-Integration)

[SBorg]

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

Ich bin in css auch nicht wirklich fit

Dann wird es schwierig, da dafür einige Änderungen notwendig sind. Ev. passt ja "meine" finally Version für dich (zumindest sind darin alle notwendigen Stellschrauben vorhanden):

Zur besseren Lesbarkeit habe ich den Text noch mit einem Schatten versehen.

/*Trashschedule-Adapter*/
.trashtype .daysleft {
    background: none !important;
    top: 56%;
    transform: scale(0.8) !important;
}

.trashtype .dumpster {
    transform: scale(0.8) !important;
    height: 98px !important;
}

.trashtype {
    width: 58px !important;
}

.trashtype .name {
    font-size: 16px !important;
    margin-top: 5px !important;
}

Passende Widgetgröße (für 5 Tonnen, sonst minus ~60px schmaler je Tonne):