Skip to content

POPUP.md

Latest commit

 

History

History
116 lines (104 loc) · 3.24 KB

POPUP.md

File metadata and controls

116 lines (104 loc) · 3.24 KB
Raw

Das Geburtstags-PupUp

Um am Dashboard zu einem bestimmten Zeitpunkt über einen aktuellen Geburtstag informiert zu werden, habe ich ein PopUp erstellt.

Dieses PopUp wird mittels Zeitplan (kann aber auch jeder andere Auslöser sein) aktiviert, und zeigt den Namen und das Alter auf einer Torte. Zu erwähnen ist, wenn an einem Tag 2 Termine anstehen, nur der erste auf dem PopUp angezeigt wird.


Beispiel: Beispiel


Benutz habe ich dazu:

  • custom:popup-card (installiert mit Browser Mod 2)
  • input_button.button_geburtstag (Helfer Taste)
  • input_button.geburtstag_gelesen (Helfer Taste)
  • custom:button-card (HACS Frontend Integration)
  • sensor.geburtstags_termine_einzeln (Angelegter Template Sensor)
  • sensor.geburtstags_alter_einzeln (Angelegter Template Sensor)
  • Bild der Torte

Example


Der Code für das PopUp kann hier kopiert werden. Nicht vergessen ihn anzupassen!

type: custom:popup-card
title: Geburtstag Heute
entity: input_button.geburtstag
dismissable: false
size: normal
style: |-
  --popup-max-width: 1000px;
  --popup-min-width: 600px;
  --mdc-theme-surface: rgba(15,10,10,0.7);
  --popup-border-radius: 0px;
  --border: 4px solid red;
card:
  type: picture-elements
  image: /local/images/birthday/Torte.png
  elements:
    - type: custom:button-card
      entity: sensor.geburtstags_termine_einzeln
      show_state: true
      show_icon: false
      show_name: false
      styles:
        state:
          - color: var(--primary-color)
          - text-shadow: 1px 1px 2px black, 0 0 10px , 0 0 5px black
          - font-family: Arial Black
          - font-size: 2.5em
          - word-wrap: break-word
        card:
          - background: transparent
          - border: none
          - transform: matrix(1, -0.005, 0.3, 1, 0, 0)
      style:
        top: 45%
        left: 50%
        width: 70%
    - type: custom:button-card
      entity: sensor.geburtstags_alter_einzeln
      show_state: true
      show_icon: false
      show_name: false
      state:
        - value: UNBEKANNT
          styles:
            state:
              - font-size: 0px
      styles:
        state:
          - color: purple
          - text-shadow: 1px 1px 2px black, 0 0 10px , 0 0 5px black
          - font-family: Goudy Stout
          - font-size: 7em
        card:
          - background: transparent
          - border: none
          - transform: matrix(1, -0.005, 0.3, 1, 0, 0)
      style:
        top: 60%
        left: 50%
        width: 70%
  card_mod:
    style: |
      ha-card {
        background: transparent;
        border: none
      }
right_button_action:
  service: input_button.press
  data:
    entity_id: input_button.geburtstag_gelesen
right_button: GELESEN
card_mod:
  style:
    ha-dialog$: |
      div.mdc-dialog__scrim {
        backdrop-filter: blur(15px) !important;
        -webkit-backdrop-filter: blur(15px) !important;
        background-color: rgba(15,10,10,0.7) !important;
        border-radius: 0px;
      }
    ha-dialog: |
      .content {
        border: 4px solid purple !important;
      }