🌻 Lovelace UI • Minimalist

Freshhat · January 29, 2023, 9:05am

Just login on your PC into your Tesla Account. There you will see your cars linked to that account. And you can just right click on it and download it

basti4k · January 29, 2023, 11:40am

yes, the same work with skoda:

kaluzny.radek · January 30, 2023, 9:38am

Hi,

do you know if its possible to pop up a card after a tap not related to Minimalist UI? My goal is to open LG WebOS Remote Control after tapping on card_media_player on Name action.

Thank you

AGI · January 30, 2023, 11:19pm

I don’t manage to get the * Waste Collection Custom-card working correctly: the dot with the exclamation mark is behind the icon instead of in front of it.

I’ve read the styling guide documentation of the custom button card but must admit that it is way above my (very limited!) yaml code skills.

The custom_card_paddy_waste_collection.yaml looks like this:

---
custom_card_paddy_waste_collection:
  template:
    - "card_generic_swap"
  state:
    - operator: "template"
      value: "[[[ return states[entity.entity_id].attributes.daysTo == 0; ]]]"
      styles:
        custom_fields:
          notification:
            - border-radius: "50%"
            - position: "absolute"
            - left: "38px"
            - top: "8px"
            - height: "16px"
            - width: "16px"
            - border: "2px solid var(--card-background-color)"
            - font-size: "12px"
            - line-height: "14px"
            - background-color: >
                [[[
                  return "rgba(var(--color-red),1)";
                ]]]
    - operator: "template"
      value: "[[[ return states[entity.entity_id].attributes.daysTo == 1; ]]]"
      styles:
        custom_fields:
          notification:
            - border-radius: "50%"
            - position: "absolute"
            - left: "38px"
            - top: "8px"
            - height: "16px"
            - width: "16px"
            - border: "2px solid var(--card-background-color)"
            - font-size: "12px"
            - line-height: "14px"
            - background-color: >
                [[[
                  return "rgba(var(--color-red),1)";
                ]]]
    - value: "unavailable"
      styles:
        custom_fields:
          notification:
            - border-radius: "50%"
            - position: "absolute"
            - left: "38px"
            - top: "8px"
            - height: "16px"
            - width: "16px"
            - border: "2px solid var(--card-background-color)"
            - font-size: "12px"
            - line-height: "14px"
            - background-color: >
                [[[
                  return "rgba(var(--color-red),1)";
                ]]]
  custom_fields:
    item1:
      card:
        type: "custom:button-card"
        template:
          - "icon_more_info"
        custom_fields:
          item1:
            card:
              type: "custom:button-card"
              entity: "[[[ return entity.entity_id ]]]"
              state:
                - operator: "template"
                  value: "[[[ return states[entity.entity_id].attributes.daysTo == 0; ]]]"
                  styles:
                    img_cell:
                      - background-color: "rgba(var(--color-red),0.5)"
                    icon:
                      - color: "rgba(var(--color-red),1)"
                - operator: "template"
                  value: "[[[ return states[entity.entity_id].attributes.daysTo == 1; ]]]"
                  styles:
                    img_cell:
                      - background-color: "rgba(var(--color-red),0.05)"
                    icon:
                      - color: "rgba(var(--color-red),1)"
          item2:
            card:
              type: "custom:button-card"
              entity: "[[[ return entity.entity_id ]]]"
    notification: >
      [[[
        if (entity.state == 'unavailable' || states[entity.entity_id].attributes.daysTo == 0 || states[entity.entity_id].attributes.daysTo == 1){
          return '<ha-icon icon="mdi:exclamation" style="width: 12px; height: 12px; color: var(--primary-background-color);"></ha-icon>'
        }
      ]]]

My home.yaml looks like this:

title: "Home"
path: "home"
cards:
  - type: custom:button-card
    template:
      - custom_card_paddy_waste_collection
    entity: sensor.next_residual_waste_collection
    variables:
      ulm_icon_tap_action: "more-info"

  - type: custom:button-card
    template:
      - custom_card_paddy_waste_collection
    entity: sensor.next_paper_carton_collection
    variables:
      ulm_icon_tap_action: "more-info"

  - type: custom:button-card
    template:
      - custom_card_paddy_waste_collection
    entity: sensor.next_glass_collection
    variables:
      ulm_icon_tap_action: "more-info"

  - type: custom:button-card
    template:
      - custom_card_paddy_waste_collection
    entity: sensor.next_valorlux_collection
    variables:
      ulm_icon_tap_action: "more-info"

