From b4e607338ef8d43f4cc3ef26c9bbb11ebbcdfd51 Mon Sep 17 00:00:00 2001
From: JesmoDev <26099018+JesmoDev@users.noreply.github.com>
Date: Thu, 2 May 2024 11:19:56 +0200
Subject: [PATCH] remove

---
 ...le-entity-actions-column-layout.element.ts | 34 -------------------
 ...hook-table-remove-column-layout.element.ts | 16 +++++++++
 .../webhook-table-collection-view.element.ts  | 12 +++----
 3 files changed, 22 insertions(+), 40 deletions(-)
 delete mode 100644 src/Umbraco.Web.UI.Client/src/packages/webhook/collection/views/table/column-layouts/entity-actions/webhook-table-entity-actions-column-layout.element.ts
 create mode 100644 src/Umbraco.Web.UI.Client/src/packages/webhook/collection/views/table/column-layouts/remove/webhook-table-remove-column-layout.element.ts

diff --git a/src/Umbraco.Web.UI.Client/src/packages/webhook/collection/views/table/column-layouts/entity-actions/webhook-table-entity-actions-column-layout.element.ts b/src/Umbraco.Web.UI.Client/src/packages/webhook/collection/views/table/column-layouts/entity-actions/webhook-table-entity-actions-column-layout.element.ts
deleted file mode 100644
index 7fc4561d65..0000000000
--- a/src/Umbraco.Web.UI.Client/src/packages/webhook/collection/views/table/column-layouts/entity-actions/webhook-table-entity-actions-column-layout.element.ts
+++ /dev/null
@@ -1,34 +0,0 @@
-import type { UmbWebhookDetailModel } from '../../../../../types.js';
-import { html, customElement, property, state, ifDefined } from '@umbraco-cms/backoffice/external/lit';
-import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
-
-@customElement('umb-webhook-table-entity-actions-column-layout')
-export class UmbWebhookTableEntityActionsColumnLayoutElement extends UmbLitElement {
-	@property({ attribute: false })
-	value!: UmbWebhookDetailModel;
-
-	@state()
-	_isOpen = false;
-
-	#onActionExecuted() {
-		this._isOpen = false;
-	}
-
-	render() {
-		return html`
-			<umb-dropdown .open=${this._isOpen} compact hide-expand>
-				<uui-symbol-more slot="label"></uui-symbol-more>
-				<umb-entity-action-list
-					@action-executed=${this.#onActionExecuted}
-					entity-type=${this.value.entityType}
-					unique=${ifDefined(this.value.unique)}></umb-entity-action-list>
-			</umb-dropdown>
-		`;
-	}
-}
-
-declare global {
-	interface HTMLElementTagNameMap {
-		'umb-webhook-table-entity-actions-column-layout': UmbWebhookTableEntityActionsColumnLayoutElement;
-	}
-}
diff --git a/src/Umbraco.Web.UI.Client/src/packages/webhook/collection/views/table/column-layouts/remove/webhook-table-remove-column-layout.element.ts b/src/Umbraco.Web.UI.Client/src/packages/webhook/collection/views/table/column-layouts/remove/webhook-table-remove-column-layout.element.ts
new file mode 100644
index 0000000000..242c23a738
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/packages/webhook/collection/views/table/column-layouts/remove/webhook-table-remove-column-layout.element.ts
@@ -0,0 +1,16 @@
+import type { UmbWebhookDetailModel } from '../../../../../types.js';
+import { html, customElement, property, state, ifDefined } from '@umbraco-cms/backoffice/external/lit';
+import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
+
+@customElement('umb-webhook-table-remove-column-layout')
+export class UmbWebhookTableRemoveColumnLayoutElement extends UmbLitElement {
+	render() {
+		return html` <uui-button label="remove"></uui-button> `;
+	}
+}
+
+declare global {
+	interface HTMLElementTagNameMap {
+		'umb-webhook-table-remove-column-layout': UmbWebhookTableRemoveColumnLayoutElement;
+	}
+}
diff --git a/src/Umbraco.Web.UI.Client/src/packages/webhook/collection/views/table/webhook-table-collection-view.element.ts b/src/Umbraco.Web.UI.Client/src/packages/webhook/collection/views/table/webhook-table-collection-view.element.ts
index 9508ef918e..ac110330a3 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/webhook/collection/views/table/webhook-table-collection-view.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/webhook/collection/views/table/webhook-table-collection-view.element.ts
@@ -8,7 +8,7 @@ import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
 
 import './column-layouts/boolean/webhook-table-boolean-column-layout.element.js';
 import './column-layouts/name/webhook-table-name-column-layout.element.js';
-import './column-layouts/entity-actions/webhook-table-entity-actions-column-layout.element.js';
+import './column-layouts/remove/webhook-table-remove-column-layout.element.js';
 
 @customElement('umb-webhook-table-collection-view')
 export class UmbWebhookTableCollectionViewElement extends UmbLitElement {
@@ -38,8 +38,8 @@ export class UmbWebhookTableCollectionViewElement extends UmbLitElement {
 		},
 		{
 			name: '',
-			alias: 'entityActions',
-			elementName: 'umb-webhook-table-entity-actions-column-layout',
+			alias: 'remove',
+			elementName: 'umb-webhook-table-remove-column-layout',
 		},
 	];
 
@@ -78,15 +78,15 @@ export class UmbWebhookTableCollectionViewElement extends UmbLitElement {
 					},
 					{
 						columnAlias: 'events',
-						value: webhook.events,
+						value: webhook.events.map((event) => event.eventName).join(', ') || 'None',
 					},
 					{
 						columnAlias: 'types',
 						value: webhook.contentTypes,
 					},
 					{
-						columnAlias: 'entityActions',
-						value: webhook,
+						columnAlias: 'remove',
+						value: '',
 					},
 				],
 			};