🌻 Lovelace UI • Minimalist

jeffconrad18 · June 2, 2022, 6:03pm

Hey guys,
I created an update-chip that shows you if a new update is available. It also supports the language - templates.

chip_update5

Usage

- type: custom:button-card
  template: chip_update
  entity: group.updates
  variables:
    ulm_chip_update_path: '/ui-lovelace-minimalist/system'

Template code

---
### Chip Update ###
chip_update:
  template: 
    - "ulm_language_variables"
    - "chips"
  tap_action:
    action: navigate
    navigation_path: "[[[ return variables.ulm_chip_update_path; ]]]"
    haptic: light
  show_icon: true
  state:
  - operator: default
    color: red
    icon: mdi:shield-alert
    label: "[[[ return variables.ulm_updates_available  ]]]"
  - value: 'off'
    color: green
    icon: mdi:shield-check
    label: "[[[ return variables.ulm_no_updates_available  ]]]"
  styles:
    grid:
      - grid-template-areas: "'i l'"

DrHouseIOT · June 2, 2022, 9:12pm

Still no go. I have created another instance of home assistant as a dev environment in a different virtual machine Copy everything like you have posted and still not working for me. Will keep looking to see where I’m wrong. Maybe I’m missing and custom card or a lovelace element that I’m over seeing. Thank you for all of your time and help.

benm7 · June 2, 2022, 11:04pm

Are pop ups working ok for everyone? Just can’t get them to work and have checked code and integrations many times!!

Neekster · June 3, 2022, 1:08am

Make sure you’ve added

browser_mod:

to your configuration.yaml file. More info can be found here.

benm7 · June 3, 2022, 2:26am

I do have browser_mod configured but I also have “disable: all” in the config to stop all those entities being created. Perhaps that could be my issue!?!?

Neekster · June 3, 2022, 3:34am

I can’t be sure that that is your issue, but it would make sense that it could be. Try removing it from your config, restarting HA, and checking to see if the problem is fixed.

benm7 · June 3, 2022, 3:49am

Nope, that wasn’t it will keep trying, thanks anyway!

benm7 · June 3, 2022, 5:45am

Resolved! Had ticked the “include custom cards” option which was trying to load resources twice and causing the issue. All sorted, thanks again!

mephistolein · June 3, 2022, 6:31am

Hi, hope anybody can help me out, feeling stupid. I tried in different ways to change the icons (the 4 at right side) of the card-room, but no change is working. Where and how i need to change the config to adjust the entity_1 to a different icon, i don´t want the default from the template. The icon value for the big icon is working, but for entity_1 or any sub (here “icon: mdi:ceiling-light”) it´s not changing anything:

  - type: horizontal-stack
    cards:
      - type: "custom:button-card"
        template:
          - card_room
          - blue_no_state
        name: Wohnzimmer
        label: '[[[ return["🌡️"] + states["sensor.sensor_wohnzimmer_temperature"].state +"°C  💧"+states["sensor.sensor_wohnzimmer_humidity"].state + "%"]]]'
        styles:
          label:
            - font-size: 14px
          name:
            - font-size: 14px
        entity: light.yeelight_ceiling3_0x0000000005ec8cd8
        icon: mdi:home
        tap_action:
          action: navigate
          navigation_path: "wohnzimmer"
        variables:
          label_use_temperature: false
          label_use_brightness: true
          entity_1:
            entity_id: light.yeelight_ceiling3_0x0000000005ec8cd8
            icon: mdi:ceiling-light
            templates:
              - yellow_on
            tap_action:
              action: toggle

Gilganik · June 3, 2022, 6:44am

Send me the whole code that’s not working

Stephan_Burgwal · June 3, 2022, 6:53am

You can set the entity icon in the customize.yaml file for room cards.

massaquah · June 3, 2022, 7:50am

Thank you for this great config.
I am using HA mainly on desktop and noticed something odd with the font alignment.
Can you think of a solution?

benm7 · June 3, 2022, 8:04am

It would have to do with the padding on the top and bottom of the name and label fields. Play around with those numbers and you should get it to align to your liking I think!

mephistolein · June 3, 2022, 10:48am

Hi Gilganik, here is the full yaml, i stripped it of further rooms, cause in no card it´s working for me now. In this sample just entity_1 shouldn´t use the default mdi bulb icon, instead i want use the icon: mdi:ceiling-light

