Neues YouTube-Video: Visualisierung im Devices-Adapter

[SKB]

@Homoran Ich sage ja immer: Geht nicht, gibts nicht ;)

Ich habe für das Layout massiv viel Zeit investiert, damit es eben genau so funktional ist. Daher konnte ich mir nicht vorstellen, das es nicht funktioniert ;)

[hotspot_2]

@SKB Alles klar, passt für mich die Erklärung. Dann eben auch bei Massenänderungen einfach schrittweise vorgehen.

Danke für die Rückmeldung.

[Daniel 8]

@SKB
da kommt bei mir Bad String. An was liegt das?

{
  0: {
    "value":"Laden",
  },
  1: {
    "value":"Entladen"
  },
  2: {
    "value":"Warten"
  }
}

[SKB]

@Daniel-8 Wo genau kommt "Bad String"?

Bei solchen Dingen ist es immer hilfreich, die komplette Fehlermeldung inklusive Quellenwerten und des Types anzugeben. Ansonsten dauert die Beantwortung länger, da wichtige Informationen fehlen.

EDIT: Das Komma hier ist nicht richtig:

0: {
    "value":"Laden", <---
  },

[warp735]

@Daniel-8 sagte:

An was liegt das?

An deinen Kommas wahrscheinlich

[Daniel 8]

@SKB sagte:

@Daniel-8 Wo genau kommt "Bad String"?

Bei solchen Dingen ist es immer hilfreich, die komplette Fehlermeldung inklusive Quellenwerten und des Types anzugeben. Ansonsten dauert die Beantwortung länger, da wichtige Informationen fehlen.

EDIT: Das Komma hier ist nicht richtig:

0: {
    "value":"Laden", <---
  },

Anbei ein Screenshot. Kommt leider immer noch der Fehler. Ich kenn mich eben mit solchen CSS Formatierungen nicht aus.

[SKB]

@Daniel-8 Dann setz die Zahlen mal in "-Zeichen. "0": usw

[Daniel 8]

@SKB sagte:

@Daniel-8 Dann setz die Zahlen mal in "-Zeichen. "0": usw

Danke, das war es

[gsiffert]

Hallo, habe eine Problem mit der Version ab 0.8.0 dieses Adapters. Die Kacheln (Elemente hinzufügen, Aktionen usw.) sind alle leer und es läufen graue Balken durch. Wenn ich die Version 0.7.8 installiere geht alles. Mein IoBroker Version 7.7.22 läuft auf einem Rasp. 4, Node.js: v22.22.1(22.22.2), NPM: 10.9.4. Weiß jemand woran es liegen könnte und wie man es beheben kann. Vielen Dank

Hat sich erledigt wurde ja hier im Chat schon beantwortet

[Shadowhunter23]

Ich muss jetzt nochmals fragen zu einer Animation des Akku Symbols mdi:battery-high:

Im CSS steht:

/* Icons for Battery */
:root {
    --empty: 'M16,20H8V6H16M16.67,4H15V2H9V4H7.33A1.33,1.33 0 0,0 6,5.33V20.67C6,21.4 6.6,22 7.33,22H16.67A1.33,1.33 0 0,0 18,20.67V5.33C18,4.6 17.4,4 16.67,4Z';
    --low: 'M16 20H8V6H16M16.67 4H15V2H9V4H7.33C6.6 4 6 4.6 6 5.33V20.67C6 21.4 6.6 22 7.33 22H16.67C17.41 22 18 21.41 18 20.67V5.33C18 4.6 17.4 4 16.67 4M15 16H9V19H15V16';
    --medium: 'M16 20H8V6H16M16.67 4H15V2H9V4H7.33C6.6 4 6 4.6 6 5.33V20.67C6 21.4 6.6 22 7.33 22H16.67C17.41 22 18 21.41 18 20.67V5.33C18 4.6 17.4 4 16.67 4M15 16H9V19H15V16M15 11.5H9V14.5H15V11.5Z';
    --high: 'M16 20H8V6H16M16.67 4H15V2H9V4H7.33C6.6 4 6 4.6 6 5.33V20.67C6 21.4 6.6 22 7.33 22H16.67C17.41 22 18 21.41 18 20.67V5.33C18 4.6 17.4 4 16.67 4M15 16H9V19H15V16M15 7H9V10H15V7M15 11.5H9V14.5H15V11.5Z';
}

/* Statische Füllstände, wenn keine Animation aktiv ist */
.battery_empty path {
    d: path(var(--empty));
}

.battery_low path {
    d: path(var(--low));
}

.battery_medium path {
    d: path(var(--medium));
}

.battery_high path {
    d: path(var(--high));
}

/* Animation nur für die Richtung */
.battery_charge path {
    animation: charge 4s linear infinite;
}

.battery_discharge path {
    animation: discharge 4s linear infinite;
}

.battery_stop path {
    animation: none !important;
}

/* Animation for battery */
@keyframes charge {
    0% {
        d: path(var(--empty));
    }

    25% {
        d: path(var(--low));
    }

    50% {
        d: path(var(--medium));
    }

    75% {
        d: path(var(--high));
    }

    100% {
        d: path(var(--high));
    }
}

@keyframes discharge {
    0% {
        d: path(var(--high));
    }

    25% {
        d: path(var(--medium));
    }

    50% {
        d: path(var(--low));
    }

    75% {
        d: path(var(--empty));
    }

    100% {
        d: path(var(--empty));
    }
}

Ich habe extra einen Datenpunkt angelegt der mit beim laden positive Werte schreibt und beim entladen negative Wert schreibt. Bei überschreiben habe ich dies stehen:

{
    "default": {
        "class": "val => Math.abs(Number(val)) >= 100 ? 'battery_stop' : (Number(val) > 0 ? 'battery_charge' : Number(val) < 0 ? 'battery_discharge' : 'battery_stop')"
    }
}

Die Animation läuft hoch und runter je nach Wert nur stoppt diese nicht bei 100%. Wo liegt mein Fehler?

[TimoWald]

@gsiffert wo wurde es beantwortet? Finde die Lösung dazu leider nicht.

[Homoran]

@timowald

@gsiffert sagte:

im Chat

[Loemic]

Moin,

ich hab ein Darstellungsproblem auf der Konfigurationsseite vom Energiefluss-Erweitert Adapter.

Die Steuerelemente werden nicht angezeigt. Da ist nur eine Animation zu sehen, siehe Screenshot:

Der graue Balken läuft in jedem Feld von links nach rechts.

Habe den Adapter mehrfach gelöscht und neu installiert. Das brachte leider keine Besserung.

Hat jemand eine Idee? Leider kann ich nichtmal sagen, seit wann das Problem auftritt.

[Homoran]

@Loemic das Phänomen wurde bereits beschrieben, ich glaube von @wendy2702

Soweit ich mich eri nere war die Lösung das Tutorial durchlaufen zu lassen und dann noch mal zu speichern

[Loemic]

Danke @homoran !

Speichern und F5 haben geholfen. Die Suche hatte mich nicht vorangebracht, umso besser war dann deine Antwort!