Giter Club home page Giter Club logo

home-assistant-quick-look-mobile's People

Contributors

neilimixamo avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar

home-assistant-quick-look-mobile's Issues

Custom popups

Hi @neilimixamo ,

sorry if i am already annoying you with the requests but as longer i am working with your code the more ideas i got :)

How about some custom popups instead the ugly basic ones from home assistant? Esspecially for lights, cliamte, fan or media player?

Maybe something like or even these, so you don't have to code it yourself:

LIGHT:
image

CLIMATE:
image

MEDIA:
image

COVER:
image

Source is the ui-lovelace-minimalist page in the popup section:
https://ui-lovelace-minimalist.github.io/UI/usage/popups/popup_thermostat/

mapping values are not allowed here in "/config/dashboards/quick_look_mobile/./views/3.1_air_heating (v1.0).yaml", line 70, column 25

First of all thank you for sharing your code.

I tried to add it to my home assistant instance but got this error when I try to view the new dashboard

image
mapping values are not allowed here in "/config/dashboards/quick_look_mobile/./views/3.1_air_heating (v1.0).yaml", line 70, column 25

Here is the content of my configuration.yaml:

default_config:

# Text to speech
tts:
  - platform: google_translate

automation: !include automations.yaml
script: !include scripts.yaml
scene: !include scenes.yaml
template: !include template.yaml

frontend:
  themes: !include_dir_merge_named themes

http:
  use_x_forwarded_for: true
  trusted_proxies:
     # Add the IP address of the proxy server
    - xxx/24  # You may also provide the subnet mask

frontend:
  themes: !include_dir_merge_named themes/

lovelace:
  mode: storage
  dashboards: !include dashboards/dashboards.yaml
  
sensor: !include_dir_list entities/sensors/
    
# Example configuration.yaml entry
google_assistant:
  project_id: xxx
  service_account: !include SERVICE_ACCOUNT.JSON
  report_state: true

I tried to clear my cache but it doesn't solved the issue

Home Assistant 2023.6.2
Interface utilisateur : 20230608.0 - latest

overlap

HI,

I have the problem that the fields overlap see photo.

grafik

Can you change that?Or am I doing something wrong?

Cant get header sensors to work.

I cant get the header sensors to work. they keep saing unavailable.

here is my jinja code:

# v2.0.1

#### PART 1 ########################################################################################################################
#
# This file consists of two parts.
# Only first part requires a modification from you. 
# To prioritize simplicity and compatibility, I have chosen to individually list all the entities to be monitored in the Header.
# Replace every "your_entity" with your personal entities IDs
# The second part may be changed but is intended for advanced users who wish to create smart rules for entities inclusion or exclusion.
#
####################################################################################################################################



############################
#
# SECURITY MONITORING
#
############################

# ALARMS :
{% set alarm_entity_ids = [
  'alarm_control_panel.alarmo',
  'alarm_control_panel.home_alarm'
] %}

# DOORS & WINDOWS :
{% set contact_entity_ids = [
  'binary_sensor.btr_sens_dcs_contact', 
  'binary_sensor.hlw_sens_dcs_contact',
  'binary_sensor.mbr_sens_wcs_contact'
  #'binary_sensor.your_entity',
  #'binary_sensor.your_entity',
  #'binary_sensor.your_entity',
  #'binary_sensor.your_entity',
  #'binary_sensor.your_entity',
  #'binary_sensor.your_entity',
  #'binary_sensor.your_entity',
] %}

# PRESENCES:        
{% set occupancy_entity_ids = [
  'binary_sensor.mbr_sens_ms_occupancy',
  'binary_sensor.off_sens_ms_occupancy',
  'binary_sensor.bewegingssensor_badkamer_motion',
  'binary_sensor.bewegingssensor_toilet_iaszone',
  'binary_sensor.signify_netherlands_b_v_sml003_occupancy',
  'binary_sensor.mbr_sens_ps_presence',
  'binary_sensor.signify_netherlands_b_v_sml003_occupancy_2'
] %}

# LOCKS:        
{% set locks_entity_ids = [
  'lock.your_entity',
  'lock.your_entity',
  'lock.your_entity',
  'lock.your_entity',
  'lock.your_entity',
  'lock.your_entity',
  'lock.your_entity',
  'lock.your_entity',
  'lock.your_entity',
  'lock.your_entity',
] %}

