From 9717166fee93b5736642d3810a6433999c0b3c5c Mon Sep 17 00:00:00 2001
From: Paulus Schoutsen <paulus@paulusschoutsen.nl>
Date: Tue, 12 Jun 2018 09:28:20 -0400
Subject: [PATCH] Allow placeholders for config flow description (#1274)

---
 src/panels/config/config-entries/ha-config-flow.js | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/panels/config/config-entries/ha-config-flow.js b/src/panels/config/config-entries/ha-config-flow.js
index a7f07ee5af..02a6341ada 100644
--- a/src/panels/config/config-entries/ha-config-flow.js
+++ b/src/panels/config/config-entries/ha-config-flow.js
@@ -49,7 +49,7 @@ class HaConfigFlow extends
         </template>
         <template is="dom-if" if="[[step]]">
           <template is="dom-if" if="[[_equals(step.type, &quot;abort&quot;)]]">
-            <p>[[_computeStepAbortedReason(localize, step)]]</p>
+            <ha-markdown content="[[_computeStepAbortedReason(localize, step)]]"></ha-markdown>
           </template>
 
           <template is="dom-if" if="[[_equals(step.type, &quot;create_entry&quot;)]]">
@@ -178,7 +178,13 @@ class HaConfigFlow extends
   }
 
   _computeStepDescription(localize, step) {
-    return localize(`component.${step.handler}.config.step.${step.step_id}.description`);
+    const args = [`component.${step.handler}.config.step.${step.step_id}.description`];
+    const placeholders = step.description_placeholders || {};
+    Object.keys(placeholders).forEach((key) => {
+      args.push(key);
+      args.push(placeholders[key]);
+    });
+    return localize(...args);
   }
 
   _computeLabelCallback(localize, step) {