Introduce vehicle icons

[naltatis]

Introduce the ability customisable vehicle icons. The icon property can be added to every vehicle in the config.

vehicles:
  - name: heater
    type: template
    template: offline
    title: Wärmepumpe
    icon: waterheater         <<<<

Since evcc primarily focuses on vehicle charging most new icons have wheels. But we know that quite a number of users also use evcc to control the energy flow to other devices. That's why we've also added a few additional icons.

If you have a wish for additional use cases please let me know here.

Here is a list of all icons:

car, bike, scooter, moped, motorcycle, van, bus, tractor, generic, heater, cooler, waterheater

A few screenshots of custom icons in action. The visualisation always uses the icon of the first active loadpoint.

bike

heatpump

👉🏼 http://demo-next.evcc.io/

fixes #5108

[andig]

Die Wärmepumpe gehört aber nicht in die Garage sondern ins Freie ;)

[naltatis]

In dem Beispiel hab ich natürlich eine portable Wärmepumpe verwendet 😆

[StevieC121176]

Gefällt mir sehr gut.
In der Demo werden bei mir die neuen Symbole nicht angezeigt. Ich kann zwar Wämepumpe und Bike auswählen, Symbol ist aber immer das Auto.

Noch eine Frage zur Visualisierung. Habe ich 2 aktive Ladepunkte , ein Auto und ein Fahrrad, wird das in der Visualisierung (oben mit den Klammern) auch getrennt als solche angezeigt?

[naltatis]

In der Demo werden bei mir die neuen Symbole nicht angezeigt. Ich kann zwar Wämepumpe und Bike auswählen, Symbol ist aber immer das Auto.

Ist nun gefixt. Hier waren die Production Assets noch nicht neu gebaut.

Noch eine Frage zur Visualisierung. Habe ich 2 aktive Ladepunkte , ein Auto und ein Fahrrad, wird das in der Visualisierung (oben mit den Klammern) auch getrennt als solche angezeigt?

Ich hab hier bewusst erstmal die einfache Lösung gemacht und nur ein Icon (erstes aktives) im oberen Bereich angezeigt. Wenn wir anfangen mehrere Icons dort anzuzeigen wird's schnell komplex. Was machen wir bspw. mit Setups die fünf oder mehr Ladepunkte habe? Ich würd mir dieser "einfachen" Variante erstmal ins Rennen gehen und dann schauen wie gut das funktioniert.

[andig]

Wenn wir anfangen mehrere Icons dort anzuzeigen wird's schnell komplex.

Eine mögliche Lösung könnte sein, dasjenige mit der größten Leistung zu verwenden?

[batmanvane]

Wenn wir anfangen mehrere Icons dort anzuzeigen wird's schnell komplex.

Eine mögliche Lösung könnte sein, dasjenige mit der größten Leistung zu verwenden?

Oder: Bei mehreren aktiven Ladepunkten ein "Multisymbol". Dann bleibt es bei genau einem Symbol, man weiss aber, dass mehrere aktiv. welche genau swiped man dann durch. Wenn man es einfach halten möchte (und damit übersichtlich), dann vielleicht so. Ist halt die Frage, was man von der Anzeige wissen möchte. Mehrer Icons neben/untereinander wird schnell unübersichtlich- zumindest von meinem Gefühl.

[StevieC121176]

man könnte auch bei max <= 2 oder 3 Ladepunkten getrennt anzeigen und alles >2 oder 3 Ladepunkten als gemeinsamen Verbrauch z.Bsp. das generic Symbol

[batmanvane]

Was passiert eigtl, wenn 2 PV Quellen vorhanden? Zeigt Evcc das dann äquivalent wie bei den Lasten an?

[naltatis]

Was passiert eigtl, wenn 2 PV Quellen vorhanden? Zeigt Evcc das dann äquivalent wie bei den Lasten an?

Nein, PV, Batterie und Grid wird immer aufsummiert.

[naltatis]

Danke für die Ideen. Hier noch mal ein Update zum Fall "mehrere aktive Ladepunkte":

