From b3c1bead3997c9e8e4d70456b1d15f58c4d785cc Mon Sep 17 00:00:00 2001
From: Jc2k <john.carr@unrouted.co.uk>
Date: Sun, 21 Apr 2019 18:58:51 +0100
Subject: [PATCH] Allow 'Discovered' flows to have title placeholders (#3106)

* Allow 'Discovered' flows to have title placeholders

* Feedback from review
---
 .../ha-config-entries-dashboard.js            | 19 ++++++++++++++++++-
 1 file changed, 18 insertions(+), 1 deletion(-)

diff --git a/src/panels/config/integrations/ha-config-entries-dashboard.js b/src/panels/config/integrations/ha-config-entries-dashboard.js
index 0f46a2eeca..c2720962df 100644
--- a/src/panels/config/integrations/ha-config-entries-dashboard.js
+++ b/src/panels/config/integrations/ha-config-entries-dashboard.js
@@ -64,7 +64,7 @@ class HaConfigManagerDashboard extends LocalizeMixin(
               <template is="dom-repeat" items="[[progress]]">
                 <div class="config-entry-row">
                   <paper-item-body>
-                    [[_computeIntegrationTitle(localize, item.handler)]]
+                    [[_computeActiveFlowTitle(localize, item)]]
                   </paper-item-body>
                   <mwc-button on-click="_continueFlow"
                     >[[localize('ui.panel.config.integrations.configure')]]</mwc-button
@@ -190,6 +190,23 @@ class HaConfigManagerDashboard extends LocalizeMixin(
     return localize(`component.${integration}.config.title`);
   }
 
+  _computeActiveFlowTitle(localize, integration) {
+    const placeholders = integration.context.title_placeholders || {};
+    const placeholderKeys = Object.keys(placeholders);
+    if (placeholderKeys.length === 0) {
+      return localize(`component.${integration.handler}.config.title`);
+    }
+    const args = [];
+    placeholderKeys.forEach((key) => {
+      args.push(key);
+      args.push(placeholders[key]);
+    });
+    return localize(
+      `component.${integration.handler}.config.flow_title`,
+      ...args
+    );
+  }
+
   _computeConfigEntryEntities(hass, configEntry, entities) {
     if (!entities) {
       return [];