############################
#
# AIR MONITORING
#
############################

# CLIMATES :
{% set climate_entity_ids = [
  'climate.your_entity',
  'climate.your_entity',
  'climate.your_entity',
  'climate.your_entity',
  'climate.your_entity',
  'climate.your_entity',
  'climate.your_entity',
  'climate.your_entity',
  'climate.your_entity',
  'climate.your_entity',
] %}

# FANS :
{% set fan_entity_ids = [
  'fan.your_entity',
  'fan.your_entity',
  'fan.your_entity',
  'fan.your_entity',
  'fan.your_entity',
  'fan.your_entity',
  'fan.your_entity',
  'fan.your_entity',
  'fan.your_entity',
  'fan.your_entity',
] %}

############################
#
# LIGHT
#
############################

# LIGHTBULBS :
{% set light_entity_ids = [
  'light.hallway_lamp_double_left_light_3',
  'light.hallway_lamp_double_right_light',
  'light.hallway_lamp_single_light_2'
] %}

# COVERS :
{% set cover_entity_ids = [
  'cover.your_entity',
  'cover.your_entity',
  'cover.your_entity',
  'cover.your_entity',
  'cover.your_entity',
  'cover.your_entity',
  'cover.your_entity',
  'cover.your_entity',
  'cover.your_entity',
  'cover.your_entity',
] %}

############################
#
# MEDIA PLAYERS MONITORING
#
############################

# AUDIO PLAYERS :
{% set audio_player_entity_ids = [
  'media_player.your_entity',
  'media_player.your_entity',
  'media_player.your_entity',
  'media_player.your_entity',
  'media_player.your_entity',
  'media_player.your_entity',
  'media_player.your_entity',
  'media_player.your_entity',
  'media_player.your_entity',
  'media_player.your_entity',
] %}

# VIDEO PLAYERS :
{% set video_player_entity_ids = [
  'media_player.your_entity',
  'media_player.your_entity',
] %}

############################
#
# EQUIPMENT MONITORING
#
############################

# DEVICES (SWITCHES, VACUUMS, SENSORS, etc) :
{% set device_entity_ids = [
  'vacuum.your_entity',
  'vacuum.your_entity',
  'vacuum.your_entity',
  'switch.your_entity',
  'switch.your_entity',
  'switch.your_entity',
  'switch.your_entity',
  'vacuum.your_entity',
  'switch.your_entity',
  'switch.your_entity',
  'switch.your_entity',
  'switch.your_entity',
  'switch.your_entity',
] %}


    |   |
    |   |
    |   |    
    |   |
    |   |
    |   |
   \     /
    \   /
     \ /


### PART 2 #########################################################################################################################
#
# MACROS :
# Don't change the following code unless you have experience with Jinja2 templating. 
# Any incorrect modifications may lead to unpredictable results.
#
####################################################################################################################################


{% macro some_alarms_are_on() %}
  {% set triggered_count = namespace(value=0) %}
  {% set armed_count = namespace(value=0) %}
  {% for entity_id in alarm_entity_ids %}
    {% if is_state(entity_id, 'triggered') or is_state(entity_id, 'pending') %}
      {% set triggered_count.value = triggered_count.value + 1 %}
    {% elif states(entity_id).startswith('armed') %}
      {% set armed_count.value = armed_count.value + 1 %}
    {% endif %}
  {% endfor %}
  {% if triggered_count.value > 0 %}
    {{ 'on' ~ ',' ~ triggered_count.value }}
  {% else %}
    {{ 'off' if armed_count.value == 0 else 'armed' ~ ',' ~ armed_count.value }}
  {% endif %}
{% endmacro %}


{% macro some_contact_sensors_are_on() %}
  {% set count = namespace(value=0) %}
  {% for entity_id in contact_entity_ids %}
    {% if is_state(entity_id, 'on') %}
      {% set count.value = count.value + 1 %}
    {% endif %}
  {% endfor %}
  {{ 'off' if count.value == 0 else 'on' ~ ',' ~ count.value }}
{% endmacro %}


{% macro some_occupancy_sensors_are_on() %}
  {% set count = namespace(value=0) %}
  {% for entity_id in occupancy_entity_ids %}
    {% if is_state(entity_id, 'on') %}
      {% set count.value = count.value + 1 %}
    {% endif %}
  {% endfor %}
  {{ 'off' if count.value == 0 else 'on' ~ ',' ~ count.value }}
{% endmacro %}


