Stundenplan der Kinder auf dem Dashboard

Als iframe mit der Webpage Card.

Die .HTML und . CSS Datei wird im www-folder in HA abgelegt.

@jk1234 :

Ich habe noch eine andere Lösung gefunden:

Die Karte funktioniert für mich besser, da ich den HTML-Code dynamisch erstelle und in einem Sensor speichere.

Ich würde den Stundenplan vom Schulportal laden und dann in einer custom:flex-Table-Card darstellen.

Das wäre natürlich optimal. Unser Portal hat meines Wissens keine API und der Plan ist darin auch nicht gepflegt.

Jetzt hast du genau den Familienplan oben links verpixelt. Wie hast du denn den gelöst?

Ich war auch eine Weile auf einer Suche nach einer Karte, die mir die Kalender im Stil von Outlook anzeigt. Aber der Atomic Calendar kann genau das nicht, und als ich nachfragte kam die Antwort, dass diese Anforderung nicht auf deren Roadmap sein würde mittelfristig.

Zeigst du nur eine Liste gruppiert nach Personen oder Tagen?

Hey,

ich habe das Bild nachträglich über eine Webseite verpixelt, weiß nicht mehr welche. Erster Google Treffer :wink:

Ich weiß nicht genau was du noch meinst, vielleicht hilft dir meine Kalender Config?

type: custom:atomic-calendar-revive
enableModeChange: true
entities:
 entity: calendar.familie_XXX
    name: Familie Stöber
    maxDaysToShow: 100
    showMultiDay: true
 entity: calendar.geburtstage
    name: Geburtstage
    maxDaysToShow: 100
showDeclined: false
showDate: false
showRelativeTime: false
showMultiDay: false
offsetHeaderDate: false
allDayBottom: true
showMonth: true
showWeekDay: true
showCurrentEventLine: false
showDescription: false
disableEventLink: false
disableLocationLink: true
showNoEventsForToday: true
showFullDayProgress: true
showEventIcon: false
showWeekNumber: false
showCalendarName: false
showDatePerEvent: false
showTimeRemaining: false
showAllDayHours: true
hoursOnSameLine: true
calShowDescription: false
disableCalEventLink: false
showLastCalendarWeek: false
dimFinishedEvents: true
showHiddenText: false
refreshInterval: 320
maxDaysToShow: 30
maxEventCount: 25
showLocation: true
hideDuplicates: false
showAllDayEvents: true
showProgressBar: true
showEventDate: true

:crayon:by HarryP: Codezeilen formatiert.

Danke dir.
Ich meinte eigentlich nicht die Verpixelung, sondern wie du deinen Kalender darstellst vom Layout her.

Hast du deine Kalender mit Google oder Oiffce365 syncronisiert, oder sind das separat gepflegte Kalender direkt aus Home Assistant heraus?

Das sind 2 iCloud Kalender die ich direkt in HA Integriert habe. Mit Atomic Calendar stelle ich die Einträge da.

Ah, sehr gut. Danke dir!

Hallo,

könntest du vielleicht erklären wie Du das eingebunden hast?

Denn ich bekomme dies leider nicht hin.

Vielen Dank

Was funktioniert nicht?

Ich bekomme leider nichts angezeigt.

Wie muss ich denn die Seite einbinden?!

Ich habe es so probiert als Website-Konfiguration:

type: iframe
url: https://jsfiddle.net/4Lvx8y3p/8/
aspect_ratio: 75%

Ich habe das HTML/CSS/js lokal gespeichert und eingebunden. Doku dazu ist unter Webpage card - Home Assistant

Könntest Du mir das evtl. eklären? Ich bin leider noch ganz am Anfang und soweit ich verstanden habe, muss ich die gewünschten Daten unter dem Ordner www ablegen, aber wie kann ich diese dann “abrufen”? Dieser Befehl erschließt sich mir leider nicht.

Danke für deine Hilfe