jeans/home-assistant.io
jeans/home-assistant.io
1
0
Fork 0
mirror of https://github.com/home-assistant/home-assistant.io.git synced 2025-07-21 08:16:53 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add icons for three dots menu and cogwheel (#33557)

Browse Source 
Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>
This commit is contained in:
c0ffeeca7 2024-07-04 10:32:22 +02:00 committed by GitHub
parent 77d6816045
commit b87af8f6f8
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
38 changed files with 103 additions and 102 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
source/_docs/automation/troubleshooting.markdown
View File

@ -19,7 +19,7 @@ Testing with complex triggers, conditions, and variables can be difficult. Note
### Running individual actions or conditions
In the automation editor UI, each {% term condition %} and {% term action %} can be tested individually. Select the three dots menu, then the **Test** button.
In the automation editor UI, each {% term condition %} and {% term action %} can be tested individually. Select the three dots {% icon "mdi:dots-vertical" %} menu, then the **Test** button.
- Testing a condition will highlight it to show whether the condition passed at the moment it was tested. If all conditions pass, then the automation will run when triggered. Testing building blocks like an **and** condition will report whether the whole block registers as true or false, or you can test individual conditions within the building block.

2
source/_docs/configuration.markdown
View File

@ -91,7 +91,7 @@ The method for running a configuration check depends on your [installation type]
For configuration changes to become effective, the configuration must be reloaded. Most integrations in Home Assistant (that do not interact with {% term devices %} or {% term services %}) can reload changes made to their configuration in `configuration.yaml` without needing to restart Home Assistant.
1. Under **Settings**, select the three dots menu (top right), select **Restart Home Assistant** > **Quick reload**.
1. Under **Settings**, select the three dots menu (top right) {% icon "mdi:dots-vertical" %}, select **Restart Home Assistant** > **Quick reload**.
![Settings, three dot menu, restart Home Assistant](/images/docs/configuration/settings_restart_ha.png)

2
source/_docs/organizing/categories.markdown
View File

@ -31,7 +31,7 @@ Follow these steps to create a new category.
1. Go to {% my automations title="**Settings** > **Automations & Scenes**" %} and open the respective tab.
2. To assign a category to a single item:
- Find the item in the list and select the three dots menu.
- Find the item in the list and select the three dots {% icon "mdi:dots-vertical" %} menu.
- Select **Assign category** and select the category from the list.
- If the category is not in the list, select **Add new category** and make a new one.
3. To assign a category to multiple items:

2
source/_docs/organizing/floors.markdown
View File

@ -44,7 +44,7 @@ Follow these steps to create a new floor.
Follow these steps to delete a floor. Areas that are assigned to a floor will become unassigned. Automations and scripts or voice assistants that used a floor as a target will no longer work as they no longer have a target.
1. Go to {% my areas title="**Settings** > **Areas, labels & zones**" %}.
2. Next to the floor, select the three dots menu and select **Delete floor**.
2. Next to the floor, select the three dots {% icon "mdi:dots-vertical" %} menu and select **Delete floor**.
![Screenshot showing the dialog to delete a floor](/images/organizing/floor_delete.png)

6
source/_docs/organizing/labels.markdown
View File

@ -51,7 +51,7 @@ Follow these steps to apply a label
- Go to {% my automations title="**Settings** > **Automations & Scenes**" %} and open the respective tab.
- Select the <img height="28px" src="/images/organizing/multiselect_icon.png" alt="Multiselect icon"/> button.
- From the list, select all the list entries to which you want to apply a label.
- In the top right corner, select the three dots menu, then select **Add label**. Then, select the labels from the list.
- In the top right corner, select the three dots {% icon "mdi:dots-vertical" %} menu, then select **Add label**. Then, select the labels from the list.
## Deleting a label
@ -59,7 +59,7 @@ Follow these steps to delete a label. It will be removed from all the list entri
If you used this label in automations or script as targets, you need to adjust those.
1. Go to {% my labels title="**Settings** > **Areas, labels & zones**" %} and on top, select the **Labels** tab.
2. In the list of labels, find the label you want to delete and select the three dots menu.
2. In the list of labels, find the label you want to delete and select the three dots {% icon "mdi:dots-vertical" %} menu.
3. Select **Delete**.
4. If you used this label in automations or script as targets, you need to adjust those.
@ -70,6 +70,6 @@ If you used this label in automations or script as targets, you need to adjust t
- Or, go to {% my automations title="**Settings** > **Automations & Scenes**" %} and open the respective tab.
2. Select the <img height="28px" src="/images/organizing/multiselect_icon.png" alt="Multiselect icon"/> button.
- From the list, select all the items from which you want to remove a label.
- In the top right corner, select the three dots menu, then select **Add label**.
- In the top right corner, select the three dots {% icon "mdi:dots-vertical" %} menu, then select **Add label**.
- Then, deselect the checkbox for the label you want to remove.

4
source/_docs/troubleshooting_general.markdown
View File

@ -53,7 +53,7 @@ Typically, updates are shown at the top of the **Settings** page. If you don't s
### Resolution
1. On the **System** page, in the top-right corner, select the three dots menu and select **Check for updates**.
1. On the **System** page, in the top-right corner, select the three dots {% icon "mdi:dots-vertical" %} menu and select **Check for updates**.
2. Go to {% my updates title="**System** > **Updates**" %}.
- Select the update notification.
- Select the cogwheel, then set **Visible** to active.
- Select the cogwheel {% icon "mdi:cog-outline" %}, then set **Visible** to active.

10
source/_includes/asides/about.html
View File

