Moin zusammen,
ich nutze aktuell ein Dashboard via MagicMirror in unserer Küche und möchte dies nun gerne durch ein Home Assistent Dashboard ersetzen.
Aktuell fummel ich noch daran einen Stundenplan meiner Tochter sinnvoll darstellen zu können. Über den MagicMirror habe ich es über eine Google Sheet gelöst, ganz simpel.
Gibt es Möglichkeit eine “einfach” Tabelle in Home Assistant auf dem Dashboard darzustellen?
Vermutlich denke ich viel zu kompliziert und die Lösung liegt schon vor mir 
Wenn du ein bisschen html (table) kannst, kannst du das z.b. über eine Markdown Karte machen.
Dafür reichts leider nicht bei mir 
Wenn ich eine Vorlage habe in der in den Spalten Uhrzeit, Montag, Dienstag usw. stehen, kann ich mir vermutlich was herleiten.
Moin,
hängt von der gewünschten Ästhetik ab
Es gibt da zu aller erst die Markdown Card
type: markdown
content: >-
The **Markdown** card allows you to write any text. You can style it **bold**,
*italicized*, ~strikethrough~ etc. You can do images, links, and more.
For more information see the [Markdown
Cheatsheet](https://commonmark.org/help).
Dann geht es auch wie bisher → Google Sheets - Home Assistant
VG
Bernd
P.S.: das ist sozusagen die einfachste Version einer Tabelle in Markdown
Ist relativ easy, schau mal hier: HTML Table (With Examples)
Ich habe das ganz rudimentär bei mir gemacht. Auch über die Markdown Card:
<center>
<table width=973>
<col width=123>
<col width=170 span=5>
<tr>
<td><br /> </td>
<td><b>Montag</b><br /><hr /></td>
<td><b>Dienstag</b><br /><hr /></td>
<td><b>Mittwoch</b><br /><hr /></td>
<td><b>Donnerstag</b><br /><hr /></td>
<td><b>Freitag</b><br /><hr /></td>
</tr>
<tr>
<td><b>8:00 - 8:45</b><br /> </td>
<td>Englisch<br /> </td>
<td>Englisch<br /> </td>
<td>Sport<br /> </td>
<td>Deutsch<br /> </td>
<td>Mathe<br /> </td>
</tr>
<tr>
<td><b>8:50 - 9:35</b><br /><hr /></td>
<td>Sachunterricht<br /><hr /></td>
<td>Deutsch<br /><hr /></td>
<td>Musik<br /><hr /></td>
<td>Kunst<br /><hr /></td>
<td>Englisch<br /><hr /></td>
</tr>
<tr>
<td><b>10:00 - 10:45</b><br /> </td>
<td>Lesen/Deutsch<br /> </td>
<td>Mathe<br /> </td>
<td>Mathe<br /> </td>
<td>Schwimmen<br /> </td>
<td>Lesen/Sachunterricht<br /> </td>
</tr>
<tr>
<td><b>10:50 - 11:35</b><br /><hr /></td>
<td>Deutsch<br /><hr /></td>
<td>Musik<br /><hr /></td>
<td>Kunst<br /><hr /></td>
<td>Schwimmen<br /><hr /></td>
<td>Sachunterricht<br /><hr /></td>
</tr>
<tr>
<td><b>11:45 - 12:30</b><br /> </td>
<td>Mathe<br /> </td>
<td>Förder<br /> </td>
<td>Lesen/Deutsch<br /> </td>
<td>Mathe<br /> </td>
<td>ev. Religion<br /> </td>
</tr>
<tr>
<td><b>12:35 - 13:20</b><br /> </td>
<td>B<br /> </td>
<td>B<br /> </td>
<td>B<br /> </td>
<td>Religion<br /> </td>
<td>kath. Religion<br /> </td>
</tr>
</table>
</center>
Perfekt! Vielen Dank!
Wieder was gelernt.
Wenn du mir noch verrätst wie ich die Striche anpassen kann, dann ist das die perfekte Lösung.
Was willst du denn anders haben? Die Striche sind die <hr />
Wollte die Striche nur nach der ersten Zeile. Habe es hinbekommen. Vielen Dank!
Vielen Dank für das Beispiel, hat jemand eine Idee wie man die Darstellung auf dem Handy gescheit hin bekommt? Das läuft rechts dann aus dem Grid raus:
Ich habe es wie folgt gebaut, so bleibt es bei mir im Raster.
type: markdown
content: |-
<center>
<table width=600>
<col width=80>
<col width=10 span=5>
<tr>
<td><br />
<td><b>Montag
<td><b>Dienstag
<td><b>Mittwoch
<td><b>Donnerstag
<td><b>Freitag
<tr>
<td><b>1. Stunde
<td>Sport
<td>Matze
<td>Deutsch
<td>Deutsch
<td>Sport
<tr>
<td><b>2. Stunde
<td>Deutsch</td>
<td>Deutsch</td>
<td>Mathe</td>
<td>Sach</td>
<td>Mathe</td>
</tr>
<tr>
<td><b>3. Stunde
<td>Mathe
<td>Musik
<td>Sach
<td>Mathe
<td>Kunst
</tr>
<tr>
<td><b>4. Stunde
<td>Basis Ko
<td>Kunst
<td>Religion
<td>Religion
<td>Deutsch
</tr>
<tr>
<td><b>
<td>Mittag
<td>Mittag
<td>Mittag
<td>Mittag
<td>Mittag
</tr>
<tr>
</table>
</center>
Ich habe eine extra Tabelle für mein Handy
type: markdown
content: |-
<center>
<table width="320">
<tr>
<td><font size=7px></br><center>🐧</center></font></br> </td>
<td><b>Mo</b><br /><hr /></td>
<td><b>Di</b><br /><hr /></td>
<td><b>Mi</b><br /><hr /></td>
<td><b>Do</b><br /><hr /></td>
<td><b>Fr</b><br /><hr /></td>
</tr>
<tr>
<td><b>8:00 - 8:45</b><br /> </td>
<td>De<br /> </td>
<td>De<br /> </td>
<td>De<br /> </td>
<td>SU<br /> </td>
<td>De<br /> </td>
</tr>
<tr>
<td><b>8:50 - 9:35</b><br /><hr /></td>
<td>Ma<br /><hr /></td>
<td>Ma<br /><hr /></td>
<td>Ma<br /><hr /></td>
<td>Re<br /><hr /></td>
<td>Ma<br /><hr /></td>
</tr>
<tr>
<td><b>10:00 - 10:45</b><br /> </td>
<td>Sp<br /> </td>
<td>Ku<br /> </td>
<td>SU<br /> </td>
<td>De<br /> </td>
<td>SU<br /> </td>
</tr>
<tr>
<td><b>10:50 - 11:35</b><br /><hr /></td>
<td>Sp<br /><hr /></td>
<td>Ku<br /><hr /></td>
<td>SU<br /><hr /></td>
<td>Mu<br /><hr /></td>
<td>Mu<br /><hr /></td>
</tr>
<tr>
<td><b>11:45 - 12:30</b><br /> </td>
<td>--<br /> </td>
<td>En<br /> </td>
<td>Sp<br /> </td>
<td>--<br /> </td>
<td>En<br /> </td>
</tr>
<tr>
<td><b>12:35 - 13:20</b><br /> </td>
<td>--<br /> </td>
<td>Geo<br /> </td>
<td>En<br /> </td>
<td>--<br /> </td>
<td>Fö<br /> </td>
</tr>
</table>
</center>
visibility:
- condition: screen
media_query: "(min-width: 0px) and (max-width: 767px)"
card_mod:
style: |
ha-card {
width: 350px;
margin: auto;
text-align: center;
background: rgba(0,0,0,0.5);
box-shadow: 0 0 15px #666
}
Wenn ich das Dashboard bearbeite dann sehe ich den mobilen Stundenplan, sobald ich fertig drücke ist sie weg? Mach ich was falsch?
Hallo zusammen,
Wieso machst du nicht einfach ein Bild von dem Stundenplan und lässt das anzeigen?
Oder ist der Studenplan irgendwie interaktiv ,dass man die Heizung damit schalten kann?
Hi, klar, kann ich machen, will nur verstehen, wieso die Karte nur im Bearbeitenmodus sichtbar ist.
Der Stundenplan ist nur auf mobilen Geräten bis 767px sichtbar.
visibility:
- condition: screen
media_query: "(min-width: 0px) and (max-width: 767px)"
Ich dachte das war die Anforderung
Auf dem Handy erscheint er auch. Wusste nur nicht, dass das die Anzeige im Browser ausschließt. Würde die kleine Version auch im Browser schick finden.
Dann nimm die visibility raus
Hallo zusammen,
ich bin noch relativ neu im Thema Home Assistant und ganz frisch hier im Forum angemeldet.
Da ich auf der Suche nach einer Stundenplan-Karte für mein Dashboard war, aber nichts wirklich Passendes gefunden habe, habe ich mich heute ein paar Stunden hingesetzt und selbst eine kleine Custom Card entwickelt.
Mit der Karte lässt sich ein Stundenplan als Tabelle darstellen (Tage × Stunden). Spalten, Zeilen, Zeiten und Fächer sind frei konfigurierbar. Zusätzlich kann der aktuelle Tag sowie – optional – das aktuelle Fach automatisch hervorgehoben werden.
Die Karte sieht z. B. so aus:
Die Installation erfolgt bequem über HACS → Benutzerdefinierte Repositories.
Repository-URL: https://github.com/fabel-smith/stundenplan-card
Die Resource /hacsfiles/stundenplan-card/stundenplan-card.js
wird in der Regel automatisch hinzugefügt (sonst unter Einstellungen → Dashboards → Ressourcen manuell ergänzen).
Der Stundenplan kann komplett über den visuellen Editor konfiguriert werden – kein YAML nötig.
Feedback, Ideen und Verbesserungsvorschläge sind natürlich willkommen.
Vielleicht ist die Karte ja auch für andere mit schulpflichtigen Kindern interessant.
Viele Grüße
Fabel-Smith
