314ma

HA cover popup

Jun 19th, 2021
1,278
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. # lovelace_gen
  2. type: custom:vertical-stack-in-card
  3. cards:
  4.   - type: entities
  5.     entities:
  6.       - entity: '{{ entity }}'
  7.         secondary_info: last-changed
  8.         style: |
  9.          ha-card {
  10.             z-index: 5
  11.           }
  12.   - type: grid
  13.     cards:
  14.       - type: markdown
  15.         content: |-
  16.           .
  17.           .
  18.           .
  19.           .
  20.           .
  21.           .
  22.           .
  23.           .
  24.           .
  25.           .
  26.           .
  27.           .
  28.           .
  29.           .
  30.           .
  31.         style: |
  32.          ha-card {
  33.             --paper-card-background-color: "rgba(39, 40, 43, 0)";
  34.             box-shadow: none;
  35.             color: transparent;
  36.           }
  37.       - type: custom:slider-button-card
  38.         entity: '{{ entity }}'
  39.         slider:
  40.           percentage: true
  41.           direction: bottom-top
  42.           background: striped
  43.           use_state_color: false
  44.           use_percentage_bg_opacity: false
  45.           show_track: false
  46.         show_name: false
  47.         show_state: true
  48.         icon:
  49.           show: false
  50.           use_state_color: false
  51.           rotate: false
  52.           tap_action:
  53.             action: more-info
  54.           icon: ''
  55.         action_button:
  56.           mode: toggle
  57.           icon: mdi:power
  58.           show: false
  59.           show_spinner: true
  60.           tap_action:
  61.             action: toggle
  62.         style:
  63.           .: |
  64.            :host {
  65.               border: 2px solid rgb(127,127,127);
  66.               --slider-color: transparent;
  67.             }
  68.             div.slider-thumb {
  69.               background: linear-gradient(to bottom, white, white 50%, transparent 50%, transparent);
  70.               background-size: 100% 4px;
  71.             }
  72.   - type: horizontal-stack
  73.     cards:
  74.       - type: entity-button
  75.         entity: '{{ entity }}'
  76.         icon: mdi:window-shutter
  77.         name: "Zamknij"
  78.         tap_action:
  79.           action: call-service
  80.           service: cover.close_cover
  81.           service_data:
  82.             entity_id: '{{ entity }}'
  83.       - type: entity-button
  84.         entity: '{{ entity }}'
  85.         icon: mdi:window-shutter-open
  86.         name: "Lufciki"
  87.         tap_action:
  88.           action: call-service
  89.           service: cover.set_cover_position
  90.           service_data:
  91.             entity_id: '{{ entity }}'
  92.             position: 17
  93.       - type: entity-button
  94.         entity: '{{ entity }}'
  95.         icon: mdi:window-shutter-open
  96.         name: "Delikatnie"
  97.         tap_action:
  98.           action: call-service
  99.           service: cover.set_cover_position
  100.           service_data:
  101.             entity_id: '{{ entity }}'
  102.             position: 40
  103.       - type: entity-button
  104.         entity: '{{ entity }}'
  105.         icon: mdi:window-shutter-open
  106.         name: "Otwórz"
  107.         tap_action:
  108.           action: call-service
  109.           service: cover.open_cover
  110.           service_data:
  111.             entity_id: '{{ entity }}'
  112. style: |
  113.  ha-card {
  114.     --card-background-color: "rgba(39, 40, 43, 0)";
  115.   }
RAW Paste Data