🌻 Lovelace UI • Minimalist

Share your Projects! Dashboards & Frontend
,
837

v1.0.0-beta.9 :rainbow_flag:

Good morning everyone,

here from us for you still a small Christmas gift.

This release has, in addition to a few minor bug fixes, again some new cards in the luggage. Among other things, new cards for device_tracker, input_numbers, printer and wifi.

Try it out and have fun with it. :relaxed:

In the meantime we could also get in contact with the Github support. Unfortunately it seems that none of us maintainers can get the rights over the UI organization and the associated wiki page repository.

If we don’t hear back from @Paddy0174 in the near future, we will probably have to move the repo to a new Github organization + Wiki Page.

Currently there are also some discussions going on in the repository about how to handle the repo in the future. A medium-term goal of ours is to make the Minimalist UI available via HACS as well. This will probably involve a major restructuring of the repo and some breaking changes. We are always grateful for your feedback. Feel free to join the discussions on the repo.

We wish you a Merry Christmas with your families and a relaxing holiday season.

:rocket: Features

  • #121 Custom-card "Device Tracker (Online or Offline ?) @vncnt-dev

  • #111 Thermostat card @httpedo13

  • #117 Custom printer card with toner status @mp-se

  • #127 Custom Input Number Card @sildehoop

  • #133 Added wifi signal card @mp-se

  • #116 Additional custom light card @13robin37

:gear: Code enhancements

  • #114 Make card_person zones optional and more robust @checkerschaf

  • #140 New release light cards @basbruss

:beetle: Bug Fixes

  • #112 Revert Set opacity-bg to 0.1 @CM000n

  • #113 Fix non colored chips on edge and chrome @CM000n

  • #140 New release light cards @basbruss

:congratulations: Translations

  • #124 IT Language for Welcome card.yaml @httpedo13

:page_facing_up: Documentation

  • #135 Restructure images in custom cards folder + fix broken links @bavo

:heart: Thank you so much for helping out to keep this UI awesome

@13robin37, @CM000n, @basbruss, @bavo, @checkerschaf, @httpedo13, @mp-se, @sildehoop, @vncnt-dev

8 Likes
838

The variables should be:

839

Hello bms,

I love your room card :star_struck: .Can you give me template code please?

840

Which one? :sweat_smile:

841

sorry! I was talking about this one, but I realized it was done by AndyVRD :joy:
Room Card

2 Likes
842

You can follow the current development here @Benjaminh86 :
Initial attempt at creating the room card by bavo · Pull Request #125 · UI-Lovelace-Minimalist/UI (github.com)

843

Thank you so much

844

What are the demand for this room card? I dont get the small icon on the right side to show.
This is the correct setup.

          - type: custom:button-card
            template:
              - card_room
              - blue
            entity: light.vardagsrummet
            variables:
              entity_id_1: light.ikea_besta_1
              entity_id_2: light.test1
              entity_id_3: light.test2
              entity_id_4: light.test3
            name: Vardagsrum
            icon: mdi:sofa-outline
845

Sure, you can pass through every property using a variable. Try this (untested):

Using

type: "custom:button-card"
template: custom_card_graph
entity: sensor.waschmaschine_verbrauch
variables:
  bar: "true"
  custom_icon: mdi:washing-machine
  group_by: "hour"

Template

custom_card_graph:
  show_icon: false
  show_name: false
  styles:
    grid:
      - grid-template-areas: '"item1" "item2"'
      - grid-template-columns: 1fr
      - grid-template-rows: min-content  min-content
    card:
      - border-radius: var(--border-radius)
      - box-shadow: var(--box-shadow)
      - padding: 0px
  variables:
    hours: 24
    bar: false
    graph_color: red
    custom_icon: null
    name: null
    group_by: null
  custom_fields:
    item1:
      card:
        type: 'custom:button-card'
        icon: '[[[ return variables.custom_icon ]]]'
        template:
          - icon_info
          - card_generic
        styles:
          card:
            - box-shadow: none
            - border-radius: var(--border-radius) var(--border-radius) 0px 0px
            - padding: 12px
        entity: '[[[ return entity.entity_id ]]]'
        name: '[[[ return variables.name == "null" ? entity.friendly_name : variables.name ]]]'
    item2:
      card:
        type: 'custom:mini-graph-card'
        group_by: >
          [[[ 
            if (variables.group_by === 'hour') {
              return 'hour';
            } else if (variables.group_by === 'date') {
              return 'date';
            }

            return 'interval';             
          ]]]
        entities:
          - entity: '[[[ return entity.entity_id ]]]'
        line_color: "[[[ return 'rgba(var(--color-' + variables.graph_color + '),1)'; ]]]"
        hours_to_show: '[[[ return variables.hours ]]]'
        show:
          graph: '[[[ return variables.bar === "true" ? "bar" : "line"; ]]]'
          name: false
          icon: false
          legend: false
          state: false
        style: |
          ha-card {
            box-shadow: none;
            border-radius: var(--border-radius);
          }
1 Like
846

No dumb questions :slight_smile:

Please see my config below:


      - type: vertical-stack
        cards:
          - card:
              cards:
                - type: 'custom:button-card'
                  name: Media TV
                  template: title
                - cards:
                    - template: edge
                      type: 'custom:button-card'
                    - artwork: full-cover
                      entity: media_player.living_room_tv
                      style: |
                        :host {
                          --ha-card-border-radius: var(--border-radius);
                          --ha-card-box-shadow: var(--box-shadow);
                        }
                      type: 'custom:mini-media-player'
                    - template: edge
                      type: 'custom:button-card'
                  type: horizontal-stack
              type: vertical-stack
            conditions:
              - entity: media_player.living_room_tv
                state_not: 'unknown'
            type: conditional
1 Like
847

Brilliant! Thank you, this is also helpful in me better understanding this side of HA! Theming is an area I am lacking in

848

thanks for the wonderfull theme or projekt!!!

849

Hej!

It sure is hot :slight_smile: How do you manage to control your AC with Home assistant? I’ve tried some custom IR blaster setup but I don’t like it as it doesn’t give any indication about which mode/temp target is set.

850

Hey, love the proyect, big thanks to OP and everyone involved.

Silly question, how do you handle spaces between rows in the vertical-stack?.
I’m migrating my setup and I’m using the title card without text to add a blank space between rows.

Thanks

851

Hello everyone question from a newbie, is the card room available for download? Can anyone share the code or link to it? Thanks to everyone that involve in the creation of the beautiful and wonderful theme.

Thanks

852

Check this post: 🌻 Lovelace UI • Minimalist - #842 by CM000n

854

Hi @Noah , Thanks for posting this, How do I use the group option, Does that still allow lights to be controlled individually?

855

Yes, see the documentation here

The group light platform lets you combine multiple lights into one entity. All child lights of a light group can still be used as usual, but controlling the state of the grouped light will forward the command to each child light.

856

Thanks for the reply!

Oh, I did this and it just showed up with zero lights on but should have been at least 3 lights on.

857

Hmm that should not happen :thinking:

Can you share the relevant configuration?
Light group, count sensor, frontend chip card?