From f836d7b0366b236f1908d0b331c5a597efb84456 Mon Sep 17 00:00:00 2001 From: Lone Iversen <108085781+loivsen@users.noreply.github.com> Date: Tue, 28 Mar 2023 13:55:08 +0200 Subject: [PATCH 01/11] init --- .../language-workspace-create.element.ts | 42 +++++++++++++++++++ .../language-workspace-edit.element.ts | 10 ++--- .../language/language-workspace.element.ts | 4 ++ ...language-details-workspace-view.element.ts | 22 +++++----- 4 files changed, 63 insertions(+), 15 deletions(-) create mode 100644 src/Umbraco.Web.UI.Client/src/backoffice/settings/languages/workspace/language/language-workspace-create.element.ts diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/settings/languages/workspace/language/language-workspace-create.element.ts b/src/Umbraco.Web.UI.Client/src/backoffice/settings/languages/workspace/language/language-workspace-create.element.ts new file mode 100644 index 0000000000..e226bef7e5 --- /dev/null +++ b/src/Umbraco.Web.UI.Client/src/backoffice/settings/languages/workspace/language/language-workspace-create.element.ts @@ -0,0 +1,42 @@ +import { UUITextStyles } from '@umbraco-ui/uui-css'; +import { css, html } from 'lit'; +import { customElement } from 'lit/decorators.js'; +import { UmbLitElement } from '@umbraco-cms/internal/lit-element'; + +@customElement('umb-language-workspace-create') +export class UmbLanguageWorkspaceCreateElement extends UmbLitElement { + static styles = [ + UUITextStyles, + css` + #header { + display: flex; + padding: 0 var(--uui-size-space-6); + gap: var(--uui-size-space-4); + width: 100%; + } + strong { + display: flex; + align-items: center; + } + `, + ]; + + render() { + return html` + + `; + } +} + +export default UmbLanguageWorkspaceCreateElement; + +declare global { + interface HTMLElementTagNameMap { + 'umb-language-workspace-create': UmbLanguageWorkspaceCreateElement; + } +} diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/settings/languages/workspace/language/language-workspace-edit.element.ts b/src/Umbraco.Web.UI.Client/src/backoffice/settings/languages/workspace/language/language-workspace-edit.element.ts index ecb56842c0..fa93f20153 100644 --- a/src/Umbraco.Web.UI.Client/src/backoffice/settings/languages/workspace/language/language-workspace-edit.element.ts +++ b/src/Umbraco.Web.UI.Client/src/backoffice/settings/languages/workspace/language/language-workspace-edit.element.ts @@ -7,8 +7,8 @@ import { UmbLanguageWorkspaceContext } from './language-workspace.context'; import { UmbLitElement } from '@umbraco-cms/internal/lit-element'; import { LanguageResponseModel } from '@umbraco-cms/backoffice/backend-api'; -@customElement('umb-language-workspace-thingy') -export class UmbLanguageWorkspaceThingyElement extends UmbLitElement { +@customElement('umb-language-workspace-edit') +export class UmbLanguageWorkspaceEditElement extends UmbLitElement { static styles = [ UUITextStyles, css` @@ -58,7 +58,7 @@ export class UmbLanguageWorkspaceThingyElement extends UmbLitElement { render() { return html`