Card per custom component Fritz!Box

Gianpi

Card per visualizzare su Lovelace i dati esposti dal custom component FRITZ!Box Tools recuperarbile da HACS

- type: custom:stack-in-card
  mode: vertical
  cards:
  - type: horizontal-stack
    cards:
    - type: markdown
      style: |
        ha-card {
          border-radius: var(--ha-card-border-radius) var(--ha-card-border-radius) 0px 0px; 
          box-shadow: none;
          --keep-background: true;
          margin-top: 30px;
        }
      content: >-
        <font size=5>Fritz!Box 7530</font>
    - type: markdown
      style: |
        ha-card {
          border-radius: var(--ha-card-border-radius) var(--ha-card-border-radius) 0px 0px; 
          box-shadow: none;
          --keep-background: true;
          margin-top: 0px;
        }
      content: >-
        <center><img width="120" src="/local/images/fritzbox_7530.png"></center>
  - type: glance
    style: |
      ha-card {
        overflow: hidden; box-shadow: none; background: none; border-radius: 0px; font-size: 0.9em;
      }
    columns: 5
    show_icon: true
    show_state: false
    entities:
    - entity: binary_sensor.fritzbox_7530_connectivity
      name: Connect
      icon: mdi:connection
    - entity: switch.fritzbox_7530_wifi
      name: Wifi 2.4 GHz
      icon: mdi:wifi
      tap_action:
        action: toggle
    - entity: switch.fritzbox_7530_wifi_5ghz
      name: Wifi 5 Ghz
      icon: mdi:wifi-strength-4
      tap_action:
        action: toggle
    - entity: switch.fritzbox_7530_guest_wifi
      name: Guest Wifi
      icon: mdi:account-multiple-plus
      tap_action:
        action: toggle
    - entity: switch.fritzbox_7530_portforward_https_server
      name: Port Forward
      icon: mdi:arrow-decision
      tap_action:
        action: toggle

rodolfovento

Riporto qui l'immagine png corretta, in modo da avere la trasparenza, affinchè si adatti a qualsiasi colore usiate nei temi.

fritzbox-7530.png

26kB

Caio Sweet

card-fritzbox-7590.png

33kB

fritz7590-ok.png

60kB

type: custom:stack-in-card
cards:
  - type: grid
    columns: 2
    square: false
    cards:
        - type: entities
          title: Fritz!Box 7590
          entities: []
        - type: horizontal-stack
          cards:
            - type: entities
              entities: []
            - type: markdown
              content: |
                <img width="100" src="/local/images/fritz7590_ok.png">
            # Oppure picture-elements al posto di Markdown
            # - type: picture-elements
            #   image: /local/images/fritz7590_ok.png
            #   elements: []
  - type: glance
    columns: 5
    show_icon: true
    show_state: false
    entities:
      - entity: binary_sensor.fritzbox_7590_connectivity
        name: Connect
        icon: mdi:connection
      - entity: switch.fritzbox_7590_wifi
        name: 2.4 GHz
        icon: mdi:wifi
        tap_action:
          action: toggle
      - entity: switch.fritzbox_7590_wifi_5ghz
        name: 5 Ghz
        icon: mdi:wifi-strength-4
        tap_action:
          action: toggle
      - entity: switch.fritzbox_7590_guest_wifi
        name: Guest Wifi
        icon: mdi:account-multiple-plus
        tap_action:
          action: toggle
      - entity: switch.fritzbox_7590_portforward_https_server
        name: NAT
        icon: mdi:arrow-decision
        tap_action:
          action: toggle