Installationshilfe

Konfig & Integration
1

Hallo Zusammen,

Ich bin noch sehr neu im HA-Game

Ich würde gern folgendes in mein Dashboard nutzen

Leider verstehe ich die Anleitung nicht ganz (mein Englisch ist nicht gut)
Könnte mir evtl. jemand eine Schritt-für-Schritt Anleitung geben wie ich das Ganze installieren kann

Danke im Voraus
Gruß
Marcel

2

Moin, ich habe es mal für dich auf deutsch zusammengefasst. Hoffe nichts vergessen zu haben.

Die folgenden Schritte orientieren sich am GitHub‑README:

1. Voraussetzung: time_date‑Sensoren einrichten

In deiner configuration.yaml muss (falls noch nicht vorhanden) dieser Block stehen. Der time_date Sensor darf aber nur einmal vorhanden sein.

sensor:
  - platform: time_date
    display_options:
      - time
      - date
      - date_time
      - date_time_utc
      - date_time_iso
      - time_date
      - time_utc
      - beat

Damit erzeugt HA die nötigen Sensoren wie sensor.time_date, sensor.date_time_iso, sensor.beat, usw. Die Uhr basiert nämlich nicht auf Systemzeit, sondern auf diesen Entitäten. Nach dem Speichern Home Assistant komplett neu starten.

2. Dateien in deine config/www-Struktur kopieren

  1. öffne den File Editor in Home Assistant.
  2. Navigiere zum Verzeichnis config/www.
  • Dort den Ordner custom_ui anlegen.
  • Darin dann den Ordner htc-weather anlegen – genau so benennen muss übereinstimmen mit der Karte!
  1. Kopiere den gesamten Inhalt des GitHub‑Repos lovelace‑htc‑flipclock‑weather (nur den Inhalt, nicht den übergeordneten Ordner) in das neu angelegte Verzeichnis .../custom_ui/htc-weather/.
    Wichtig: es darf keine weitere Unterordner‑Ebene geben („htc-weather/htc-flipclock-weather/…” würde sonst nicht funktionieren)

3. Resource in Lovelace einbinden

Danach unter Einstellungen, Dashboard über die drei Punkte oben rechts → Ressource verwalten anwählen und folgendes hinzufügen (also die URL als neue Resource hinterlegen):

resources:
  - url: /local/custom_ui/htc-weather/htc-flipclock-weather.js?v1.4.1
    type: module

Nach dem Hinzufügen erneut Home Assistant neu starten, damit die Resource geladen wird.

4. Card in Dashboard

Jetzt kannst du von der github-page mit den ersten Beispielen in deinem Dashboard testen,

  type: 'custom:htc-weather-card'
  entity: weather.dark_sky
  high_low_entity:
    entity_id: sensor.time_utc
    name: UTC Time
  renderForecast: true
  sun: sun.sun
  theme:
    name: dusk
    weather_icon_set: default
2 „Gefällt mir“
3

@jayjojayson
Vielen Dank für deine Mühe

Wenn ich den Code

sensor:
  - platform: time_date
    display_options:
      - time
      - date
      - date_time
      - date_time_utc
      - date_time_iso
      - time_date
      - time_utc
      - beat

in die „configuration.yaml“ eingebe und dann in den „Entwicklerwerkzeuge“ auf „Konfiguration prüfen“ klicke bekomme ich folgenden Fehler

Konfigurationswarnungen
Invalid config for ‚time_date‘ from integration ‚sensor‘ at configuration.yaml, line 24: value must be one of [‚date‘, ‚date_time‘, ‚date_time_iso‘, ‚date_time_utc‘, ‚time‘, ‚time_date‘, ‚time_utc‘] ‚display_options->7‘, got ‚beat‘

4

Entferne mal das beat aus dem Sensor und versuche es dann nochmal. Sagt zumindest die Fehlermeldung. Vielleicht wird beat nicht mehr unterstützt. Letztes Release der Integration ist ja auch schon ein Jahr her.

1 „Gefällt mir“
5

Danke @jayjojayson

Das hat erstmal funktioniert

Aber wie mache ich das?

Was nehme ich denn dafür dann für eine Card?

6

Dafür musst du eine „manuelle-Card“ nutzen und dort kopierst du eins der Beispiele hinein. Also ins Dashboard gehen, neue Card hinzufügen auswählen und dann einfach auf der Tastur „manuell“ eingegeben, dann wird dir die Card zu Auswahl angeboten.

7

hmmm
Da bleibt bei mir die Card schwarz

8

Dann muss noch irgendwo ein Fehler beim erstellen sein. Kann dir aber nicht wirklich sagen wo. Wenn die Card leer bleibt, wird vielleicht die Ressource nicht korrekt verwendet oder hat doch etwas mit dem fehlenden Sensor „beat“ zu tun.