HaHome Homekit, Google Home inspired Ui lovelace dashboard for HomeAssistant

New dashboard



2 Likes

Hi, this Dashboard is amazing. But it seems there is a card_title template missing. It would be nice if you can help me.

thx

I see I forgot to include the template…
Here it is, its a modified version of GitHub - UI-Lovelace-Minimalist/UI: UI-Lovelace-Minimalist is a "theme" for HomeAssistant title card.

button_card_templates:
  card_title:
    tap_action:
      action: none
    show_icon: false
    show_label: true
    show_name: true
    styles:
      card:
        - background-color: rgba(0,0,0,0)
        - box-shadow: none
        - height: auto
        - width: auto
      grid:
        - grid-template-areas: '''n'' ''l'''
        - grid-template-columns: 1fr
        - grid-template-rows: min-content min-content
      name:
        - justify-self: start
        - font-weight: bold
      label:
        - justify-self: start
        - font-weight: bold
        - font-size: 1rem
        - opacity: '0.4'
  list_2_items:
    styles:
      grid:
        - grid-template-areas: '''item1 item2'''
        - grid-template-columns: 1fr 1fr
        - grid-template-rows: min-content
        - column-gap: 7px
      card:
        - box-shadow: none
        - padding: 0px

thx it works now. But what with these views files? Where should i insert those yaml files?


2|690x308

then you copy paste all the code from the desired raw file for example server.yaml

I have also updated the 00- raw view.yaml on the github repo to include all of my code.

Hi, How did you create the sensor.weather_info_tutorial?

The sensor came from https://www.youtube.com/@My_Smart_Home.

Add this to the config file: template: !include templates.yaml and then create a new file called templates.yaml

The code is placed under templates.yaml

- sensor:
    - name: "Weather Info English"
      unique_id: "weather_info_eng"
      state: >
        {% set weather = states('weather.forecast_home') %}
        {% if is_state('sun.sun', 'above_horizon') %}
        {{ '/local/weather/' + weather + '.svg' }}
        {% else %}
        {{ '/local/weather/' + weather + '_night.svg' }}
        {% endif %}
      attributes:
        temp: >
          {{ state_attr('weather.forecast_home', 'temperature') }}
        feels_like: >
          {% set T = (state_attr('weather.forecast_home', 'temperature') | float) %}
          {% set K = (state_attr('weather.forecast_home', 'wind_speed') | float)/3.6 %}
          {% set V = (K/1000*60*60) %}
          {% set A = 13.12 + 0.6215*T - 11.37*(V**0.16) + 0.3965*T*(V**0.16) %}
          {{ (A) | round(1) }}
        desc: >
          {{ states('weather.forecast_home') }}
        precipitation: >
          {{ state_attr('weather.forecast_home', 'forecast')[0].precipitation }}
        precipitation_percent: >
          {{ state_attr('weather.forecast_home', 'forecast')[0].precipitation_probability }}
        wind_dir: >
          {% set direction = ['N', 'NNE', 'NE', 'ENE', 'E', 'ESE', 'SE', 'SSE', 'S', 'SSW', 'SW', 'WSW', 'W', 'WNW', 'NW', 'NNW', 'N'] %}
          {% set degree = state_attr('weather.forecast_home', 'wind_bearing')|float %}
          {{ direction[((degree+11.25)/22.5)|int] }}
        wind_speed: >
          {% set sensor = state_attr('weather.forecast_home', 'wind_speed') | float %}
          {{ (sensor / 3.6) | round(1) }}
        wind_desc: >
          {% set sensor = state_attr('weather.forecast_home', 'wind_speed') | float %}
          {% if sensor > 0 and sensor < 0.99 %}
          Calm
          {% elif sensor > 1 and sensor < 6.99 %}
          Light air
          {% elif sensor > 7 and sensor < 11.99 %}
          Light breeze
          {% elif sensor > 12 and sensor < 19.99 %}
          Gentle breeze
          {% elif sensor > 20 and sensor < 29.99 %}
          Moderate breeze
          {% elif sensor > 30 and sensor < 39.99 %}
          Fresh breeze
          {% elif sensor > 40 and sensor < 50.99 %}
          Strong breeze
          {% elif sensor > 51 and sensor < 62.99 %}
          Near gale
          {% elif sensor > 63 and sensor < 75.99 %}
          Gale
          {% elif sensor > 76 and sensor < 87.99 %}
          Strong gale
          {% elif sensor > 88 and sensor < 102.99 %}
          Storm
          {% elif sensor > 103 and sensor < 117.99 %}
          Violent storm
          {% else %}
          Hurrican
          {% endif %}
1 Like