From b8b97cb49c489a344e8d76edd2cf454439773bb3 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Niels=20Lyngs=C3=B8?= Date: Thu, 23 Feb 2023 10:31:36 +0100 Subject: [PATCH] method for open splitview --- .../documents/workspace/document-workspace.context.ts | 4 ++++ .../documents/workspace/document-workspace.element.ts | 3 ++- .../variant-selector/variant-selector.element.ts | 10 +++++++++- 3 files changed, 15 insertions(+), 2 deletions(-) diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/documents/documents/workspace/document-workspace.context.ts b/src/Umbraco.Web.UI.Client/src/backoffice/documents/documents/workspace/document-workspace.context.ts index 06d5436491..7e59416580 100644 --- a/src/Umbraco.Web.UI.Client/src/backoffice/documents/documents/workspace/document-workspace.context.ts +++ b/src/Umbraco.Web.UI.Client/src/backoffice/documents/documents/workspace/document-workspace.context.ts @@ -106,6 +106,10 @@ export class UmbDocumentWorkspaceContext this.#activeVariantsInfo.next(activeVariants); } + openSplitView(culture: string | null, segment: string | null) { + this.setActiveVariant(1, culture, segment); + } + getVariant(variantId: UmbVariantId) { return this.#draft.getValue()?.variants?.find((x) => variantId.compare(x)); } diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/documents/documents/workspace/document-workspace.element.ts b/src/Umbraco.Web.UI.Client/src/backoffice/documents/documents/workspace/document-workspace.element.ts index ba0ffef964..e7904fbfde 100644 --- a/src/Umbraco.Web.UI.Client/src/backoffice/documents/documents/workspace/document-workspace.element.ts +++ b/src/Umbraco.Web.UI.Client/src/backoffice/documents/documents/workspace/document-workspace.element.ts @@ -14,7 +14,7 @@ export class UmbDocumentWorkspaceElement extends UmbLitElement implements UmbWor UUITextStyles, css` :host { - display: block; + display: flex; width: 100%; height: 100%; } @@ -33,6 +33,7 @@ export class UmbDocumentWorkspaceElement extends UmbLitElement implements UmbWor super(); this.observe(this._workspaceContext.activeVariantsInfo, (variants) => { this._workspaceSplitViews = variants; + console.log('variants', variants); }); } diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/shared/components/variant-selector/variant-selector.element.ts b/src/Umbraco.Web.UI.Client/src/backoffice/shared/components/variant-selector/variant-selector.element.ts index 4f2eb8c9ef..7fbe4c87c4 100644 --- a/src/Umbraco.Web.UI.Client/src/backoffice/shared/components/variant-selector/variant-selector.element.ts +++ b/src/Umbraco.Web.UI.Client/src/backoffice/shared/components/variant-selector/variant-selector.element.ts @@ -151,7 +151,13 @@ export class UmbVariantSelectorElement extends UmbLitElement { private _switchVariant(variant: DocumentVariantModel) { if (variant.culture === undefined || variant.segment === undefined) return; this._variantContext?.changeVariant(variant.culture, variant.segment); - this._variantSelectorIsOpen = false; + this._close(); + } + + private _openSplitView(variant: DocumentVariantModel) { + if (variant.culture === undefined || variant.segment === undefined) return; + this._workspaceContext?.openSplitView(variant.culture, variant.segment); + this._close(); } render() { @@ -187,6 +193,8 @@ export class UmbVariantSelectorElement extends UmbLitElement { this._switchVariant(variant)}> ${variant.name} ${variant.culture} ${variant.segment} + + this._openSplitView(variant)}> Split view ` )}