Skip to content

Commit e6a6791

Browse files
committed
v1.7.0: feat: add title edit field (TJPoorman#100)
1 parent 1a73adc commit e6a6791

1 file changed

Lines changed: 23 additions & 23 deletions

File tree

  • custom_components/home_maintenance/panel/src

custom_components/home_maintenance/panel/src/main.ts

Lines changed: 23 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -159,30 +159,28 @@ export class HomeMaintenancePanel extends LitElement {
159159
`,
160160
},
161161
actions: {
162-
title: "",
163-
label: "actions",
162+
title: "", // no header in column
163+
width: "80px",
164164
showNarrow: true,
165-
moveable: false,
166-
hideable: false,
167-
type: "overflow-menu",
168-
template: (task: Task) => html`
169-
<hm-task-menu
170-
.hass=${this.hass}
171-
.items=${[
172-
{
173-
value: 'edit',
174-
label: localize('panel.cards.current.actions.edit', this.hass!.language),
175-
icon: 'mdi:pencil'
176-
},
177-
{
178-
value: 'delete',
179-
label: localize('panel.cards.current.actions.remove', this.hass!.language),
180-
icon: 'mdi:delete'
181-
}
182-
]}
183-
@menu-action=${(e: CustomEvent) => this._handleMenuAction(e, task.id)}
184-
></hm-task-menu>
185-
`,
165+
template: (task: Task) => {
166+
return html`
167+
<div style="display: flex; justify-content: center; align-items: center; width: 100%;">
168+
<ha-icon-button
169+
.title=${localize('panel.cards.current.actions.edit', this.hass!.language)}
170+
.path=${mdiPencil}
171+
@click=${() => this._handleOpenEditDialogClick(task.id)}
172+
>
173+
</ha-icon-button>
174+
<ha-icon-button
175+
.title=${localize('panel.cards.current.actions.remove', this.hass!.language)}
176+
.path=${mdiDelete}
177+
@click=${() => this._handleRemoveTaskClick(task.id)}
178+
style="color: var(--error-color);"
179+
>
180+
</ha-icon-button>
181+
</div>
182+
`;
183+
}
186184
},
187185
}
188186
};
@@ -270,7 +268,9 @@ export class HomeMaintenancePanel extends LitElement {
270268
};
271269

272270
private get _editSchema() {
271+
273272
return [
273+
{ name: "title", selector: { text: {} }, },
274274
{ name: "interval_value", required: true, selector: { number: { min: 1, mode: "box" } }, },
275275
{
276276
name: "interval_type",

0 commit comments

Comments
 (0)