From 03f7a235403097d5b88644f976a06b7664d61d70 Mon Sep 17 00:00:00 2001
From: Ian Richardson <iantrich@gmail.com>
Date: Wed, 30 Jan 2019 18:10:10 -0600
Subject: [PATCH] panel toggle for view UI Editor (#2628)

---
 .../editor/view-editor/hui-view-editor.ts       | 17 ++++++++++++++++-
 1 file changed, 16 insertions(+), 1 deletion(-)

diff --git a/src/panels/lovelace/editor/view-editor/hui-view-editor.ts b/src/panels/lovelace/editor/view-editor/hui-view-editor.ts
index b995240296..5e845aacc5 100644
--- a/src/panels/lovelace/editor/view-editor/hui-view-editor.ts
+++ b/src/panels/lovelace/editor/view-editor/hui-view-editor.ts
@@ -5,6 +5,7 @@ import {
   TemplateResult,
 } from "lit-element";
 import "@polymer/paper-input/paper-input";
+import "@polymer/paper-toggle-button/paper-toggle-button";
 
 import { EditorTarget } from "../types";
 import { HomeAssistant } from "../../../../types";
@@ -55,6 +56,13 @@ export class HuiViewEditor extends LitElement {
     return this._config.theme || "Backend-selected";
   }
 
+  get _panel(): boolean {
+    if (!this._config) {
+      return false;
+    }
+    return this._config.panel || false;
+  }
+
   public hass?: HomeAssistant;
   private _config?: LovelaceViewConfig;
 
@@ -94,6 +102,12 @@ export class HuiViewEditor extends LitElement {
           .configValue="${"theme"}"
           @theme-changed="${this._valueChanged}"
         ></hui-theme-select-editor>
+        <paper-toggle-button
+          ?checked="${this._panel !== false}"
+          .configValue="${"panel"}"
+          @change="${this._valueChanged}"
+          >Panel Mode?</paper-toggle-button
+        >
       </div>
     `;
   }
@@ -114,7 +128,8 @@ export class HuiViewEditor extends LitElement {
     if (target.configValue) {
       newConfig = {
         ...this._config,
-        [target.configValue]: target.value,
+        [target.configValue!]:
+          target.checked !== undefined ? target.checked : target.value,
       };
     }