From 8555ec28d1cfdf3f81466288308bf59b6d19ec23 Mon Sep 17 00:00:00 2001
From: Dermot Duffy <dermot.duffy@gmail.com>
Date: Sun, 22 Aug 2021 08:04:09 -0700
Subject: [PATCH] Menu mode editing.

---
 src/editor.ts            | 28 +++++++++++++++++++++++++++-
 src/frigate-hass-card.ts |  4 ----
 2 files changed, 27 insertions(+), 5 deletions(-)

diff --git a/src/editor.ts b/src/editor.ts
index 22e53907..5c617388 100644
--- a/src/editor.ts
+++ b/src/editor.ts
@@ -103,6 +103,14 @@ export class FrigateCardEditor extends LitElement implements LovelaceCardEditor
       snapshot: 'Latest snapshot',
     };
 
+    const menuModes = {
+      '': '',
+      hidden: 'Hidden',
+      overlay: 'Overlay',
+      above: 'Above',
+      below: 'Below',
+    };
+
     const liveProvider = {
       '': '',
       frigate: 'Frigate',
@@ -195,6 +203,24 @@ export class FrigateCardEditor extends LitElement implements LovelaceCardEditor
                   })}
                 </paper-listbox>
               </paper-dropdown-menu>
+              <paper-dropdown-menu
+                label="Menu mode (Optional)"
+                @value-changed=${this._valueChanged}
+                .configValue=${'menu_mode'}
+              >
+                <paper-listbox
+                  slot="dropdown-content"
+                  .selected=${Object.keys(menuModes).indexOf(
+                    this._config?.menu_mode || '',
+                  )}
+                >
+                  ${Object.keys(menuModes).map((key) => {
+                    return html`
+                      <paper-item .label="${key}"> ${menuModes[key]} </paper-item>
+                    `;
+                  })}
+                </paper-listbox>
+              </paper-dropdown-menu>
               <paper-input
                 label="View timeout (seconds)"
                 prevent-invalid-input
@@ -205,7 +231,7 @@ export class FrigateCardEditor extends LitElement implements LovelaceCardEditor
                 .configValue=${'view_timeout'}
                 @value-changed=${this._valueChanged}
               ></paper-input>
-              <ha-formfield .label=${`Autoplay clip`}>
+              <ha-formfield .label=${`Autoplay latest clip`}>
                 <ha-switch
                   .checked=${this._config?.autoplay_clip === true}
                   .configValue=${'autoplay_clip'}
diff --git a/src/frigate-hass-card.ts b/src/frigate-hass-card.ts
index 4cb11089..6d27f222 100644
--- a/src/frigate-hass-card.ts
+++ b/src/frigate-hass-card.ts
@@ -1,7 +1,3 @@
-// TODO Put heading back
-// TODO Verify getCardSize()
-// TODO edit menu mode
-
 /* eslint-disable @typescript-eslint/no-explicit-any */
 import {
   LitElement,