Notizzettel (Post-it) auf Dashboard

Hallo zusammen,

bislang habe ich nichts tolles dazu gefunden, aber ihr habt bestimmt coole Ideen:
Ich würde gern ein Post-it auf dem Dashboard mit Texteingabe über das Dashboard erstellen und habe keine Ahnung wie man das umsetzen kann (und am liebsten ohne Programmierung, da ich echt kein IT-Freak bin).
Idee ist: Post it: mit „Bin Einkaufen“

Danke und viele Grüße
Kiki

Sollte das sein, was du suchst. :slight_smile:

1 „Gefällt mir“

Ja, das sieht gut aus, nur checke ich die Umsetzung nicht :joy:. Habe mir das Spanische schon mittels Gockel übersetzt, aber von den ganzen Codes habe ich echt keine Ahnung. Ich hatte gehofft, eine Hacs zu installieren und fertsch

Wenn Du bastlen willst, dann könntest Du eine externe Statusanzeige machen. Ich habe so was daheim weil ich im HomeOffice im Keller sitze und meine Frau ist oben und so weiß sie immer , ob ich gerade in einem Meeting bin oder nicht.

Auf der Home-Assistant Seite ist es erst mal ein Texteingabe-Helfer. Dessen Text wird dann so vorhanden nach der Uhrzeit in der Statusanzeige durchgescrollt, wenn es nix zu melden gibt zeigt das Display einfach nur die aktuelle Uhrzeit an.

Schau dir dazu mal das Video an:

Na dann fangen wir mal an. Die Anleitung ist eigentlich ganz leicht, habe es gerade mal ausprobiert.

Zuerst muss für jede Notiz ein Text Helfer erstellt werden. Das kannst du unter Einstellungen, Geräte, Helfer tun. Der Text soll max 255 Zeichen haben.

Anschließend gehst du auf dein Dashboard und fügst eine neue Card namens „manuell“ hinzu, darin fügst du den folgenden Code ein um die Card/Notiz zu erstellen.

type: grid
columns: 2
cards:
  - type: conditional
    conditions:
      - condition: state
        entity: input_text.jan_notiz
        state_not: ""
    card:
      type: vertical-stack
      cards:
        - type: custom:mushroom-template-card
          secondary: "{{ states('input_text.jan_notiz') }}"
          multiline_secondary: true
          entity: input_text.jan_notiz
          tap_action:
            action: more-info
          card_mod:
            style: |
              ha-card {
                background: linear-gradient(135deg,rgba(28, 25, 83), rgba(28, 25, 25) );
                height: 198px!important;
                --card-secondary-font-size: 17px;
                padding: 20px!important;
                padding-top: 50px!important;
              }
        - type: custom:mushroom-template-card
          primary: Jan,
          icon: mdi:pin
          icon_color: pink
          entity: input_text.jan_notiz
          tap_action:
            action: more-info
          card_mod:
            style: |
              ha-card {
                --card-primary-font-size: 22px;
                background: transparent;
                margin-top: -200px;
                border: 0px;
                box-shadow: none;
              }
              ha-state-icon {
                rotate: 30deg;
                --icon-symbol-size: 40px;
              }
              mushroom-shape-icon {
                --shape-color: none !important;
              }
        - type: custom:mushroom-template-card
          primary: ""
          secondary: ""
          icon: mdi:close-circle-outline
          icon_color: grey
          layout: vertical
          tap_action:
            action: call-service
            service: input_text.set_value
            target:
              entity_id: input_text.jan_notiz
            data:
              value: ""
          card_mod:
            style: |
              ha-card {
                background: transparent;
                margin-top: -220px;
                margin-left: 190px;
                border: 0px;
                width: 50px;
                box-shadow: none;
              }
              mushroom-shape-icon {
                --shape-color: none !important;
              }

Jetzt musst du im Code die Entiftät mit der erstellten Entiftät aus dem Text-Helfer austauschen. Das passiert an fünf Stellen (siehe Screenshot).

Danach funktioniert das auch schon. :wink: Geht wirklich relativ leicht. Einziges Manko was ich bisher sehe, wenn ich auf das X drücke, wird der Textinhalt geleert und dadurch die Card augeblendet. Aber wie soll man jetzt die Card wieder mit einer Notiz füllen. Workaround, nicht den x-Button drücken :rofl:

Ist mir heute noch so eingefallen, man kann doch einfach die To-Do-List direkt aus Home Assistant nutzen (erreichbar über die Seitenleiste). Da kann man sich als neue To-Do-List einen Notizzettel anlegen. Anschließend kann im Dashboard die Card „to-do-liste“ einfügt und die Entität für den Notizzettel ausgewählt werden.

Die Bedienung der Card ist denke ich genauso wie man es sich vorstellt und kann alles direkt im Dashboard ohne Popups bearbeitet werden.

Hier mein Code, dann kannst du dir die Hintergrund- und Textfarbe anpassen.

type: todo-list
entity: todo.notizen
title: Notizen
hide_completed: false
card_mod:
  style: |
    ha-card {
      background: linear-gradient(135deg,rgba(28, 25, 83), rgba(28, 25, 25) );
      color: var(--primary-color);
    }
    :host {
      --mdc-theme-text-primary-on-background: amber !important;
    }

2 „Gefällt mir“

Hi,
ich schaue mir Eure Vorschläge am Wochenende mal an. Bin auf Dienstreise. Sieht aber cool aus und wenn ich die Gedanken kombiniere, könnte ich das hinbekommen und als Übergang ist die ToDo-Listen-Idee auch gut.
Danke schonmal, ich werde berichten

1 „Gefällt mir“