From cc5f129d8b39de87e57f26dd6faa586d71f59426 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jesper=20M=C3=B8ller=20Jensen?=
 <26099018+JesmoDev@users.noreply.github.com>
Date: Mon, 16 Jan 2023 23:15:32 +0100
Subject: [PATCH] added delete column

---
 ...root-table-delete-column-layout.element.ts | 23 +++++++++++++++++++
 .../language-root-workspace.element.ts        | 16 ++++++++++---
 2 files changed, 36 insertions(+), 3 deletions(-)
 create mode 100644 src/Umbraco.Web.UI.Client/src/backoffice/settings/languages/workspace/language-root/language-root-table-delete-column-layout.element.ts

diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/settings/languages/workspace/language-root/language-root-table-delete-column-layout.element.ts b/src/Umbraco.Web.UI.Client/src/backoffice/settings/languages/workspace/language-root/language-root-table-delete-column-layout.element.ts
new file mode 100644
index 0000000000..80be897f3c
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/backoffice/settings/languages/workspace/language-root/language-root-table-delete-column-layout.element.ts
@@ -0,0 +1,23 @@
+import { UUITextStyles } from '@umbraco-ui/uui-css';
+import { css, html, LitElement, nothing } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+
+@customElement('umb-language-root-table-delete-column-layout')
+export class UmbLanguageRootTableDeleteColumnLayoutElement extends LitElement {
+	static styles = [UUITextStyles, css``];
+
+	@property({ attribute: false })
+	value!: any;
+
+	render() {
+		if (!this.value.show) return nothing;
+
+		return html`<uui-button color="danger" look="primary" compact label="delete"></uui-button>`;
+	}
+}
+
+declare global {
+	interface HTMLElementTagNameMap {
+		'umb-language-root-table-delete-column-layout': UmbLanguageRootTableDeleteColumnLayoutElement;
+	}
+}
diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/settings/languages/workspace/language-root/language-root-workspace.element.ts b/src/Umbraco.Web.UI.Client/src/backoffice/settings/languages/workspace/language-root/language-root-workspace.element.ts
index 738acfb1d0..e4de831d8f 100644
--- a/src/Umbraco.Web.UI.Client/src/backoffice/settings/languages/workspace/language-root/language-root-workspace.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/backoffice/settings/languages/workspace/language-root/language-root-workspace.element.ts
@@ -11,6 +11,7 @@ import {
 } from 'src/backoffice/shared/components/table';
 
 import '../language/language-workspace.element';
+import './language-root-table-delete-column-layout.element';
 
 @customElement('umb-language-root-workspace')
 export class UmbLanguageRootWorkspaceElement extends LitElement {
@@ -95,6 +96,11 @@ export class UmbLanguageRootWorkspaceElement extends LitElement {
 			name: 'Fall back language',
 			alias: 'fallBackLanguage',
 		},
+		{
+			name: '',
+			alias: 'delete',
+			elementName: 'umb-language-root-table-delete-column-layout',
+		},
 	];
 
 	@state()
@@ -132,18 +138,22 @@ export class UmbLanguageRootWorkspaceElement extends LitElement {
 						columnAlias: 'fallBackLanguage',
 						value: languages.find((x) => x.id === language.fallbackLanguageId)?.name,
 					},
+					{
+						columnAlias: 'delete',
+						value: {
+							show: !language.isDefault,
+						},
+					},
 				],
 			};
 		});
 	}
 
 	render() {
-		return html`<umb-language-workspace></umb-language-workspace>`;
+		// return html`<umb-language-workspace></umb-language-workspace>`;
 		return html`
 			<umb-body-layout no-header-background>
 				<uui-button id="add-language" slot="header" label="Add language" look="outline" color="default"></uui-button>
-				<!-- <div slot="header" id="toolbar">
-				</div> -->
 				<umb-table .config=${this._tableConfig} .columns=${this._tableColumns} .items=${this._tableItems}></umb-table>
 			</umb-body-layout>
 		`;