• sind mehrere unterschiedliche(!) Icons aktiv wird in der Visualisierung und Legende ein Multi-Icon (⓶,⓷, ...) angezeigt
• die Nummer im Multi-Icon (sofern vorhanden) zeigt die Anzahl der aktiven Ladepunkte
• haben alle aktiven Ladepunkte das gleiche Icon wird dies verwendet (analog bisheriges Verhalten)

Fahrrad & Auto

2 Autos

Perspektive für Später: Wir könnten mehrere Ladevorgänge in der Balkenvisualisierung in separate Abschnitte (Klammer mit Icon) aufbrechen. Dann würden die jeweiligen Icon mit ihrem entsprechenden Anteil dargestellt werden.

Neue Varianten für mehrere Icons

Multi-Icons: 1 bis 9+

[batmanvane]

sehr schön, multiicon mit anzahlinfo. freu mich schon aufs testen: eauto und escooter. ab wann ist das festure drin? merci!

[andig]

Wie immer wenns drin ist!

[StevieC121176]

Die Umsetzung gefällt mir sehr gut. Vielen Dank für dieses super Projekt "EVCC".

Perspektive für Später: Wir könnten mehrere Ladevorgänge in der Balkenvisualisierung in separate Abschnitte (Klammer mit Icon) aufbrechen. Dann würden die jeweiligen Icon mit ihrem entsprechenden Anteil dargestellt werden.<

Das wäre genial

[hyperbart]

@naltatis : this is only the icons, there is not yet a way to add a VanMoof or Stromer or Heatpump, right? Because how would that look, you can't "charge" a heatpump?

[TobiasSt78]

Super gut! EVCC wird jede Woche noch besser. Das löst echt viele Wünsche und ich liebe es zu individualisieren. So kann ich z.B. meinen E-Autos unterschiedliche Symbole geben und sehe direkt auf einen Blick, welches gerade lädt :-).

Durch Zufall passt das Bus- und Auto Symbol für mich. Ich könnte mir gut vorstellen, dass zur Differenzierung gern alternative "Auto-Symbole" gewünscht werden. Ich hätte gern nen Porsche (nicht nur als Symbol ;-))

Damit die GUI selbsterklärend und mit Top UX bleibt, könnte das jeweilige Symbol vor dem Fahrzeugnamen im unteren Teil vorangestellt werden. Das ist dann eine "intuitive Legende".

Zu der Klammerthematik / Übersichtlichkeit: ab >20 % vom Balken wäre eine eigene Klammer mit Symbol ausreichend groß - oder wie vorgeschlagen alles ab 3 Verbraucher zusammenfassen... oder auch dies "default" auf 3 setzten und vom Power-User einstellbar gestalten?

In der Demo: Das VanMoove Bike kann mit 11 kW laden. Krass

[rediculum]

In der Tat wirds immer besser! Ich hatte auch schon den Gedanken über individuelle Icons. Dachte erst noch an Automarken, aber da wirds wohl Probleme mit Copyrights geben.

Jetzt sieht das Icon der WP schon besser aus

[andig]

Der logische nächste Schritt wäre ja jetzt auch die Begriffe SoC und die Einheit % konfigurierbar zu machen ;)

[rediculum]

Der logische nächste Schritt wäre ja jetzt auch die Begriffe SoC und die Einheit % konfigurierbar zu machen ;)

Alles Gedanken die ich mir seit ich die WP mit evcc habe auch gemacht habe. Aber der Scope von evcc.io liegt nun mal für die EVs. Es gibt noch irgendwo eine Diskussion über WPs hier und da fiel dieser Satz auch mehrmals, dass evcc eigentlich ein Lademanagement für EVs ist und nicht zu kompliziert werden soll.
Die YAML wird dann irgendwann auch zu aufgebläht wenn immer mehr Features dazu kommen 🤷

[andig]

Das werden wir schon zu verhindern wissen… siehe #5354 für weitere Diskussion. Ich mache hier mal zu.