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``; + } +} + +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``; + // return html``; return html` - `;