@ -1,13 +1,13 @@
<section class="aside-module grid__item one-whole lap-one-half">
<h1 class="title epsilon"><iconify-icon inline icon="mdi:about-circle-outline"></iconify-icon> About Home Assistant</h1>
<h1 class="title epsilon">{% icon "mdi:about-circle-outline" %} About Home Assistant</h1>
<ul class="divided">
<li>
{{ site.description }}
</li>
<li><a href='/getting-started/'>Get started with Home Assistant</a></li>
<li><a class="external-link" href='https://demo.home-assistant.io'>Try the online demo <iconify-icon inline icon="tabler:external-link"></iconify-icon></a></li>
<li><a class="external-link" href='https://building.open-home.io/#/portal'>Sign up for our newsletter <iconify-icon inline icon="tabler:external-link"></iconify-icon></a></li>
<li><a class="external-link" href="https://twitter.com/Home_Assistant">Follow Home Assistant on X <iconify-icon inline icon="tabler:external-link"></iconify-icon></a></li>
<li><a class="external-link" href='https://demo.home-assistant.io'>Try the online demo {% icon "tabler:external-link" %}</a></li>
<li><a class="external-link" href='https://building.open-home.io/#/portal'>Sign up for our newsletter {% icon "tabler:external-link" %}</a></li>
<li><a class="external-link" href="https://twitter.com/Home_Assistant">Follow Home Assistant on X {% icon "tabler:external-link" %}</a></li>
{% comment %}
<li>
Subscribe to the Home Assistant Newsletter
@ -19,6 +19,6 @@
{% endcomment %}
</ul>
<p>
Home Assistant is part of the <a class="external-link" href="https://www.openhomefoundation.org/">Open Home Foundation <iconify-icon inline icon="tabler:external-link"></iconify-icon></a>.
Home Assistant is part of the <a class="external-link" href="https://www.openhomefoundation.org/">Open Home Foundation {% icon "tabler:external-link" %}</a>.
</p>
</section>

2
source/_includes/asides/categories.html
View File

@ -1,5 +1,5 @@
<section class="aside-module grid__item one-whole lap-one-half">
<h1 class="title epsilon"><iconify-icon inline icon="mdi:category"></iconify-icon> Categories</h1>
<h1 class="title epsilon">{% icon "mdi:category" %} Categories</h1>
<ul class="divided">
{% assign categories = site.categories | sort %}
{% for category in categories %}

6
source/_includes/asides/component_navigation.html
View File

@ -70,15 +70,15 @@
{% if page.ha_domain %}
<div class='section'>
<a href="https://github.com/home-assistant/core/tree/dev/homeassistant/components/{{ domain }}" target="_blank"><iconify-icon inline icon="simple-icons:github"></iconify-icon> View source on GitHub</a><br />
<a href="https://github.com/home-assistant/core/issues?q=is%3Aissue+is%3Aopen+label%3A%22integration%3A+{{ domain }}%22" target="_blank"><iconify-icon inline icon="mdi:bug"></iconify-icon> View known issues</a>
<a href="https://github.com/home-assistant/core/tree/dev/homeassistant/components/{{ domain }}" target="_blank">{% icon "simple-icons:github" %} View source on GitHub</a><br />
<a href="https://github.com/home-assistant/core/issues?q=is%3Aissue+is%3Aopen+label%3A%22integration%3A+{{ domain }}%22" target="_blank">{% icon "mdi:bug" %} View known issues</a>
</div>
{%- endif -%}
</section>
<section class="aside-module grid__item one-whole lap-one-half">
<div class='section'>
<h1 class="title epsilon"><iconify-icon inline icon="mdi:person-heart"></iconify-icon> Integration owners</h1>
<h1 class="title epsilon">{% icon "mdi:person-heart" %} Integration owners</h1>
{% if page.ha_codeowners %}
{% assign ha_project = false %}
{% for codeowner in page.ha_codeowners %}

6
source/_includes/asides/dashboards_navigation.html
View File

@ -32,7 +32,7 @@
</div>
<div class="section">
<h1 class="title epsilon"><iconify-icon inline icon="mdi:card-multiple-outline"></iconify-icon> Card types</h1>
<h1 class="title epsilon">{% icon "mdi:card-multiple-outline" %} Card types</h1>
<ul class="divided sidebar-menu">
{% for element in elements %}
{% if element.type == "card" %}
@ -43,7 +43,7 @@
</div>
<div class="section">
<h1 class="title epsilon"><iconify-icon inline icon="mdi:cog"></iconify-icon> Advanced</h1>
<h1 class="title epsilon">{% icon "mdi:cog" %} Advanced</h1>
<ul class="divided sidebar-menu">
<li>{% active_link /dashboards/features/ Features %}</li>
<li>{% active_link /dashboards/header-footer/ Headers & footers %}</li>
@ -53,7 +53,7 @@
class="external-link"
href="https://developers.home-assistant.io/docs/frontend/custom-ui/custom-card/"
>Developing custom cards
<iconify-icon inline icon="tabler:external-link"></iconify-icon>
{% icon "tabler:external-link" %}
</a>
</li>
</ul>

28
source/_includes/asides/docs_navigation.html
View File