{% macro some_locks_are_on() %}
  {% set count = namespace(value=0) %}
  {% for entity_id in locks_entity_ids %}
    {% if is_state(entity_id, 'unlocked') %}
      {% set count.value = count.value + 1 %}
    {% endif %}
  {% endfor %}
  {{ 'off' if count.value == 0 else 'on' ~ ',' ~ count.value }}
{% endmacro %}


{% macro some_climates_are_on() %}
  {% set ns = namespace(result='', count=0) %}
  {% for entity in climate_entity_ids %}
    {% set entity_state = states(entity) %}
    {% if ns.result %}
      {% set ns.result = ns.result ~ ', ' ~ entity_state %}
    {% else %}
      {% set ns.result = entity_state %}
    {% endif %}
    {% if entity_state in ['heat', 'cool', 'fan', 'dry', 'auto'] %}
      {% set ns.count = ns.count + 1 %}
    {% endif %}
  {% endfor %} 
  {% set dominant_state = 'off' %}
  {% if 'heat' in ns.result %} 
    {% set dominant_state = 'heat' %}
  {% elif 'auto' in ns.result %} 
    {% set dominant_state = 'auto' %}
  {% elif 'cool' in ns.result or 'fan' in ns.result %} 
    {% set dominant_state = 'cool' %}
  {% elif 'dry' in ns.result %} 
    {% set dominant_state = 'dry' %}
  {% endif %}
  {{ dominant_state }}, {{ ns.count }}
{% endmacro %}


{% macro some_fans_are_on() %}
  {% set count = namespace(value=0) %}
  {% for entity_id in fan_entity_ids %}
    {% if is_state(entity_id, 'on') %}
      {% set count.value = count.value + 1 %}
    {% endif %}
  {% endfor %}
  {{ 'off' if count.value == 0 else 'on' ~ ',' ~ count.value }}
{% endmacro %}


{% macro some_lights_are_on() %}
  {% set count = namespace(value=0) %}
  {% for entity_id in light_entity_ids %}
    {% if is_state(entity_id, 'On') %}
      {% set count.value = count.value + 1 %}
    {% endif %}
  {% endfor %}
  {% set state = 'off' if count.value == 0 else 'On' %}
  {{ state ~ ',' ~ count.value }}
{% endmacro %}


{% macro some_covers_are_on() %}
  {% set count = namespace(value=0) %}
  {% for entity_id in cover_entity_ids %}
    {% if is_state(entity_id, 'closed') %}
      {% set count.value = count.value + 1 %}
    {% endif %}
  {% endfor %}
  {{ 'off' if count.value == 0 else 'on' ~ ',' ~ count.value }}
{% endmacro %}


{% macro some_audio_players_are_on() %}
  {% set count = namespace(value=0) %}
  {% for entity_id in audio_player_entity_ids %}
    {% if is_state(entity_id, 'on') or is_state(entity_id, 'playing') or is_state(entity_id, 'buffering') or is_state(entity_id, 'paused') %}
      {% set count.value = count.value + 1 %}
    {% endif %}
  {% endfor %}
  {{ 'off' if count.value == 0 else 'on' ~ ',' ~ count.value }}
{% endmacro %}

{% macro some_video_players_are_on() %}
  {% set count = namespace(value=0) %}
  {% for entity_id in video_player_entity_ids %}
    {% if is_state(entity_id, 'on') or is_state(entity_id, 'playing') or is_state(entity_id, 'buffering') or is_state(entity_id, 'paused') %}
      {% set count.value = count.value + 1 %}
    {% endif %}
  {% endfor %}
  {{ 'off' if count.value == 0 else 'on' ~ ',' ~ count.value }}
{% endmacro %}


{% macro some_devices_are_on() %}
  {% set count = namespace(value=0) %}
  {% for entity_id in device_entity_ids %}
    {% if is_state(entity_id, 'on') or is_state(entity_id, 'cleaning') %}
      {% set count.value = count.value + 1 %}
    {% endif %}
  {% endfor %}
  {{ 'off' if count.value == 0 else 'on' ~ ',' ~ count.value }}
{% endmacro %}