and my configuration.yaml looks like this:


# Loads default set of integrations. Do not remove.
default_config:

# Load frontend themes from the themes folder
frontend:
  themes: !include_dir_merge_named themes

# Text to speech
tts:
  - platform: google_translate

automation: !include automations.yaml
script: !include scripts.yaml
scene: !include scenes.yaml
sensor: !include_dir_merge_list sensors

waste_collection_schedule:
  sources:
    - name: ics
      args:
        url: https://www.vdl.lu/fr/vivre/domicile-au-quotidien/collecter-et-trier-ses-dechets/calendrier-des-collectes-new/1/all/ical.ics # this is just an example url
        #file: FILE
        #offset: OFFSET
        #method: METHOD
        #params: PARAMS
        #year_field: YEAR_FIELD
        #regex: REGEX
        #split_at: SPLIT_AT
        #version: 2
        #verify_ssl: VERIFY_SSL
        #headers: HEADERS
      customize:
        - type: Déchets résiduels
          alias: Residual waste
          icon: mdi:delete-empty
        - type: Emballages Valorlux
          alias: Valorlux
          icon: mdi:sack
        - type: Papier/Carton
          alias: Paper & Carton
          icon: mdi:package-variant-remove
        - type: Verre
          alias: Glass
          icon: mdi:liquor
        - type: Déchets alimentaires
          show: false

http_edo13 · January 31, 2023, 12:34pm

hi, this is very beautiful! But, how you can send the commands to tesla model y? With teslamate?

Freshhat · January 31, 2023, 4:16pm

I’m using the custom Tesla integration inside HACS GitHub - alandtse/tesla: Tesla custom integration for Home Assistant. This requires a refresh token be generated by third-party apps to login.

basti4k · February 1, 2023, 8:53am

i have some issues:

Logger: custom_components.ui_lovelace_minimalist.base
Source: custom_components/ui_lovelace_minimalist/base.py:333
Integration: UI Lovelace Minimalist (documentation, issues)
First occurred: 9:45:11 AM (11 occurrences)
Last logged: 9:45:11 AM

HACS Frontend repo “my-cards” is already installed, Remove it or disable include custom cards

HACS Frontend repo “simple-weather-card” is already installed, Remove it or disable include custom cards

HACS Frontend repo “lovelace-layout-card” is already installed, Remove it or disable include custom cards

HACS Frontend repo “lovelace-state-switch” is already installed, Remove it or disable include custom cards

HACS Frontend repo “weather-radar-card” is already installed, Remove it or disable include custom cards

if i take them out from ressources:

...
- url: /hacsfiles/my-cards/my-cards.js
  type: module

it dont work.

mdb17 · February 1, 2023, 10:09pm

Is this project still being maintained? It has been a while since any pull requested has been approved.

jjnj · February 1, 2023, 10:37pm

Sorry for the beginner question, I’m just starting.
What card did you use to manage this?

basti4k · February 2, 2023, 10:24am

this is my own card, if i am ready. i share the code

devastator · February 2, 2023, 11:34am

Nobody knows how to incorporate this in Minimalist UI ?

jjnj · February 2, 2023, 11:48am

It looks amazing!

basbrus · February 2, 2023, 1:54pm

You have manually installed all HACS frontend repos and let Minimalist also install them. So it warns you of duplicate files in different locations.
Either deselect the option to let Minimalist install all needed repos or deinstall all manually installed items from HACS, not by just deleting the resource link.

Note: This is exactly what the error in the log describes

HACS Frontend repo “my-cards” is already installed, Remove it or disable include custom cards

basti4k · February 2, 2023, 3:03pm

perfect, it works

billyjoebob999 · February 2, 2023, 6:05pm

It’s pretty straight forward. Just add the card template (that he provided) to your dashboard. Just make sure you format it correctly for your dashboard. For the Days to Reminder to work, you will also need to add script to reset the reminder by adding the code he provided to your scripts.yaml. Then you need to create a helper (input_datetime.reminder_date) so you set a date for the reminder. Once you have all that you should be good to go.

http_edo13 · February 2, 2023, 9:23pm

where is the code? can you make a pull request?

basti4k · February 2, 2023, 10:04pm

tmchow · February 3, 2023, 3:22am

I installed all the cards that were listed as dependencies and then installed the integration (after adding it by HACS)

Two dashboards were added to my sidebar both with same name of “UI Lovelace Minimalist”. The dashboards don’t look at all correct with misrendered cards. I swear I’ve looked at the setup instructions and followed all the steps.

Any ideas?