Karty wizualizacji pogody lub alertów pogodowych

Home Assistant Komponenty niestandardowe
21

Oczywiście, moje niedopatrzenie:

  burze_dziś_net:
    show_label: true
    styles:
      grid:
        - grid-template-areas: '"n""i"'
        - grid-template-columns: 50% 45%
      icon:
        - justify-self: left
        - margin-left: 5%
        - margin-top: 3%
        - width: 65px
      label:
        - white-space: normal
        - font-size: 14px
        - font-weight: bold
        - position: absolute
        - margin-left: 20%
        - margin-top: 3%
      name:
        - font-size: 16px
        - font-weight: bold
        - justify-self: left
        - margin-left: 10%
        - margin-top: '-2%'
1 polubienie
22

A gdzie tego template trzeba dodać?

23

1

i od góry dopisujesz:

button_card_templates:
  burze_dziś_net:
    show_label: true
    styles:
      grid:
        - grid-template-areas: '"n""i"'
        - grid-template-columns: 50% 45%
      icon:
        - justify-self: left
        - margin-left: 5%
        - margin-top: 3%
        - width: 65px
      label:
        - white-space: normal
        - font-size: 14px
        - font-weight: bold
        - position: absolute
        - margin-left: 20%
        - margin-top: 3%
      name:
        - font-size: 16px
        - font-weight: bold
        - justify-self: left
        - margin-left: 10%
        - margin-top: '-2%'
2 polubienia
24

dzięki działa!! ZŁOTO!!

25

Karta warunkowa czy burza zmierza w twoim kierunku odległość do burzy w km
Karta warunkowa

type: conditional
conditions:
  - entity: binary_sensor.burze_dzis_net_wyladowania_w_poblizu
    state: 'on'
card:
  type: entity-filter
  entities:
    - entity: binary_sensor.burze_dzis_net_wyladowania_w_poblizu
      type: attribute
      attribute: distance
      secondary_info: true
      style:
        hui-generic-entity-row:
          $: |
            .text-content {
              font-size: 14px;
            }
            .text-content.pointer:not(.info)::before {
              content: "Odległość:";
              color: black;
            }
            .info .secondary {
              color: black;
            }
            .info .secondary::before {
              content: "Kierunek: ";
              color: black;
              font-size: 12px;
            }
            .info .secondary::after {
              content: "{{state_attr(config.entity,'direction')}}";
              color: black;
              font-size: 12px;
            }
        style: |
          :host {
            --paper-item-icon-color: #00afff;
          }
          ha-card {
           background: #32323200;
    - entity: binary_sensor.burze_dzis_net_ostrzezenie_aktywne_traba
      type: attribute
      attribute: description
      secondary_info: true
      style:
        hui-generic-entity-row:
          $: |
            .text-content {
              font-size: 14px;
            }
            .info .secondary {
              color: black;
            }
            .info .secondary::before {
              content: "Poziom: ";
              color: black;
              font-size: 12px;
            }
            .info .secondary::after {
              content: "{{state_attr(config.entity,'level')}}";
              color: black;
              font-size: 12px;
            }
        style: |
          :host {
            --paper-item-icon-color: black;
          }
          ha-card {
           background: #32323200;
  state_filter:
    - 'on'
  card:
    type: entities
    title: null
    card_mod:
      style: |
        ha-card .card-header {
          font-size: 25px;
          color: red;
        }
        ha-card {
          color: black;
          --mdc-icon-size: 40px;
          font-size: 18px;
          background: #ffd200;
        }
        ha-card {
          background: #32323200;
1 polubienie