i havent changed the quick_look_mobile_sensors (v2.0.0).yaml file but i am running another sensors.yaml file in the same folder. (entities/sensors) and to get to these i am calling them from my configuration.yaml file like this: sensor: !include_dir_merge_list entities/sensors/

Somehow my excisiting sensors are working fine in the sensors.yaml file but all the sensors from the quick_look_mobile_sensors (v2.0.0).yaml keep showing unavailable.

does anybody know what i am doing wrong?

Call a card in footer section

Hi Neil, I created a card dedicated to my TV remote control. How can I call her when I click on one of these buttons? Thank you!
Screenshot_20240527_104120_edit_1164052791380269

IMG-20240527-WA0007

Rapid Toggle Switch

Hello @neilimixamo, it would be interesting to insert a section with some Toggle switches for quickly activating some entities, which do not necessarily have to be lights, doors, routines, scripts, etc..

For example, in my home automation I created the guest mode. I activate this mode with a button when my parents from the south of Italy come to visit me at home (at Christmas 😊). Guest mode is a boolean switch that, when turned on, deactivates all the automations that usually activate when my wife and I are away from home.

Or a simple button restarts the modem (button entity of the Fritzbox).

In these two cases the keys would remain colored as long as the activations are in operation.

What do you think about it? Thanks πŸ˜‰

Climate Card different room temperature

Hey @neilimixamo ,

this is not an issue, more a request / a question but I don't know how to post or declare it otherwise.

As I am not that familiar with template coding I would like you to ask what would the code look like and where exactly to replace it in the climate.yaml to state the indoor temperature from a temperature sensor of my choices instead from the sensor from the air-conditioner unit. Because the state from the units sensor is always too high or too low.

I would appreciate it if you could help me out with that. Thanks. Love your code so far!

QLM on the Tablet

Hi @neilimixamo, I would like to try adapting your Dashboard to use it on my tablet too.
Which files should I duplicate and edit, without losing the current view I have on smartphones? I don't want to duplicate all the files because then I would have to edit the files twice every time I make some changes... Thank you πŸ˜‰

Slider Option for light brightness

Hey man,

as I can speak just for me, my dashboard has to be as comfortable as possible which means every click that's not needed is too much.

So how about a slider option for light brightness (single bulbs and groups) in the home overview and light section. I think I have seen some code snippets in the yaml files with a slider option already? Not sure, but it doesn't work for me.

Alarm Card fails to render

Firstly, thank you for the excellent work and for sharing. The video is excellent.

image

I am getting this error.

This is the code I added my alarm panel to

  - type: custom:button-card # FOOTER TITLE
    view_layout:
      grid-area: footer_title
    template: title_sticky
    variables:
      title: 'Alarm' #can be changed
  - type: custom:button-card # FOOTER
    view_layout:
      grid-area: footer
    template: alarm
    variables:
      entity: alarm_control_panel.visonic_alarm
  - type: custom:button-card # MENU
    view_layout:
      grid-area: menu
    template: menu

I triple checked the spelling for the alarm entity

Badge color change

Hello, thank you so much for the excellent work you have done for the community, I am infinitely grateful!

I would like to ask you, how can I change the color of the badges?

Thank you!
ps. I'll run to offer you a couple of coffees πŸ˜‰

Screenshot_20240503_220019

Enlarge scrollable area

Hey @neilimixamo mate,

sorry for spamming you so hard lately but I can't find the code I have to edit / delete to make the thing work like I would like to.

As I am not using scenes manually and I don't need the toolbar at the bottom I would like to enlarge the scrollable area at the "Home" section, or maybe even at some other sections too, not sure. Maybe I am going to use it in a other kind of way. Okay anyway...

How do I delete the footer area / enlarge the scrollable area as there would be more space for some entities displaying without scrolling.

Thanks... again πŸ˜„

image

Header: Icon color not changing

I have recognized that the icons and the color in the header do nitnxhangr when activating a climate entity. I have filled the air_heating_yaml
with my entities but nothing happens. No matter what mode I am running them (auto, heat or cool).

image

Icon change depending on sensor status with AND condition

Hey man,

i am trying to change my icon depending on the state of 3 sensors (on / off), but i struggle with a AND condition.

This is my code so far:

