Circle Menu Card

Showroom
1

https://private-user-images.githubusercontent.com/1864448/334200895-39352877-43fa-49ce-a517-079e3783a95d.gif?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzg0ODM4MDMsIm5iZiI6MTczODQ4MzUwMywicGF0aCI6Ii8xODY0NDQ4LzMzNDIwMDg5NS0zOTM1Mjg3Ny00M2ZhLTQ5Y2UtYTUxNy0wNzllMzc4M2E5NWQuZ2lmP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI1MDIwMiUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNTAyMDJUMDgwNTAzWiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9YjRlNjgxZTg1Mzg2YjA0MmIzNTZhYjU2OTYyZjk3YTVmZGZkYzcxYzRhMTI0ZGVjMDc4ZGQ2Y2Y2YzdhNmY2ZSZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QifQ.QPvR9jZ6pT7w0fj86bWVij1J3n5-_c9KeUM1QprK9Z0(Bild größer als 4 MB)

Ich wollte mal meine “Circle Menu Card” vorstellen … ideal für SmartPhone-Dashboards, um Schnellaktionen zu definieren oder eine andere der Navigation zu ermöglichen.

IMG_1727F75A1520-1
IMG_1727F75A1520-11179×711 48.9 KB

IMG_1727F75A1520-2
IMG_1727F75A1520-21179×686 95.5 KB

lässt sich rechts-unten oder links-unten platzieren und bleibt während dem Scrollen fix stehen.

2 „Gefällt mir“
2

Da es eine “Card” ist, muss für jedes Dashboard (also auch Unteransichten) die Konfiguration der Schaltflächen neu erstellt werden.

Um dies zu verhindern, zeigt der “visuelle Editor” einen JSON-Code an, den man in seinem /www-Verzeichnis speichern kann.

Im Anschluss gibt man in der Card an:

type: custom:circle-menu-card
json_config: /local/circle_menu.json

statt z.B.

type: custom:circle-menu-card
icon: mdi:menu
items:
  - icon: phu:ceiling-surimu
    alt: Wohnzimmerlicht
    action:
      action: call-service
      service: light.toggle
      service_data:
        entity_id: light.wohnzimmerlicht
  - icon: phu:nuki
    alt: Haustür
    action:
      action: call-service
      service: lock.open
      service_data:
        entity_id: lock.edling
  - icon: mdi:robot-vacuum
    alt: Saugen und wischen
    action:
      action: call-service
      service: script.eg_wischen