ofekashery / vertical-stack-in-card

📐 Home Assistant Card: Group multiple cards into a single sleek card.
MIT License
883 stars 78 forks source link

Not working on core 2024.7.0. #160

Open WarC0zes opened 3 months ago

WarC0zes commented 3 months ago

Hi since the core update 2024.7.0, I no longer see mushroom chips. if I change vertical-stack-in-card to vertical-stack or stack-in-card the mushroom chips show fine. image

image

  - type: custom:vertical-stack-in-card
    cards:
      - type: custom:mushroom-template-card
        entity: binary_sensor.0x00158d0007bef2b5_occupancy
        icon: phu:rooms-hallway
        icon_color: |
          {% if is_state(entity, 'on') %}
            yellow
          {% else %}  
            grey
          {% endif %}
        primary: ENTRÉE
        secondary: >-
          AV:🌡{{
          states("sensor.temperature_humidity_sensor_exterieur_av_temperature")
          |round(1)}}°C / 💧{{
          states("sensor.temperature_humidity_sensor_exterieur_av_humidity")
          |round(0)}}%

          AR:🌡{{ states("sensor.lywsd03mmc_c948_temperature") |round(1)}}°C /
          💧{{ states("sensor.lywsd03mmc_c948_humidity") |round(0)}}%
        layout: horizontal
        tap_action:
          action: more-info
        double_tap_action:
          action: none
        hold_action:
          action: none
        badge_icon: |
          {% if is_state('binary_sensor.0x00158d0007bef2b5_occupancy', 'on') %}
            mdi:motion-sensor
          {% else %}  
            mdi:motion-sensor-off
          {% endif %}
        badge_color: |
          {% if is_state('binary_sensor.0x00158d0007bef2b5_occupancy', 'on') %}
            red
          {% else %}  
            green
          {% endif %}
        multiline_secondary: true
      - type: custom:mushroom-chips-card
        chips:
          - type: template
            entity: binary_sensor.0x00158d0008074924_contact
            icon: |-
              {% if is_state(entity, 'on') %}
                phu:double-window-open
              {% else %}  
                phu:double-window-closed
              {% endif %}
            icon_color: |-
              {% if is_state(entity, 'on') %} 
                red
              {% else %}
               green
              {% endif %}  
            tap_action:
              action: more-info
            double_tap_action:
              action: none
            hold_action:
              action: none
          - type: template
            entity: binary_sensor.0x00158d0007ef4edc_contact
            icon: |
              {% if is_state(entity, 'on') %}
                phu:panel-door-open
              {% else %}  
                phu:panel-door-close
              {% endif %}
            icon_color: |-
              {% if is_state(entity, 'on') %} 
                red
              {% else %}
               green
              {% endif %}  
            tap_action:
              action: more-info
            double_tap_action:
              action: none
            hold_action:
              action: none
          - type: template
            entity: light.lumieres_entree
            tap_action:
              action: fire-dom-event
              browser_mod:
                service: browser_mod.popup
                data:
                  right_button: Fermer
                  right_button_action:
                    service: browser_mod.close_popup
                    data:
                      browser_id: THIS
                  size: normal
                  style: |-
                    --popup-min-width: 690px;
                    --popup-max-width: 720px;
                    --popup-border-radius: 15px;                    
                  title: Lumières Entrée
                  content:
                    type: vertical-stack
                    cards:
                      - type: custom:mushroom-light-card
                        entity: light.0x00158d000775154a
                        name: Extérieur
                        use_light_color: true
                        show_brightness_control: true
                        show_color_temp_control: true
                        show_color_control: false
                        collapsible_controls: true
                      - type: custom:mushroom-light-card
                        entity: light.lumieres_entree
                        name: Entrée
                        use_light_color: true
                        show_brightness_control: true
                        show_color_temp_control: true
                        show_color_control: false
                        collapsible_controls: true
            icon: mdi:lightbulb
            hold_action:
              action: toggle
            icon_color: |-
              {% if is_state(entity, 'on') %} 
               yellow
              {% else %}
               grey
              {% endif %}
        alignment: end
        card_mod:
          class: class_padding

With grid or vertical-stack in first , vertical-stack-in-card not working.

regnighc commented 3 months ago

