From 7b5201599d191be593ef64044b1d7e8fa66b9a75 Mon Sep 17 00:00:00 2001
From: Drake Loud <louddrm@gmail.com>
Date: Tue, 22 Oct 2019 01:27:36 -0700
Subject: [PATCH] added title to view configuation (#4037)

* added title to view configuation

* replacing let with const

* added localization change

* updated view config title

* linter updates

* Prettier updates
---
 .../lovelace/editor/view-editor/hui-edit-view.ts   | 14 +++++++++++++-
 src/translations/en.json                           |  1 +
 2 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/src/panels/lovelace/editor/view-editor/hui-edit-view.ts b/src/panels/lovelace/editor/view-editor/hui-edit-view.ts
index 9524f1e398..2ebc70dc70 100644
--- a/src/panels/lovelace/editor/view-editor/hui-edit-view.ts
+++ b/src/panels/lovelace/editor/view-editor/hui-edit-view.ts
@@ -87,6 +87,18 @@ export class HuiEditView extends LitElement {
     return this.shadowRoot!.querySelector("ha-paper-dialog")!;
   }
 
+  private get _viewConfigTitle(): string {
+    if (!this._config || !this._config.title) {
+      return this.hass!.localize("ui.panel.lovelace.editor.edit_view.header");
+    }
+
+    return this.hass!.localize(
+      "ui.panel.lovelace.editor.edit_view.header_name",
+      "name",
+      this._config.title
+    );
+  }
+
   protected render(): TemplateResult | void {
     let content;
     switch (this._curTab) {
@@ -118,7 +130,7 @@ export class HuiEditView extends LitElement {
     return html`
       <ha-paper-dialog with-backdrop>
         <h2>
-          ${this.hass!.localize("ui.panel.lovelace.editor.edit_view.header")}
+          ${this._viewConfigTitle}
         </h2>
         <paper-tabs
           scrollable
diff --git a/src/translations/en.json b/src/translations/en.json
index d705e755e2..025c286f35 100755
--- a/src/translations/en.json
+++ b/src/translations/en.json
@@ -1397,6 +1397,7 @@
           },
           "edit_view": {
             "header": "View Configuration",
+            "header_name": "{name} View Configuration",
             "add": "Add view",
             "edit": "Edit view",
             "delete": "Delete view"