[Modul] Abfallwirtschaft - Awido, Abfall+, Regio IT, MyMüll, MüllMax, ICS

body {margin: 0px;} ::-webkit-scrollbar {width: 8px;} ::-webkit-scrollbar-track {background: transparent;} ::-webkit-scrollbar-thumb {background: transparent; border-radius: 20px;} ::-webkit-scrollbar-thumb:hover {background: #555;} .cardS {display:block;} .cardM {display:none;} .cardL {display:none;} #grid {text-align: center;} #col1 {width: 50%; height: 100%; display: flex; float: left;} #col2 {width: 50%; height: 100%; float: left; text-align: left;} #row1 {width: 100%; height: 65%; display: flex;} .icon {width: 100%; height: 100%;} .icon–blue {fill: #1F6CD1;} .icon–green {fill: #00B31B;} .icon–yellow {fill: #FBFF05;} .icon–red {fill: #F35A2C;} .icon–gray {fill: #999A9C;} .text {font-size: 14px;} .hidden {width:0; height:0; position:absolute;} table.wwx {border-collapse: collapse; width: 100%;} .wwx th, .wwx td {vertical-align: middle; text-align: left; padding: 10px;} .wwx tr {border-bottom: 1px solid color-mix(in srgb, currentColor 25%, transparent);} .tr4 tr > :nth-child(4) {text-align:right;} .badge {border-radius: 5px; min-width: 100px; text-align: center; float: right; color: white;} .green {background-color: #58A906;} .yellow {background-color: #FFC107;} .red {background-color: #F35A2C;} @media screen and (min-width: 384px) { .cardS {display:none;} .cardM {display:block;} .cardL {display:none;} } @media screen and (min-width: 600px) { .cardS {display:none;} .cardM {display:none;} .cardL {display:block;} .icon {width: 24px; height: 24px;} }

in 2 Tagen
Leerung: Grünschnitt

Nächste Abholung:
in 2 Tagen
am Mittwoch 05.11.
AbfuhrTerminAbholung
Leerung: Bio03.11.2025
Heute
Leerung: Grünschnitt05.11.2025
2 Tagen
Leerung: Rest07.11.2025
4 Tagen
Leerung: Papier12.11.2025
9 Tagen
Leerung: Wertstoff19.11.2025
16 Tagen

Das Modul sagt 1.1 oder 1.2 ist nicht ganz klar.
Sehe aber, dass auf git 1.4 gibt.

Soll ich mal auf beta switchen?

Mit dem Tablet ist es etwas schwierig, reicht dir der code oben?

Hallo Stefan, habe jetzt selbst ein Dummy Modul angelegt und dessen ID oben im Skript angegeben.

Die Fehlermeldung ist leider immer noch dieselbe - ev. etwas für PHP-Experten?

Benachrichtigen lasse ich mich über WhatsApp, da habe ich einen Benachrichtigungsdienst aboniert. Den Tipp dazu habe ich aus dem IPS-Forum - kostet aber im Jahr 2 Euro, wenn ich mich richtig erinnere.

LG Werner

Hallo Pitti.

Habe tatsächlich auch ein Problem mit der Farbdefinition. Bei mir nimmt er für die Wertstofftonne anscheinend die für die Restmülltonne definierte Farbe = grau.

Das Türkis für die Wertstofftonne (Leichtverpackungen) ignoriert er. Papiertonne (blau) und Biomüll (braun) funktionieren.

Gruesse.

Passt den der Suchbegriff zu deiner Abfallart, also wenn die Art = „Wertstofftonne“ ist, dann sollte bei Suchbegriff sowas wie „wertstoff“ stehen!

Wenn er bei den Suchbegriffen kein Match hat nimmt er immer den letzten Eintrag un der ist bei Dir grau!

Gruß Heiko

Ah, verstanden. Kaum macht man es richtig…

1 „Gefällt mir“

Leider nein, ich brauche den gesamten Inhalt der Variable Abholung und bitte hier als Code (</>) gepostet und nicht als normalen Text bitte!

Danke & Ciao
Heiko

Nochmal ich, da gabe es vor langer Zeit einen Bug, aber der ist schon lange weg => [Modul] Abfallwirtschaft - Awido, Abfall+, Regio IT, MyMüll, MüllMax, ICS - #245 von pitti

Kann es sein das Du noch mit einer sehr alten Version am Start bist!!!

Gruß Heiko

Ich habe keine update benachrichtigung. Sollte also die letzte stable sein.

Code muss ich an den Rechner, mit Tablet wird man wahnsinnig in der console.

Welche IPS Version haste?

8.1
Und noch die 20 zeichen voll machen

1 „Gefällt mir“
<meta name="viewport" content="width=device-width, initial-scale=1"><style>    body {margin: 0px;}    ::-webkit-scrollbar {width: 8px;}    ::-webkit-scrollbar-track {background: transparent;}    ::-webkit-scrollbar-thumb {background: transparent; border-radius: 20px;}    ::-webkit-scrollbar-thumb:hover {background: #555;}    .cardS {display:block;}    .cardM {display:none;}    .cardL {display:none;}    #grid {text-align: center;}    #col1 {width: 50%; height: 100%; display: flex; float: left;}    #col2 {width: 50%; height: 100%; float: left; text-align: left;}    #row1 {width: 100%; height: 65%; display: flex;}    .icon {width: 100%; height: 100%;}    .icon--blue {fill: #1F6CD1;}    .icon--green {fill: #00B31B;}    .icon--yellow {fill: #FBFF05;}    .icon--red {fill: #F35A2C;}    .icon--gray {fill: #000000;}    .text {font-size: 14px;}    .hidden {width:0; height:0; position:absolute;}    table.wwx {border-collapse: collapse; width: 100%;}    .wwx th, .wwx td {vertical-align: middle; text-align: left; padding: 10px;}    .wwx tr {border-bottom: 1px solid color-mix(in srgb, currentColor 25%, transparent);}    .tr4 tr > :nth-child(4) {text-align:right;}    .badge {border-radius: 5px; min-width: 100px; text-align: center; float: right; color: white;}    .green {background-color: #58A906;}    .yellow {background-color: #FFC107;}    .red {background-color: #F35A2C;}    @media screen and (min-width: 384px) {        .cardS {display:none;}        .cardM {display:block;}        .cardL {display:none;}    }    @media screen and (min-width: 600px) {        .cardS {display:none;}        .cardM {display:none;}        .cardL {display:block;}        .icon {width: 24px; height: 24px;}    }</style><!-- Small Cards --><div class="cardS">    <div id="grid">        <div id="row1"><svg class="icon icon--gray" aria-hidden="true"><use xlink:href="#icon-waste" href="#icon-waste" /></svg>        </div>        <div id="row2" class="text">Morgen</div>    </div></div><!-- Medium Cards --><div class="cardM">    <div id="grid">        <div id="col1"><svg class="icon icon--gray" aria-hidden="true"><use xlink:href="#icon-waste" href="#icon-waste" /></svg>        </div>        <div id="col2" class="text">Leerung: Rest<br /><br />Nächste Abholung:<br />Morgen<br />am Freitag 07.11.</div>    </div></div><!-- Large Cards --><div class="cardL">    <table class="wwx tr4">        <thead >            <tr><th></th><th>Abfuhr</th><th>Termin</th><th>Abholung</th></tr>        </thead><tr><td><svg class="icon icon--gray" aria-hidden="true"><use xlink:href="#icon-waste" href="#icon-waste" /></svg></td><td>Leerung: Rest</td><td>07.11.2025</td><td><div class="badge yellow">Morgen</div></td></tr><tr><td><svg class="icon icon--blue" aria-hidden="true"><use xlink:href="#icon-waste" href="#icon-waste" /></svg></td><td>Leerung: Papier</td><td>12.11.2025</td><td><div class="badge green">6 Tagen</div></td></tr><tr><td><svg class="icon icon--green" aria-hidden="true"><use xlink:href="#icon-waste" href="#icon-waste" /></svg></td><td>Leerung: Bio</td><td>17.11.2025</td><td><div class="badge green">11 Tagen</div></td></tr><tr><td><svg class="icon icon--yellow" aria-hidden="true"><use xlink:href="#icon-waste" href="#icon-waste" /></svg></td><td>Leerung: Wertstoff</td><td>19.11.2025</td><td><div class="badge green">13 Tagen</div></td></tr>    </table></div><!-- Hidden Inline SVG --><svg xmlns="http://www.w3.org/2000/svg" class="hidden">    <symbol id="icon-waste" viewBox="0 0 24 24">        <path d="M3 6.38597C3 5.90152 3.34538 5.50879 3.77143 5.50879L6.43567 5.50832C6.96502 5.49306 7.43202 5.11033 7.61214 4.54412C7.61688 4.52923 7.62232 4.51087 7.64185 4.44424L7.75665 4.05256C7.8269 3.81241 7.8881 3.60318 7.97375 3.41617C8.31209 2.67736 8.93808 2.16432 9.66147 2.03297C9.84457 1.99972 10.0385 1.99986 10.2611 2.00002H13.7391C13.9617 1.99986 14.1556 1.99972 14.3387 2.03297C15.0621 2.16432 15.6881 2.67736 16.0264 3.41617C16.1121 3.60318 16.1733 3.81241 16.2435 4.05256L16.3583 4.44424C16.3778 4.51087 16.3833 4.52923 16.388 4.54412C16.5682 5.11033 17.1278 5.49353 17.6571 5.50879H20.2286C20.6546 5.50879 21 5.90152 21 6.38597C21 6.87043 20.6546 7.26316 20.2286 7.26316H3.77143C3.34538 7.26316 3 6.87043 3 6.38597Z"/>        <path fill-rule="evenodd" clip-rule="evenodd" d="M11.5956 22.0001H12.4044C15.1871 22.0001 16.5785 22.0001 17.4831 21.1142C18.3878 20.2283 18.4803 18.7751 18.6654 15.8686L18.9321 11.6807C19.0326 10.1037 19.0828 9.31524 18.6289 8.81558C18.1751 8.31592 17.4087 8.31592 15.876 8.31592H8.12404C6.59127 8.31592 5.82488 8.31592 5.37105 8.81558C4.91722 9.31524 4.96744 10.1037 5.06788 11.6807L5.33459 15.8686C5.5197 18.7751 5.61225 20.2283 6.51689 21.1142C7.42153 22.0001 8.81289 22.0001 11.5956 22.0001ZM10.2463 12.1886C10.2051 11.7548 9.83753 11.4382 9.42537 11.4816C9.01321 11.525 8.71251 11.9119 8.75372 12.3457L9.25372 17.6089C9.29494 18.0427 9.66247 18.3593 10.0746 18.3159C10.4868 18.2725 10.7875 17.8856 10.7463 17.4518L10.2463 12.1886ZM14.5746 11.4816C14.9868 11.525 15.2875 11.9119 15.2463 12.3457L14.7463 17.6089C14.7051 18.0427 14.3375 18.3593 13.9254 18.3159C13.5132 18.2725 13.2125 17.8856 13.2537 17.4518L13.7537 12.1886C13.7949 11.7548 14.1625 11.4382 14.5746 11.4816Z"/>    </symbol></svg>

Morgen ist Restmüll und ich habe das testweise ganz schwarz gemacht.

In der Kachel ist der Mülleimer weiß.

Danke Dir für die Daten.

Also, im HTML ist der ‚Allgemeine Müll‘ korrekt mit #000000 kodiert. Wie man anhand deines Screens ja auch sehen kann. Warum es Weiß angezeigt wird ist mir nicht erklärlich. Kannst Du nochmal ein Screen von der Visu zeigen wo es dann Weiß ist?. Welchen Theme nutz du - Standard oder selber definiert? Irgendwelche anderen Sachen die CSS beeinflußen könnten?

Gruß HEiko

Läuft das in der APP oder im Browser?

Falls Browser, mal einen anderen getestet oder im Inkognito Modus?

2 „Gefällt mir“

Ok, das ist spannend.
Es ist ein fully kiosk browser Problem.
Auf Edge ist es korrekt schwarz.

Ich glaube ich dribbel mich zur Lösung, meine ich hätte in einem der myriaden von Einstellungen bei dem fkb mal was zu darkmode gesehen.

Edit: ja ich kanns bestätigen, man muss beim fkb force darkmode off einstellen, da er sonst den standard des systems nimmt und meint er müsse aus schwarz weiß machen. Was sinnbefreit ist, wenn das setting in der visu light ist.