Option to hide create box on todo card (#23571)

home-assistant · Jan 6, 2025 · e9f3f71 · e9f3f71
1 parent 334c87b
commit e9f3f71
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 8 deletions.
diff --git a/src/panels/lovelace/cards/hui-todo-list-card.ts b/src/panels/lovelace/cards/hui-todo-list-card.ts
@@ -195,11 +195,10 @@ export class HuiTodoListCard extends LitElement implements LovelaceCard {
           "has-header": "title" in this._config,
         })}
       >
-        <div class="addRow">
-          ${this._todoListSupportsFeature(
-            TodoListEntityFeature.CREATE_TODO_ITEM
-          )
-            ? html`
+        ${!this._config.hide_create &&
+        this._todoListSupportsFeature(TodoListEntityFeature.CREATE_TODO_ITEM)
+          ? html`
+              <div class="addRow">
                 <ha-textfield
                   class="addBox"
                   .placeholder=${this.hass!.localize(
@@ -218,9 +217,9 @@ export class HuiTodoListCard extends LitElement implements LovelaceCard {
                   @click=${this._addItem}
                 >
                 </ha-icon-button>
-              `
-            : nothing}
-        </div>
+              </div>
+            `
+          : nothing}
         <ha-sortable
           handle-selector="ha-svg-icon"
           draggable-selector=".draggable"

diff --git a/src/panels/lovelace/cards/types.ts b/src/panels/lovelace/cards/types.ts
@@ -478,6 +478,7 @@ export interface TodoListCardConfig extends LovelaceCardConfig {
   theme?: string;
   entity?: string;
   hide_completed?: boolean;
+  hide_create?: boolean;
 }
 
 export interface StackCardConfig extends LovelaceCardConfig {

diff --git a/src/panels/lovelace/editor/config-elements/hui-todo-list-editor.ts b/src/panels/lovelace/editor/config-elements/hui-todo-list-editor.ts
@@ -20,6 +20,7 @@ const cardConfigStruct = assign(
     theme: optional(string()),
     entity: optional(string()),
     hide_completed: optional(boolean()),
+    hide_create: optional(boolean()),
   })
 );