title: "Home"
path: "home"
cards:
  - type: "custom:button-card"
    template: "card_esh_welcome"
    triggers_update: "input_boolean.minimalist_dropdown"
    variables:
      ulm_card_esh_welcome_collapse: input_boolean.minimalist_dropdown
      ulm_weather: "weather.home"
      entity_1:
        nav: "wohnzimmer"
        icon: "mdi:home"
        name: "Wohnzimmer"
        color: "blue"
      entity_2:
        nav: "schlafzimmer"
        icon: "mdi:bed"
        name: "Schlafzimmer"
        color: "yellow"
      entity_3:
        nav: "kueche"
        icon: "mdi:fridge"
        name: "Küche"
        color: "green"
      entity_4:
        nav: "arbeitszimmer"
        icon: "mdi:laptop"
        name: Arbeit
        color: "purple"
      entity_5:
        nav: "bad"
        icon: "mdi:shower-head"
        name: Bad
        color: "red"

  - type: horizontal-stack
    cards:
      - type: "custom:button-card"
        template: card_person
        styles:
          icon:
            - color: "rgba(var(--color-theme),0.9)"
            - width: 42px
            - place-self: center
        entity_picture: /local/img/YXZ.png
        variables:
          ulm_card_person_entity: person. YXZ
          ulm_card_person_use_entity_picture: false
      - type: "custom:button-card"
        template: card_person
        variables:
          ulm_card_person_entity: person.YXZ2
          ulm_card_person_use_entity_picture: true

  - type: "custom:button-card"
    template: card_title
    name: Räume

  - type: horizontal-stack
    cards:
      - type: "custom:button-card"
        template:
          - card_room
          - blue_no_state
        name: Wohnzimmer
        label: '[[[ return["🌡️"] + states["sensor.sensor_wohnzimmer_temperature"].state +"°C  💧"+states["sensor.sensor_wohnzimmer_humidity"].state + "%"]]]'
        styles:
          label:
            - font-size: 14px
          name:
            - font-size: 14px
        entity: light.yeelight_ceiling3_0x0000000005ec8cd8
        icon: mdi:home
        tap_action:
          action: navigate
          navigation_path: "wohnzimmer"
        variables:
          label_use_temperature: false
          label_use_brightness: true
          entity_1:
            entity_id: light.yeelight_ceiling3_0x0000000005ec8cd8
            icon: mdi:ceiling-light
            templates:
              - yellow_on
            tap_action:
              action: toggle
          entity_2:
            icon: mdi:bed
            entity_id: binary_sensor.motion_sensor_01_occupancy
            templates:
              - blue_on
            tap_action:
              action: none
          entity_3:
            entity_id: input_boolean.manuell_wohnzimmer_boolean_var
            templates:
              - green_off
              - red_on
            tap_action:
              action: toggle
          entity_4:
            entity_id: climate.heizungen_wohnzimmer
            templates:
              - green_off
            tap_action:
              action: toggle
      - type: "custom:button-card"
        template:
          - card_room
          - red_no_state
        name: Bad
        label: '[[[ return["🌡️"] + states["sensor.bad_thermostat_temperatur"].state ]]]'
        styles:
          label:
            - font-size: 14px
          name:
            - font-size: 14px
        entity: light.badlicht
        icon: mdi:shower-head
        tap_action:
          action: navigate
          navigation_path: "bad"
        variables:
          label_use_temperature: false
          label_use_brightness: true
          entity_1:
            entity_id: light.badlicht
            templates:
              - yellow_on
            tap_action:
              action: toggle
          entity_2:
            entity_id: binary_sensor.motion_sensor_03_occupancy
            templates:
              - blue_on
            tap_action:
              action: none
          entity_3:
            entity_id: input_boolean.manuell_bad_boolean_var
            templates:
              - green_off
              - red_on
            tap_action:
              action: toggle
          entity_4:
            entity_id: climate.bad_thermostat
            templates:
              - green_off
            tap_action:
              action: toggle

Neekster · June 3, 2022, 1:22pm

Glad you figured it out! That was actually the culprit of some of my issues with the mini graph card a few months back. Seems to be a common issue.

Gilganik · June 4, 2022, 9:26am

from what I can see the code is correct. try to check into this page: Installation - UI Lovelace Minimalist (Included lovelace resources)

what you have all the custom cards installed

CasperNL · June 4, 2022, 7:42pm

Started today exploring the possibilities of Minimalist UI: This is awesome! I made a (wall mounted) tablet UI

Jarne_Roussard · June 4, 2022, 7:53pm

he nice dashboard & how did you make that popup card from buiradar?

sbright · June 5, 2022, 1:03am

I’ve an issue where none of the colors within the cards are displaying. Any ideas?

Neekster · June 5, 2022, 2:19am

Make sure you have selected the correct theme. Also, give HA a restart and try pressing Ctrl + F5 to completely refresh the page and clear cache.