Neues YouTube-Video: Visualisierung im Devices-Adapter

[SKB]

@Homoran Welche Version nutzt du?

Bei mir mit der aktuellen Version und am Handy sieht es so aus:

[Homoran]

@SKB sagte:

Welche Version nutzt du?

0.8.1 mit Feuerfuchs

[SKB]

@Homoran als "App" oder direkt im Browser?
Wenn direkt im Browser kannst du die Seite ein wenig hochschieben, damit die Adressleiste verschwindet, dann sollte genug Platz sein, damit alles dargestellt wird.

[Homoran]

@SKB sagte:

direkt im Browser

Nix Adressleiste und nix Button 😞

Ich probiere nochmal anderen Browser

edit:

Duckduckgo(chromium basiert) nicht wirklich besser

[arteck]

@Homoran da sind die 2 buttons

scroll mal runter

da scheint die scallierung der seite bei nir nicht zu funktionieren

[Homoran]

@arteck sagte:

da sind die 2 buttons

Ich weiß man trifft sie sogar, wenn man es weiß

@arteck sagte:

scroll mal runter

Das hab ich nicht getroffen. Mit schieben scrollte die Tabelle, nicht die Seite

[SKB]

@Homoran Drück oben den Titel - dann scrollt die Seite weiter. Du bist noch nicht am Ende 😉

Das Layout ist so aufgebaut, das die komplette Tabelle inklusive der Buttons darunter sichtbar sein kann, wenn nur der Bereich "Datenquellen" maximal nach oben gezogen ist!

[Homoran]

@SKB
Jaja, jetzt hab auch ich einen Punkt gefunden wo es bei der Ente klappt, aber Feuerfux will nicht (mal wieder)

EDIT:
Reboot tut gut!
Jetzt geht es auch mit dem Fuchs

DANKE!

[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