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

Allow description when creating entry (#1704)

Browse Source 
* Allow description when creating entry

* Lint
This commit is contained in:
Paulus Schoutsen 2018-09-25 16:32:45 +02:00 committed by GitHub
parent f9d28fbf83
commit 974fd5de0f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 20 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
src/panels/config/config-entries/ha-config-flow.js
View File

@ -30,6 +30,12 @@ class HaConfigFlow extends
paper-dialog {
max-width: 500px;
}
ha-markdown {
word-break: break-word;
}
ha-markdown a {
color: var(--primary-color);
}
ha-markdown img:first-child:last-child {
display: block;
margin: 0 auto;
@ -62,19 +68,15 @@ class HaConfigFlow extends
<div class='init-spinner'><paper-spinner active></paper-spinner></div>
</template>
<template is="dom-if" if="[[_step]]">
<template is="dom-if" if="[[_equals(_step.type, 'abort')]]">
<ha-markdown content="[[_computeStepAbortedReason(localize, _step)]]"></ha-markdown>
</template>
<template is="dom-if" if="[[_equals(_step.type, 'create_entry')]]">
<p>Created config for [[_step.title]]</p>
</template>
<template is="dom-if" if="[[_equals(_step.type, 'form')]]">
<template is="dom-if" if="[[_computeStepDescription(localize, _step)]]">
<ha-markdown content="[[_computeStepDescription(localize, _step)]]" allow-svg></ha-markdown>
</template>
<template is="dom-if" if="[[_computeStepDescription(localize, _step)]]">
<ha-markdown content="[[_computeStepDescription(localize, _step)]]" allow-svg></ha-markdown>
</template>
<template is="dom-if" if="[[_equals(_step.type, 'form')]]">
<ha-form
data="{{_stepData}}"
on-data-changed='_increaseCounter'
@ -270,21 +272,26 @@ class HaConfigFlow extends
}
}
_computeStepAbortedReason(localize, step) {
return localize(`component.${step.handler}.config.abort.${step.reason}`);
}
_computeStepTitle(localize, step) {
return localize(`component.${step.handler}.config.step.${step.step_id}.title`);
}
_computeStepDescription(localize, step) {
const args = [`component.${step.handler}.config.step.${step.step_id}.description`];
const args = [];
if (step.type === 'form') {
args.push(`component.${step.handler}.config.step.${step.step_id}.description`);
} else if (step.type === 'abort') {
args.push(`component.${step.handler}.config.abort.${step.reason}`);
} else if (step.type === 'create_entry') {
args.push(`component.${step.handler}.config.create_entry.${step.description || 'default'}`);
}
const placeholders = step.description_placeholders || {};
Object.keys(placeholders).forEach((key) => {
args.push(key);
args.push(placeholders[key]);
});
return localize(...args);
}