same issue, updated last night to 2024.7.0 and vertical-stack-in-card doesnt show up in the dashboard. Update: If I keep refreshing the page it eventually shows up. I'm stacking, 3 entities values and a mini graph. Sometimes only the graph shows up on its own too.

WarC0zes commented 3 months ago

It was actually a frontend problem. With core 2024.7.1, I have no more problems. image

EDIT: In fact, I still have the bug, I had modified some code before Update 2024.7.0.

WarC0zes commented 3 months ago

image

type: grid
square: false
columns: 1
cards:
  - type: custom:vertical-stack-in-card
    cards:
      - type: custom:mushroom-template-card
        entity: binary_sensor.0x00158d0007bef2b5_occupancy
        icon: phu:rooms-hallway
        icon_color: |
          {% if is_state(entity, 'on') %}
            yellow
          {% else %}  
            grey
          {% endif %}
        primary: ENTRÉE
        secondary: >-
          🌡{{
          states("sensor.temperature_humidity_sensor_exterieur_av_temperature")
          |round(1)}}°C / 💧{{
          states("sensor.temperature_humidity_sensor_exterieur_av_humidity")
          |round(0)}}%
        layout: horizontal
        tap_action:
          action: more-info
        double_tap_action:
          action: none
        hold_action:
          action: none
        badge_icon: |
          {% if is_state('binary_sensor.0x00158d0007bef2b5_occupancy', 'on') %}
            mdi:motion-sensor
          {% else %}  
            mdi:motion-sensor-off
          {% endif %}
        badge_color: |
          {% if is_state('binary_sensor.0x00158d0007bef2b5_occupancy', 'on') %}
            red
          {% else %}  
            green
          {% endif %}
        multiline_secondary: true
      - type: custom:mushroom-chips-card
        chips:
          - type: template
            entity: binary_sensor.0x00158d0008074924_contact
            icon: |-
              {% if is_state(entity, 'on') %}
                phu:double-window-open
              {% else %}  
                phu:double-window-closed
              {% endif %}
            icon_color: |-
              {% if is_state(entity, 'on') %} 
                red
              {% else %}
               green
              {% endif %}  
            tap_action:
              action: more-info
            double_tap_action:
              action: none
            hold_action:
              action: none
          - type: template
            entity: binary_sensor.0x00158d0007ef4edc_contact
            icon: |
              {% if is_state(entity, 'on') %}
                phu:panel-door-open
              {% else %}  
                phu:panel-door-close
              {% endif %}
            icon_color: |-
              {% if is_state(entity, 'on') %} 
                red
              {% else %}
               green
              {% endif %}  
            tap_action:
              action: more-info
            double_tap_action:
              action: none
            hold_action:
              action: none
          - type: template
            entity: light.lumieres_entree
            tap_action:
              action: fire-dom-event
              browser_mod:
                service: browser_mod.popup
                data:
                  right_button: Fermer
                  right_button_action:
                    service: browser_mod.close_popup
                    data:
                      browser_id: THIS
                  size: normal
                  style: |-
                    --popup-min-width: 690px;
                    --popup-max-width: 720px;
                    --popup-border-radius: 15px;                    
                  title: Lumières Entrée
                  content:
                    type: vertical-stack
                    cards:
                      - type: custom:mushroom-light-card
                        entity: light.0x00158d000775154a
                        name: Extérieur
                        use_light_color: true
                        show_brightness_control: true
                        show_color_temp_control: true
                        show_color_control: false
                        collapsible_controls: true
                      - type: custom:mushroom-light-card
                        entity: light.lumieres_entree
                        name: Entrée
                        use_light_color: true
                        show_brightness_control: true
                        show_color_temp_control: true
                        show_color_control: false
                        collapsible_controls: true
            icon: mdi:lightbulb
            hold_action:
              action: toggle
            icon_color: |-
              {% if is_state(entity, 'on') %} 
               yellow
              {% else %}
               grey
              {% endif %}
        alignment: end
        card_mod:
          class: class_padding

the chips are not displayed image

Same:

type: vertical-stack
cards:
  - type: custom:vertical-stack-in-card
    cards:
      - type: custom:mushroom-template-card
        entity: binary_sensor.0x00158d0007bef2b5_occupancy
        icon: phu:rooms-hallway
        ...
majdzik84 commented 3 weeks ago

@ofekashery Is there a chance to fix this?