@ -8,7 +8,7 @@
<b>{% active_link /docs/glossary/ Glossary %}</b>
</li>
<li>
<b><iconify-icon inline icon="mdi:rocket-launch-outline"></iconify-icon> Getting started</b>
<b>{% icon "mdi:rocket-launch-outline" %} Getting started</b>
<ul>
<li>{% active_link /installation Installation %}</li>
<li>{% active_link /getting-started Getting started & onboarding %}</li>
@ -23,7 +23,7 @@
</ul>
</li>
<li>
<b><iconify-icon inline icon="mdi:view-dashboard"></iconify-icon> {% active_link /docs/frontend/ Frontend %}</b>
<b>{% icon "mdi:view-dashboard" %} {% active_link /docs/frontend/ Frontend %}</b>
<ul>
<li>{% active_link /dashboards Dashboards, views, cards %}</li>
<li>{% active_link /docs/organizing/ Organizing: areas, floors, labels, categories, ... %}</li>
@ -31,7 +31,7 @@
</ul>
</li>
<li>
<b><iconify-icon inline icon="mdi:cog"></iconify-icon> Configuration</b>
<b>{% icon "mdi:cog" %} Configuration</b>
<ul>
<li>{% active_link /docs/configuration/ Configuration.yaml %}</li>
<li>{% active_link /docs/configuration/yaml/ YAML syntax%}</li>
@ -52,7 +52,7 @@
</ul>
</li>
<li>
<b><iconify-icon inline icon="mdi:solar-power-variant"></iconify-icon> {% active_link /docs/energy/ Home Energy Management %}</b>
<b>{% icon "mdi:solar-power-variant" %} {% active_link /docs/energy/ Home Energy Management %}</b>
<ul>
<li>{% active_link /docs/energy/electricity-grid/ Electricity grid %}</li>
<li>{% active_link /docs/energy/solar-panels/ Solar panels %}</li>
@ -61,7 +61,7 @@
</ul>
</li>
<li>
<iconify-icon inline icon="fa-solid:cogs"></iconify-icon> Advanced configuration
{% icon "fa-solid:cogs" %} Advanced configuration
<ul>
<li>{% active_link /docs/configuration/remote/ Remote access %}</li>
<li>
@ -80,7 +80,7 @@
</ul>
</li>
<li>
<b><iconify-icon inline icon="mdi:account-security"></iconify-icon> {% active_link /docs/authentication/ Authentication %}</b>
<b>{% icon "mdi:account-security" %} {% active_link /docs/authentication/ Authentication %}</b>
<ul>
<li>
{% active_link /docs/authentication/providers/ Auth providers %}
@ -95,7 +95,7 @@
</ul>
</li>
<li>
<iconify-icon inline icon="clarity:objects-solid"></iconify-icon> Core objects
{% icon "clarity:objects-solid" %} Core objects
<ul>
<li>{% active_link /docs/configuration/events/ Events %}</li>
<li>
@ -122,7 +122,7 @@
</ul>
</li>
<li>
<b><iconify-icon inline icon="carbon:floorplan"></iconify-icon> {% active_link /docs/blueprint/ Blueprints %}</b>
<b>{% icon "carbon:floorplan" %} {% active_link /docs/blueprint/ Blueprints %}</b>
<ul>
<li>{% active_link /docs/blueprint/tutorial/ Tutorial %}</li>
<li>{% active_link /docs/blueprint/schema/ Blueprint schema %}</li>
@ -130,26 +130,26 @@
</ul>
</li>
<li>
<b><iconify-icon inline icon="mdi:database"></iconify-icon> {% active_link /docs/backend/ Backend %}</b>
<b>{% icon "mdi:database" %} {% active_link /docs/backend/ Backend %}</b>
<ul>
<li>{% active_link /docs/backend/database/ Database %}</li>
</ul>
</li>
<li>
<b><iconify-icon inline icon="mdi:script-text"></iconify-icon> {% active_link /docs/scripts/ Scripts %}</b>
<b>{% icon "mdi:script-text" %} {% active_link /docs/scripts/ Scripts %}</b>
<ul>
<li>{% active_link /docs/scripts/service-calls/ Service calls %}</li>
<li>{% active_link /docs/scripts/conditions/ Conditions %}</li>
</ul>
</li>
<li>
<b><iconify-icon inline icon="mdi:script-text"></iconify-icon> {% active_link /docs/scene/ Scenes %}</b>
<b>{% icon "mdi:script-text" %} {% active_link /docs/scene/ Scenes %}</b>
<ul>
<li>{% active_link /docs/scene/editor/ Editor %}</li>
</ul>
</li>
<li>
<b><iconify-icon inline icon="mdi:palette"></iconify-icon> {% active_link /docs/tools/ Tools and helpers %}</b>
<b>{% icon "mdi:palette" %} {% active_link /docs/tools/ Tools and helpers %}</b>
<ul>
<li>{% active_link /docs/tools/dev-tools/ Developer tools %}</li>
<li>{% active_link /docs/tools/quick-bar/ Quick bar %}</li>
@ -158,7 +158,7 @@
</ul>
</li>
<li>
<b><iconify-icon inline icon="simple-icons:mqtt"></iconify-icon> {% active_link /integrations/mqtt MQTT %}</b>
<b>{% icon "simple-icons:mqtt" %} {% active_link /integrations/mqtt MQTT %}</b>
<ul>
<li>{% active_link /integrations/mqtt/#broker-configuration Broker %}</li>
<li>{% active_link /integrations/mqtt/#advanced-broker-configuration Certificate %}</li>
@ -172,7 +172,7 @@
</ul>
</li>
<li>
<b><iconify-icon inline icon="bitcoin-icons:node-hardware-filled"></iconify-icon> Hardware</b>
<b>{% icon "bitcoin-icons:node-hardware-filled" %} Hardware</b>
<ul>
<li>
<a href="https://green.home-assistant.io/">Home Assistant Green</a>

2
source/_includes/asides/getting_started_navigation.html
View File

@ -1,6 +1,6 @@
<section class="aside-module grid__item one-whole lap-one-half">
<div class="section">
<h1 class="title epsilon"><iconify-icon inline icon="mdi:rocket-launch-outline"></iconify-icon> Getting started</h1>
<h1 class="title epsilon">{% icon "mdi:rocket-launch-outline" %} Getting started</h1>
<ul class="divided sidebar-menu">
<li>{% active_link /installation/ Installation %}</li>
<li>{% active_link /getting-started/onboarding/ Onboarding %}</li>

2
source/_includes/asides/help_navigation.html
View File

@ -6,7 +6,7 @@
<li>
<a class="external-link" href="https://developers.home-assistant.io"
>Developer documentation
<iconify-icon inline icon="tabler:external-link"></iconify-icon>
{% icon "tabler:external-link" %}
</a>
</li>
<li>

2
source/_includes/asides/recent_posts.html
View File

@ -1,5 +1,5 @@
<section id="recent-posts" class="aside-module grid__item one-whole lap-one-half">
<h1 class="title epsilon"><iconify-icon inline icon="mdi:newspaper-variant-multiple"></iconify-icon> Recent Posts</h1>
<h1 class="title epsilon">{% icon "mdi:newspaper-variant-multiple" %} Recent Posts</h1>
<ul class="divided">
{% for post in site.posts limit: site.recent_posts %}
{% if post.url != page.url %}

6
source/_includes/asides/voice_navigation.html
View File

@ -11,7 +11,7 @@
</div>
<div class="section">
<h1 class="title epsilon"><iconify-icon inline icon="mdi:comment-processing-outline"></iconify-icon> {% active_link /voice_control/ Voice assistants %}</h1>
<h1 class="title epsilon">{% icon "mdi:comment-processing-outline" %} {% active_link /voice_control/ Voice assistants %}</h1>
<ul class="divided sidebar-menu">
<li>{% active_link /voice_control/voice_remote_local_assistant/ Configuring a local assistant %}</li>
<li>{% active_link /voice_control/voice_remote_cloud_assistant/ Configuring a cloud assistant %}</li>
@ -27,7 +27,7 @@
</div>
<div class="section">
<h1 class="title epsilon"><iconify-icon inline icon="mdi:checkbox-marked"></iconify-icon> Projects</h1>
<h1 class="title epsilon">{% icon "mdi:checkbox-marked" %} Projects</h1>
<ul class="divided sidebar-menu">
<li>{% active_link /voice_control/s3_box_voice_assistant/ Tutorial: ESP32-S3-BOX voice assistant %}</li>
<li>{% active_link /voice_control/s3-box-customize/ Tutorial: Customize the S3-BOX %}</li>
@ -38,7 +38,7 @@
</ul>
</div>
<div class="section">
<h1 class="title epsilon"><iconify-icon inline icon="mdi:account-help"></iconify-icon> Troubleshooting</h1>
<h1 class="title epsilon">{% icon "mdi:account-help" %} Troubleshooting</h1>
<ul class="divided sidebar-menu">
<li>{% active_link /voice_control/troubleshooting/ Troubleshooting Assist %}</li>
<li>{% active_link /voice_control/troubleshooting_the_s3_box/ Troubleshooting the ESP32-S3-BOX %}</li>

2
source/_includes/blog/post/date.html
View File

@ -7,7 +7,7 @@
{% capture was_updated %}{{ updated | size }}{% endcapture %}
{% if has_date != '0' %}
{% capture time %}<time datetime="{{ date | datetime | date_to_xmlschema }}" pubdate{% if updated %} data-updated="true"{% endif %}><iconify-icon inline icon="mdi:calendar"></iconify-icon> {{ date_formatted }}</time>{% endcapture %}
{% capture time %}<time datetime="{{ date | datetime | date_to_xmlschema }}" pubdate{% if updated %} data-updated="true"{% endif %}>{% icon "mdi:calendar" %} {{ date_formatted }}</time>{% endcapture %}
{% endif %}
{% if was_updated != '0' %}

2
source/_includes/common-tasks/backups.md
View File

@ -50,7 +50,7 @@ There are multiple ways to store the backup on another device:
- **Option 1**: Under {% my supervisor_backups title="**Settings** > **System** > **Backups**" %}, on the list, single-click or tap the backup of interest.
- **Result**: The backup dialog opens.
- In the dialog, select the three dots menu and select **Download backup**.
- In the dialog, select the three dots {% icon "mdi:dots-vertical" %} menu and select **Download backup**.
- **Result**: The selected backup is stored in the **Downloads** folder of your computer.
- **Option 2**: If you haven't already done so, [configure access to files on Home Assistant](/common-tasks/{{page.installation}}/#configuring-access-to-files), using one of the methods listed there.
- For example, [use the samba add-on](/common-tasks/{{page.installation}}/#installing-and-using-the-samba-add-on).

4
source/_includes/common-tasks/beta_version.md
View File

@ -15,10 +15,10 @@ If you would like to test next release before anyone else, you can install the b
4. Go to the {% my configuration title="**Configuration**" %} panel.
5. Install the update that is presented to you.
- **Troubleshooting**: If you do not see that notification:
- In the top right corner, select the three dots menu and select **Check for updates**.
- In the top right corner, select the three dots {% icon "mdi:dots-vertical" %} menu and select **Check for updates**.
- Go to {% my updates title="**System** > **Updates**" %}.
- Select the update notification.
- Select the cogwheel, then set **Visible** to active.
- Select the cogwheel {% icon "mdi:cog-outline" %}, then set **Visible** to active.
- title: From the CLI
content: |

2
source/_includes/common-tasks/data_disk.md
View File

@ -81,7 +81,7 @@ To migrate an external data disk from one system to another, follow these steps:
2. Shut down system 1 and remove the data disk.
3. Make sure system 2 has Home Assistant OS installed, and Home Assistant is up and running. Home Assistant is using the data disk (partition) on the boot drive (e.g. SD card) at this point.
4. Make sure system 2 has completed the basic [onboarding](/getting-started/onboarding/) steps, including the last steps where devices are discovered automatically.
5. Plug the external disk into system 2 and go to the **Settings** > **System**. Select the three dots menu, and **Restart Home Assistant** > **Reboot system**.
5. Plug the external disk into system 2 and go to the **Settings** > **System**. Select the three dots {% icon "mdi:dots-vertical" %} menu, and **Restart Home Assistant** > **Reboot system**.
**Result**: A repair issue is displayed **Multiple data disks detected**.
- The repair issue comes up because system 2 now sees two file systems with an identical name. During a reboot, there is a name conflict with the existing data disk as it is undefined which file system should be used. This can lead to a random selection of the system you end up with. Hence you must make a decision.
6. Open the repair issue and choose one of the options:

2
source/_includes/common-tasks/define_custom_polling.md
View File

@ -5,7 +5,7 @@ If you want to define a specific interval at which your device is being polled f
To add the automation:
1. Go to {% my integrations title="**Settings** > **Devices & Services**" %}, and select your integration.
2. On the integration entry, select the three dots.
2. On the integration entry, select the {% icon "mdi:dots-vertical" %}.
- Then, select **System options** and toggle the button to disable polling.
![Disable polling for updates](/images/screenshots/custom_polling_01.png)
3. To define your custom polling interval, create an automation.

2
source/_includes/common-tasks/enable_entities.md
View File

@ -6,7 +6,7 @@ Some entities are disabled by default. To enable them, follow these steps:
- To enable or disable entities, go to {% my entities title="**Settings** > **Devices & Services** > **Entities**" %}.
- To enable or disable automations, go to {% my automations title="**Settings** > **Automations & Scenes**" %}.
2. [Enable multiselect](/docs/organizing/tables) and select all the entities you want to enable or disable.
3. In the top right corner, select the three dots menu, then select **Enable** or **Disable**.
3. In the top right corner, select the three dots {% icon "mdi:dots-vertical" %} menu, then select **Enable** or **Disable**.
![Screenshot showing how to enable or disable multiple automations](/images/organizing/enable_disable.png)

4
source/_includes/common-tasks/update.md
View File

@ -21,10 +21,10 @@ To update Home Assistant Core when you run Home Assistant {{ page.installation_n
2. Navigate to the **Settings** panel.
3. On the top you will be presented with an update notification.
- **Troubleshooting**: If you do not see that notification:
- In the top right corner, select the three dots menu and select **Check for updates**.
- In the top right corner, select the three dots {% icon "mdi:dots-vertical" %} menu and select **Check for updates**.
- Go to {% my updates title="**System** > **Updates**" %}.
- Select the update notification.
- Select the cogwheel, then set **Visible** to active.
- Select the cogwheel {% icon "mdi:cog-outline" %}, then set **Visible** to active.
- title: Using the CLI
content: |

12
source/_includes/custom/features.html
View File

@ -5,7 +5,7 @@
<div class="feature-cards">
<div class="card">
<div class="card-header">
<iconify-icon inline icon="mdi:lightbulb-variant-outline"></iconify-icon>
{% icon "mdi:lightbulb-variant-outline" %}
Works with over 1000 brands
</div>
<div class="card-content">
@ -24,7 +24,7 @@
<div class="card">
<div class="card-header">
<iconify-icon inline icon="mdi:robot-happy-outline"></iconify-icon>
{% icon "mdi:robot-happy-outline" %}
Powerful automations
</div>
<div class="card-content">
@ -42,7 +42,7 @@
</div>
<div class="card">
<div class="card-header">
<iconify-icon inline icon="mdi:puzzle"></iconify-icon>
{% icon "mdi:puzzle" %}
Extend your system with add-ons
</div>
<div class="card-content">
@ -61,7 +61,7 @@
</div>
<div class="card">
<div class="card-header">
<iconify-icon inline icon="mdi:shield-home-outline"></iconify-icon>
{% icon "mdi:shield-home-outline" %}
All your smart home data stays local
</div>
<div class="card-content">
@ -76,7 +76,7 @@
</div>
<div class="card">
<div class="card-header">
<iconify-icon inline icon="mdi:cellphone"></iconify-icon>
{% icon "mdi:cellphone" %}
Companion Mobile Apps
</div>
<div class="card-content">
@ -103,7 +103,7 @@
<div class="card">
<div class="card-header">
<iconify-icon inline icon="mdi:solar-power-variant"></iconify-icon>
{% icon "mdi:solar-power-variant" %}
Home Energy Management
</div>
<div class="card-content">

2
source/_includes/dashboard/edit_dashboard.md
View File

@ -8,5 +8,5 @@ To add the {{ title | downcase }} to your user interface:
- If this is your first time editing a dashboard, the **Edit dashboard** dialog appears.
- By editing the dashboard, you are taking over control of this dashboard.
- This means that it is no longer automatically updated when new dashboard elements become available.
- To continue, in the dialog, select the three dots menu, then select **Take control**.
- To continue, in the dialog, select the three dots {% icon "mdi:dots-vertical" %} menu, then select **Take control**.
2. [Add a card](/dashboards/cards/#adding-cards-to-your-dashboard) to your dashboard.

2
source/_includes/feedback.html
View File

@ -1,6 +1,6 @@
{% unless page.feedback == false or page.layout == "landingpage" %}
<div class="material-card text feedback">
<h4><iconify-icon inline icon="mdi:feedback"></iconify-icon> <b> Help us improve our documentation</b><a href="#feedback_section" class="title-link" name="feedback_section"></a></h4>
<h4>{% icon "mdi:feedback" %} <b> Help us improve our documentation</b><a href="#feedback_section" class="title-link" name="feedback_section"></a></h4>
Suggest an edit to this page, or provide/view feedback for this page.
<div class="links">
<a

8
source/_includes/installation/operating_system.md
View File

@ -120,7 +120,7 @@ To write the HAOS image to the boot medium on your x86-64 hardware, there are 2
6. In Ubuntu, in the bottom left corner, select **Show Applications**.
7. In the applications, search and open **Disks** and start restoring the HAOS image:
1. In **Disks**, on the left side, select the internal disk device you want to install HAOS onto.
2. On top of the screen, select the three dots menu and select **Restore Disk Image...**.
2. On top of the screen, select the three dots {% icon "mdi:dots-vertical" %} menu and select **Restore Disk Image...**.
![Restore disk image: select three dots menu](/images/installation/ubuntu_restore_disk_image.png)
3. Select the image you just downloaded.
![Restore disk image: select image](/images/installation/select_haos.png)
@ -319,12 +319,12 @@ Minimum recommended assignments:
- Make sure **EFI** is enabled. If EFI is not enabled, HAOS won't boot.
4. Under **Hard Disk**, select **Use an existing virtual hard disk file**, select the unzipped VDI file from above.
5. Then go to **Network** > **Adapter 1**. Choose **Bridged Adapter** and choose your network adapter.
<iconify-icon inline icon="mdi:alert-outline"></iconify-icon> Please keep in mind that the bridged
{% icon "mdi:alert-outline" %} Please keep in mind that the bridged
adapter only functions over a hardwired Ethernet connection.
Using Wi-Fi on your VirtualBox host is unsupported.
6. Then go to <b>Audio</b> and choose <b>Intel HD Audio</b> as audio controller.
<iconify-icon inline icon="mdi:alert-outline"></iconify-icon> By default, VirtualBox does not
{% icon "mdi:alert-outline" %} By default, VirtualBox does not
free up unused disk space. To automatically shrink the vdi disk image the `discard` option must
be enabled using your host machine's terminal:
@ -374,7 +374,7 @@ Minimum recommended assignments:
virt-install --name haos --description "Home Assistant OS" --os-variant=generic --ram=4096 --vcpus=2 --disk <PATH TO QCOW2 FILE>,bus=scsi --controller type=scsi,model=virtio-scsi --import --graphics none --boot uefi
```
<iconify-icon inline icon="mdi:alert-outline"></iconify-icon> If you have a USB
{% icon "mdi:alert-outline" %} If you have a USB
dongle to attach, you need to add the option `--hostdev busID.deviceId`. You can
discover these IDs via the `lsusb` command. As example, if `lsusb` output is:

2
source/_includes/post/author.html
View File

@ -5,4 +5,4 @@
{% else %}
{% assign author = site.author %}
{% endif %}
{% if author %}<span class="byline author vcard"><iconify-icon inline icon="mdi:person"></iconify-icon> {{ author }}</span>{% endif %}
{% if author %}<span class="byline author vcard">{% icon "mdi:person" %} {{ author }}</span>{% endif %}

2
source/_includes/post/sharing.html
View File

@ -1,5 +1,5 @@
<section class="sharing aside-module grid__item one-whole lap-one-half">
<h1 class="title epsilon"><iconify-icon inline icon="mdi:ios-share"></iconify-icon> Share this post</h1>
<h1 class="title epsilon">{% icon "mdi:ios-share" %} Share this post</h1>
<ul class="divided">
{% if site.twitter_tweet_button %}
<li>

14
source/_includes/site/footer.html
View File

@ -24,13 +24,13 @@
<div class="grid__item one-quarter lap-one-half palm-one-whole">
<h4>Join us and contribute!</h4>
<ul>
<li><a class="external-link" href="https://github.com/home-assistant/">GitHub repo <iconify-icon inline icon="tabler:external-link"></iconify-icon></a></li>
<li><a class="external-link" href="https://github.com/home-assistant/">GitHub repo {% icon "tabler:external-link" %}</a></li>
<li>
<a class="external-link" href="https://developers.home-assistant.io">Developers Portal <iconify-icon inline icon="tabler:external-link"></iconify-icon></a>
<a class="external-link" href="https://developers.home-assistant.io">Developers Portal {% icon "tabler:external-link" %}</a>
</li>
<li><a class="external-link" href="https://data.home-assistant.io">Data Science Portal <iconify-icon inline icon="tabler:external-link"></iconify-icon></a></li>
<li><a class="external-link" href="https://data.home-assistant.io">Data Science Portal {% icon "tabler:external-link" %}</a></li>
<li>
<a class="external-link" href="https://community.home-assistant.io">Community Forum <iconify-icon inline icon="tabler:external-link"></iconify-icon></a>
<a class="external-link" href="https://community.home-assistant.io">Community Forum {% icon "tabler:external-link" %}</a>
</li>
<li><a href="/help/reporting_issues/">Reporting issues</a></li>
<li><a href="https://home-assistant-store.creator-spring.com/">Community Merch Store</a></li>
@ -38,11 +38,11 @@
<h4>System status</h4>
<ul>
<li>
<a class="external-link" href="https://alerts.home-assistant.io">Integration Alerts <iconify-icon inline icon="tabler:external-link"></iconify-icon></a>
<a class="external-link" href="https://alerts.home-assistant.io">Integration Alerts {% icon "tabler:external-link" %}</a>
</li>
<li><a href="/security/">Security Alerts</a></li>
<li>
<a class="external-link" href="https://status.home-assistant.io">System Status <iconify-icon inline icon="tabler:external-link"></iconify-icon></a>
<a class="external-link" href="https://status.home-assistant.io">System Status {% icon "tabler:external-link" %}</a>
</li>
</ul>
</div>
@ -68,7 +68,7 @@
<div class="socials grid__item one-quarter lap-one-half palm-one-whole">
<h4>Follow us</h4>
<p><a class="external-link" href='https://building.open-home.io/#/portal'>Sign up for our newsletter <iconify-icon inline icon="tabler:external-link"></iconify-icon></a></p>
<p><a class="external-link" href='https://building.open-home.io/#/portal'>Sign up for our newsletter {% icon "tabler:external-link" %}</a></p>
<div class="icons">
<a
rel="me"

14
source/_includes/site/header.html
View File

@ -26,24 +26,24 @@
<li><a href="/getting-started/">Getting started</a></li>
<li>
<a href="/docs/"
>Documentation <iconify-icon inline icon="mdi:chevron-down"></iconify-icon></i
>Documentation {% icon "mdi:chevron-down" %}</i
></a>
<ul>
<li><a href="/installation/"><iconify-icon inline icon="simple-icons:homeassistant"></iconify-icon> Installation</a></li>
<li><a href="/installation/">{% icon "simple-icons:homeassistant" %} Installation</a></li>
<li>
<a href="/docs/configuration/"><iconify-icon inline icon="mdi:cog"></iconify-icon> Configuration</a>
<a href="/docs/configuration/">{% icon "mdi:cog" %} Configuration</a>
</li>
<li>
<a href="/docs/automation/"><iconify-icon inline icon="mdi:robot-happy"></iconify-icon> Automation</a>
<a href="/docs/automation/">{% icon "mdi:robot-happy" %} Automation</a>
</li>
<li>
<a href="/docs/scripts/"><iconify-icon inline icon="mdi:script-text"></iconify-icon> Scripting</a>
<a href="/docs/scripts/">{% icon "mdi:script-text" %} Scripting</a>
</li>
<li>
<a href="/dashboards/"><iconify-icon inline icon="mdi:view-dashboard"></iconify-icon> Dashboards</a>
<a href="/dashboards/">{% icon "mdi:view-dashboard" %} Dashboards</a>
</li>
<li>
<a href="/voice_control/"><iconify-icon inline icon="mdi:comment-processing-outline"></iconify-icon> Voice assistant</a>
<a href="/voice_control/">{% icon "mdi:comment-processing-outline" %} Voice assistant</a>
</li>
</ul>
</li>

4
source/_includes/site/sidebar.html
View File

@ -42,7 +42,7 @@
{%- unless page.no_toc -%}
<section class="aside-module grid__item one-whole lap-one-half">
<div class='section'>
<h1 class="title epsilon"><iconify-icon inline icon="mdi:toc"></iconify-icon> On this page</h1>
<h1 class="title epsilon">{% icon "mdi:toc" %} On this page</h1>
{{ content | toc_only }}
</div>
</section>
@ -52,7 +52,7 @@
{%- if page.ha_category.first -%}
<section class="aside-module grid__item one-whole lap-one-half">
<div class='section'>
<h1 class="title epsilon"><iconify-icon inline icon="mdi:category"></iconify-icon> Categories</h1>
<h1 class="title epsilon">{% icon "mdi:category" %} Categories</h1>
<ul class='divided'>
{%- for category in page.ha_category -%}
<li>

6
source/_integrations/application_credentials.markdown
View File

@ -19,7 +19,7 @@ Some integrations like [Google Calendar](/integrations/google/) will automatical
## To view stored application credentials
1. Go to {% my integrations title="**Settings** > **Devices & services**" %}.
2. In the top right corner, select the three dots menu and select **Application credentials**.
2. In the top right corner, select the three dots {% icon "mdi:dots-vertical" %} menu and select **Application credentials**.
![Devices and services overflow menu](/images/integrations/application_credentials/devices-and-services-menu.png)
@ -32,7 +32,7 @@ when setting up for the first time. You may also manually enter credentials with
1. Obtain an OAuth *Client ID* and *Client Secret* from the cloud provider. The integration should have specific instructions for this.
2. In Home Assistant, go to {% my integrations title="**Settings** > **Devices & services**" %}.
3. In the top right corner, select the three dots menu and select **Application credentials**.
3. In the top right corner, select the three dots {% icon "mdi:dots-vertical" %} menu and select **Application credentials**.
4. Select the integration, enter a *Name* and your OAuth *Client ID* and *Client Secret*.
5. Save the credentials.
@ -48,7 +48,7 @@ To delete an application credential, for example because you created a new one,
![Devices and services overflow menu](/images/integrations/application_credentials/devices-and-services-menu.png)
2. In the top right corner, select the three dots menu and select **Application credentials**.
2. In the top right corner, select the three dots {% icon "mdi:dots-vertical" %} menu and select **Application credentials**.
3. Select the credential from the list, select the three-dots menu and select **Delete**.
![Application credential list](/images/integrations/application_credentials/application-credential_delete.png)

2
source/_integrations/matter.markdown
View File

@ -273,7 +273,7 @@ Follow these steps if you have added a Matter device to Home Assistant and you w
- There is no need to press a hardware button on the device to set it to commissioning mode.
4. To join the device to the other platform, in their app, scan the QR code or enter the sharing code.
5. Follow the instructions in their app. Once the process is complete, you can see that the device is shared in Home Assistant:
- Next to the **Share device** button, select the three dots menu, then **Manage fabrics**.
- Next to the **Share device** button, select the three dots {% icon "mdi:dots-vertical" %} menu, then **Manage fabrics**.
- In the list there, the new platform should be listed.
- For example, if you shared it with Google Home, it lists **Google LLC**.
![image](/images/integrations/matter/matter_share-device-with-other-platform.png)

8
source/dashboards/dashboards.markdown
View File

@ -96,7 +96,7 @@ This will leave the default dashboard intact.
- The **Edit dashboard** dialog appears.
- By editing the dashboard, you are taking over control of this dashboard.
- This means that it is no longer automatically updated when new dashboard elements become available.
- To continue, in the dialog, select the three dots menu, then select **Take control**.
- To continue, in the dialog, select the three dots {% icon "mdi:dots-vertical" %} menu, then select **Take control**.
7. You can now [add a card](/dashboards/cards/#adding-cards-to-your-dashboard) or [add a view](/dashboards/views/#adding-a-view-to-a-dashboard).
## Deleting a dashboard
@ -121,10 +121,10 @@ A good way to start this file is to copy and paste the "Raw configuration" from
- In your sidebar, select **Overview**.
- In the top-right corner, select the pencil icon.
- Select the three dots menu and select **Raw configuration editor**.
- Select the three dots {% icon "mdi:dots-vertical" %} menu and select **Raw configuration editor**.
- There you see the configuration for your current dashboard. Copy that into the `<config>/ui-lovelace.yaml` file.
Once you take control of your UI via YAML, the Home Assistant interface for modifying it won't be available anymore and new entities will not automatically be added to your UI.
Once you take control of your UI via YAML, the Home Assistant interface for modifying it won't be available anymore, and new entities will not automatically be added to your UI.
When you make changes to `ui-lovelace.yaml`, you don't have to restart Home Assistant or refresh the page. Just hit the refresh button in the menu at the top of the UI.
@ -181,7 +181,7 @@ mode:
type: string
resources:
required: false
description: "List of resources that should be loaded. Only use this when mode is `yaml`. If you change anything here, click the three dots menu (top-right) and click on `Reload resources` to pick up changes without restarting Home Assistant. You can also call `lovelace.reload_resources` service directly."
description: "List of resources that should be loaded. Only use this when mode is `yaml`. If you change anything here, click the three dots {% icon "mdi:dots-vertical" %} menu (top-right) and click on `Reload resources` to pick up changes without restarting Home Assistant. You can also call `lovelace.reload_resources` service directly."
type: list
keys:
url:

6
source/getting-started/onboarding_dashboard.markdown
View File

@ -81,7 +81,7 @@ In the following steps, we will create a new dashboard and edit some card settin
4. Open your new dashboard and in the top right of the screen, select the <img height="28px" src="/images/blog/2024-03-dashboard-chapter-1/mdi-edit.png" alt="Edit icon"/> button.
5. By editing the dashboard, you are taking over control of this dashboard.
- This means that it is no longer automatically updated when new dashboard elements become available.
- To continue, in the dialog, select the three dots menu, then select **Take control**.
- To continue, in the dialog, select the three dots {% icon "mdi:dots-vertical" %} menu, then select **Take control**.
- Read and accept this before continuing.
6. Your dashboard might not have much on it yet.
- If you have smart home devices in your home, some may have been connected automatically.
@ -91,7 +91,7 @@ In the following steps, we will create a new dashboard and edit some card settin
![Dashboard after onboarding a new device](/images/getting-started/onboarding_dashboard_01.png)
7. Next, we want to edit the weather card.
- Select the weather card.
- Then, select the cogwheel.
- Then, select the cogwheel {% icon "mdi:cog-outline" %}.
![Weather details](/images/getting-started/weather_card_details_01.png)
@ -101,7 +101,7 @@ In the following steps, we will create a new dashboard and edit some card settin
![Weather details](/images/getting-started/onboarding_card_settings_01.png)
9. Next, we want to add a new card for this weather {% term service %}.
- Select the weather card again, select the three dots, then **Device info**.
- Select the weather card again, select the three dots {% icon "mdi:dots-vertical" %}, then **Device info**.
- Under **Sensors**, select **Add to dashboard**, then **Pick different card**.
![Dashboard - change the card type](/images/getting-started/onboarding_pick_different_card_01.png)

14
source/index.html
View File

@ -14,7 +14,7 @@ feedback: false
<div class="grid__item one-third lap-one-third palm-one-whole">
<div class="recent-posts material-card text">
<h1><iconify-icon inline icon="mdi:newspaper-variant-multiple"></iconify-icon> Recent Blog Posts</h1>
<h1>{% icon "mdi:newspaper-variant-multiple" %} Recent Blog Posts</h1>
{% for post in site.posts limit: 4 %}
<li class="post" style="display: grid; font-size: 16px">
@ -25,14 +25,14 @@ feedback: false
</div>
<div class="join-community material-card text">
<h1><iconify-icon inline icon="mdi:people-group-outline"></iconify-icon> Join The Community</h1>
<h1>{% icon "mdi:people-group-outline" %} Join The Community</h1>
Our vibrant community is very active and super friendly. We love to talk and share our passion for home automation.
<div class="links">
<a href="https://community.home-assistant.io"><iconify-icon inline icon="simple-icons:discourse"></iconify-icon> Forums</a>
<a href="/join-chat/"><iconify-icon inline icon="simple-icons:discord"></iconify-icon> Chat</a>
<a href="/newsletter/"><iconify-icon inline icon="mdi:email-newsletter"></iconify-icon> Newsletter</a>
<a href="https://community.home-assistant.io">{% icon "simple-icons:discourse" %} Forums</a>
<a href="/join-chat/">{% icon "simple-icons:discord" %} Chat</a>
<a href="/newsletter/">{% icon "mdi:email-newsletter" %} Newsletter</a>
</div>
</div>
@ -45,7 +45,7 @@ feedback: false
</a>
<div class="material-card text">
<h1><iconify-icon inline icon="simple-icons:amazonalexa"></iconify-icon> Alexa, turn on the lights</h1>
<h1>{% icon "simple-icons:amazonalexa" %} Alexa, turn on the lights</h1>
Use Alexa to control Home Assistant.
<div class="links">
@ -57,7 +57,7 @@ feedback: false
</div>
</div>
<div class="material-card text">
<h1><iconify-icon inline icon="simple-icons:googleassistant"></iconify-icon> Ok Google, turn off the AC</h1>
<h1>{% icon "simple-icons:googleassistant" %} Ok Google, turn off the AC</h1>
Use Google Assistant to control Home Assistant.
<div class="links">

5
source/voice_control/android.markdown
View File

@ -27,7 +27,8 @@ To define Home Assistant Assist as default assistant app, follow these steps:
2. Under **Digital assistant app**, select **Default digital assistant app**.
- On some Android versions, this might be under **Digital & voice input** > **Default digital assistant app** > **Voice Assistant**.
3. Select **Home Assistant**.
- On some Android versions, you might be able to change the assistants language settings here by selecting the cogwheel.
- On some Android versions, you might be able to change the assistant's language settings here by selecting the cogwheel {% icon "mdi:cog-outline" %}.
4. Go back one step. The **Default digital assistant app** should now show *Home Assistant* as the default.
5. Leave the **Settings**.
6. Start Assist using the gesture to start an assistant. The gesture may differ depending on the version.
@ -120,7 +121,7 @@ This procedure was written using Wear OS version 3.5. The exact steps may vary d
To define Home Assistant Assist as default assistant app, follow these steps:
1. On the watch, navigate to the **Apps screen** and select the cogwheel.
1. On the watch, navigate to the **Apps screen** and select the cogwheel {% icon "mdi:cog-outline" %}.
2. Go to **Apps** > **Choose default apps** > **Digital assistant app**.
3. From the list, select **Home Assistant**.
4. When you go back one step, under **Default app**, it now says **HA: Assist**.

2
source/voice_control/troubleshooting.markdown
View File

@ -69,7 +69,7 @@ The example below shows common pitfalls when enquiring about the weather. While
![Create weather entity](/images/assist/metno_weather_entity.png)
3. Make sure the entity is exposed to Assist:
- Under {% my entities title="**Settings** > **Devices & services** > **Entities**" %}, select the weather entity for that location.
- In the details view that opens, select the cogwheel, then select **Voice Assistant**.
- In the details view that opens, select the cogwheel {% icon "mdi:cog-outline" %}, then select **Voice Assistant**.
![Select voice assistants](/images/assist/weather_entity_voice_assistant.png)