Welcome Scenes Card | 🍄 Mushroom

Share your Projects! Dashboards & Frontend
1

Hey all,
@pedolsky thank you for your help in the other channel.
I know some of you have asked for this card in the repo for :mushroom: Mushroom. I also understand the complexities for the dev to get the card built. With some trial and error, I have managed to create a card I am happy with what I have achieved.

This card is used with Google Calendar, Mushroom chips and Mushroom Person card, to navigate to various dashboards we use around the house.

Let me know if there is a better place to share the YAML and ask me anything.

Welcome Card
Welcome Card1050×644 38.7 KB 

card:
  type: vertical-stack
  cards:
    - type: custom:mushroom-title-card
      title: |2-
                   {%- if now().hour < 12 -%}Morning
                   {%- elif now().hour < 18 -%}Afternoon
                   {%- else -%}Evening{%- endif -%}, {{user}}
      subtitle: >-
        ♻️ {{state_attr('calendar.bins', 'message')}} on {{
        as_timestamp(state_attr("calendar.bins","start_time") |
        default(now(),true) )| timestamp_custom('%-d %b') }}
    - type: horizontal-stack
      cards:
        - type: custom:mushroom-chips-card
          card_mod:
            style: |
              :host {
                padding-top: 10px;
                padding-left: 10px;
                padding-bottom: 25px;
                --ha-card-background: white;
              }
          chips:
            - type: action
              icon_color: red
              tap_action:
                action: navigate
                navigation_path: media-control
              icon: mdi:remote
              hold_action:
                action: none
              double_tap_action:
                action: none
            - type: action
              icon_color: blue
              tap_action:
                action: navigate
                navigation_path: audio
              icon: mdi:radio
            - type: action
              icon_color: blue-grey
              icon: ios:hifispeaker-fill
              tap_action:
                action: navigate
                navigation_path: media-settings
            - type: action
              icon_color: amber
              hold_action:
                action: none
              double_tap_action:
                action: none
              icon: mdi:lightbulb-group
              tap_action:
                action: navigate
                navigation_path: all-lights
            - type: action
              icon_color: green
              icon: mdi:timeline-clock
              hold_action:
                action: none
              double_tap_action:
                action: none
              tap_action:
                action: navigate
                navigation_path: automations
          alignment: justify
    - type: horizontal-stack
      cards:
        - type: custom:mushroom-person-card
          card_mod:
            style: |
              :host {
                padding-left:10px;
                --ha-card-background: #292929;
              }
          entity: person.dan
          fill_container: true
          icon: mdi:face-man
          tap_action:
            action: navigate
            navigation_path: dan
          hold_action:
            action: none
          double_tap_action:
            action: none
        - type: custom:mushroom-person-card
          card_mod:
            style: |
              :host {
                padding-left:10px;
                --ha-card-background: #292929;
              }
          entity: device_tracker.chloe
          fill_container: true
          icon: mdi:face-woman
card_mod:
  style: |
    ha-card {
      background: #1c1c1c;
      padding-left: 25px;
      padding-right: 25px;
      padding-bottom: 25px;
    }
11 Likes
2

Nice work! If you like, post it in the main thread.

1 Like
3

Done :smiley: Really appreciate your help

4

I did not contribute much.

5

Hello, i have the error : No card type found

6

Check your indentation and also make sure you have Mushroom Installed. I’ve just done a full restart and used the code above no problem.

7

Hello, i also have the error : No card type found
And i can not figure it out why it is like that.
I have tried multiple times and everytime i get the error.
I already have the mushroom dashboard but only this card is getting on my nerves.

Any idea?

8

Have you got All the cards mentioned in the YAML? I have got calendar, vertical stack, mushroom, card mod.

As I say, i have just done a complete reinstallation and started from 0, and used this above, made sure indentations here correct and I had the cards I needed.

9

Same issue here, I have all the component installed as well.

10

Remove the first line and it should work now.

card: