jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-13 20:36:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update automation editor help texts

Browse Source
This commit is contained in:
Paulus Schoutsen 2017-05-15 22:57:25 -07:00
parent 9bc67bd0cf
commit aceab5246c
2 changed files with 21 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
panels/automation/ha-automation-picker.html
View File

@ -44,6 +44,10 @@
bottom: 24px; bottom: 24px;
right: 24px; right: 24px;
} }
a {
color: var(--primary-color);
}
</style> </style>
<app-header-layout has-scrolling-region> <app-header-layout has-scrolling-region>
@ -62,11 +66,14 @@
</paper-card> </paper-card>
<paper-card heading='Pick automation to edit'> <paper-card heading='Pick automation to edit'>
<template is='dom-if' if='[[!automations.length]]'>
<div class='card-content'> <div class='card-content'>
We couldn't find any editable automations. The automation editor allows you to create and edit automations.
Please read <a href='https://home-assistant.io/docs/automation/editor/' target='_blank'>the instructions</a>
to make sure that you have configured Home Assistant correctly.
<template is='dom-if' if='[[!automations.length]]'>
<p>We couldn't find any editable automations.</p>
</template>
</div> </div>
</template>
<template is='dom-repeat' items='[[automations]]' as='automation'> <template is='dom-repeat' items='[[automations]]' as='automation'>
<paper-item> <paper-item>
<paper-item-body two-line on-tap='automationTapped'> <paper-item-body two-line on-tap='automationTapped'>

15
preact-src/automation.js
View File

@ -58,8 +58,10 @@ export default class Automation extends Component {
<ha-config-section is-wide={isWide}> <ha-config-section is-wide={isWide}>
<span slot='header'>Triggers</span> <span slot='header'>Triggers</span>
<span slot='introduction'> <span slot='introduction'>
Like a journey, every automation starts with a single step. Triggers are what starts the processing of an automation rule.
In this case it's what should trigger the automation. It is possible to specify multiple triggers for the same rule.
Once a trigger starts, Home Assistant will validate the conditions,
if any, and call the action.
<p><a href="https://home-assistant.io/docs/automation/trigger/" target="_blank"> <p><a href="https://home-assistant.io/docs/automation/trigger/" target="_blank">
Learn more about triggers. Learn more about triggers.
</a></p> </a></p>
@ -71,7 +73,12 @@ export default class Automation extends Component {
<ha-config-section is-wide={isWide}> <ha-config-section is-wide={isWide}>
<span slot='header'>Conditions</span> <span slot='header'>Conditions</span>
<span slot='introduction'> <span slot='introduction'>
Conditions can be used to prevent an automation from executing. Conditions are an optional part of an automation rule and can be used to prevent
an action from happening when triggered. Conditions look very similar to triggers
but are very different. A trigger will look at events happening in the system
while a condition only looks at how the system looks right now. A trigger can
observe that a switch is being turned on. A condition can only see if a switch
is currently on or off.
<p><a href="https://home-assistant.io/docs/scripts/conditions/" target="_blank"> <p><a href="https://home-assistant.io/docs/scripts/conditions/" target="_blank">
Learn more about conditions. Learn more about conditions.
</a></p> </a></p>
@ -87,7 +94,7 @@ export default class Automation extends Component {
<ha-config-section is-wide={isWide}> <ha-config-section is-wide={isWide}>
<span slot='header'>Action</span> <span slot='header'>Action</span>
<span slot='introduction'> <span slot='introduction'>
The action part defines what the automation should do. The actions are what Home Assistant will do when the automation is triggered.
<p><a href="https://home-assistant.io/docs/scripts/" target="_blank"> <p><a href="https://home-assistant.io/docs/scripts/" target="_blank">
Learn more about actions. Learn more about actions.
</a></p> </a></p>