TomerFi/home-assistant-custom-ui

Custom UI for Home Assistant

Home Assistant Custom UI Components

NOT MAINTAINED!

I'm no longer maintaining this repository, this was a pre lovelace ui solution.

You can still use the files ☝️, if you want.
These 👇 are the instructions.

---

This repository contains various Custom UI cards I've made for use with Home Assistant.

My current developing environment is HassIO 0.65.5.

My Custom UI Components TOC

• Script with Custom Text for allowing custom text as script activation instead of the usuall ACTIVATE.

Script with Custom Text

Version 20180419
Tested with HA ios app, safari, chrome and internet explorer.
Community Discussion
Picture

Installation

For installation of this custom ui, place the following files in your HA config/www/custom_ui:

• config/www/custom_ui/state-card-script-custom-text.html
• config/www/custom_ui/state-card-script-custom-text-es5.html
  

Open you configuration.yaml file and find the frontend component (add it if you can't find it), configure it as such:

frontend:
  extra_html_url:
    - /local/custom_ui/state-card-script-custom-text.html
  extra_html_url_es5:
    - /local/custom_ui/state-card-script-custom-text-es5.html

Next, in configuration.yaml find homeassistant and in it find the customize_domain key (add it if you can't find it), configure it as such:

homeassistant:
  customize_domain:
    script:
      custom_ui_state_card: state-card-script-custom-text

VERY IMPORTANT after adding the custom ui card and restarting your Home Assistant, you'll need to clear the cache of your web-browser in use and refresh the page a couple of times so your web-browser will get the latest version of the card.

Usage

For changing the ACTIVATE value for specific scripts, in configuration.yaml find homeassistant and in it find the customize key (add it if you can't find it), add a custom_text key for each script entity you want:

homeassistant:
  customize:
    script.my_first_script:
      custom_text: "WHATEVER1"
    script.my_first_script:
      custom_text: "WHATEVER2"

For changing the ACTIVATE value globaly for all of your script, add the following line to the already configured customize_domain key:

homeassistant:
  customize_domain:
    script:
      custom_ui_state_card: state-card-script-custom-text
      custom_text: "WHATEVER"