icon:  |
    [[[
    var discharging = states['input_boolean.dummy_battery_discharging'].state;
    var charging = states['input_boolean.dummy_battery_charging'].state;
    var generating = states['input_boolean.dummy_pv_generating'].state;
    return discharging === 'on' ? 'mdi:battery-arrow-down' : 
    charging === 'on' ? 'mdi:battery-arrow-up' : 
    generating === 'on' ? 'mdi:solar-power-variant' : 'mdi:solar-panel';
    ]]]

What i need is changing the icon if 2 conditions (in this case 2 input_boolean sensors) are set to ON. For example ifinput_boolean.dummy_pv_generatingAND input_boolean.dummy_battery_charging are ON, display icon XY.

Can you help me figuring out how the code will look like? Thanks.

Regards,
Sebastian

add cover_expandable like light_expandable

Hello,

light_expandable is a great system to have multiple bulbs in one cell, it could be great to have the same behavior for covers: in my case I have two covers in my living room and I would like to be able to manage them by group or individually

Expand device support to input_number

Hi,

I would like to use input_number entity from Home Assistant in device view but I have an error when I try to add it :
image

input_boolean entities are ok but not input_number

Support auto-entities

Hello

I have no idea if it's doable with your dashboard but I would love to be able to use auto-entities in QLM.
My case is this : I share plex with some members of my family and they connect from different devices. I would love to see in the home menu that one (or more) media is currently playing and if I go to subheader video in media maybe a cell like expendanbles is available and if you expand it, all the current matching auto-entities are displayed

Add Sensor Entity Support to Device Card

Hi @neilimixamo, I have some numeric entities that I would like to monitor.
For example: UPS battery percentage, server temperature, mailbox sensor, etc.

Do you have any ideas on how to integrate them into your awesome QLM Dashboard?

Thank you πŸ˜‰

Header have no count and color when device is active

Hello,

I guess I did the configuration wrong but I can't see what is missing.
One of my light is configured this way:

cards:
          - type: custom:button-card # ENTITY 01
            template: light #or 'light_expandable'
            variables:
              entity: light.entree #required light.entity_id
              name: EntrΓ©e #optional
              expand_to: #required path if light_expandable template is used

and homeassistant/custom_templates/quick_look_mobile_macros (v2.0.0).jinja is configured this way

# LIGHTBULBS :
{% set light_entity_ids = [
  'light.entree',
] %}  

I tried to restart homeassistant and reload custom theme but it doesn't seem to work

image

Any idea of what is going on?

Badge icon for entities count

And me again. How about a badge icon or something similar in the header menu besides the main icons to quickly see how man lights, climates (e.g. air conditioners) are currently on without need to go in the sub menu / light section etc.

Add Washing Machine Card

Hi super @neilimixamo, I would like to use the EQUIPMENT tab to view the controls for my Washing Machine and Dryer (both Electrolux). Any ideas about it?

ps. I don't have other devices to insert in the EQUIPMENT tab, I just need to be able to control them. Thank you!

Replacing Upper Right Assist Card

Hi @neilimixamo, I want to replace the assistant function. I managed to change the icon and start a script, working on the header file in the template section.
However, I would like a number taken from a specific numerical entity to appear at the top right of the mail icon.

How can I do? Thank you!

Screenshot_20240520_181601_edit_663790113968761
Screenshot_20240520_181707_edit_663831612987495

Cover Icon not work

Hi,

thanks for this great configuration!

So far everything works, but the roller shutter icon is not displayed correctly for me. Maybe I'm doing something wrong too?

- type: custom:button-card # ENTITY 07 template: cover variables: entity: cover.roller_shutter_3_7 name: Badezimmer battery: #optional battery sensor to display as a badge when <60% expand_to: #required if cover_expandable template is used

grafik

grafik

Add possibility to open another entity in popup

Hello,

I would like to have the possibility to open another entity in the popup when clicking an item. Here is my case :

I have a switch in a room that act like a light entity and a light bulb. The switch power on or off the bulb and I have assigned it in QLM and it works great but I have no possibility to manage colors with that because it's linked to the light bulb. I can't add directly the light bulb in QLM because when the switch is off the light bulb is unavailable and I would like to be able to start it from QLM.

What I was thinking was something like this

          - type: custom:button-card # ENTITY 01
            template: light
            variables:
              entity: 
              name: 
              popup_to:
              expand_to: 

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    πŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. πŸ“ŠπŸ“ˆπŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❀️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.