yv01p/Umbraco-CMS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

auto expand parent culture

Browse Source
This commit is contained in:
Mads Rasmussen
2025-04-01 15:33:10 +02:00
parent 3a93c9b9a4
commit 53be19cb00
1 changed files with 26 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
src/Umbraco.Web.UI.Client/src/packages/core/workspace/components/workspace-split-view/workspace-split-view-variant-selector.element.ts
View File

@@ -234,6 +234,17 @@ export class UmbWorkspaceSplitViewVariantSelectorElement<
const host = this.getBoundingClientRect();
// TODO: Ideally this is kept updated while open, but for now we just set it once:
this._popoverElement.style.width = `${host.width}px`;
// If the active variant is a segment then we expend the culture variant when the selector is opened.
if (this.#isSegmentVariantOption(this._activeVariant)) {
const culture = this._cultureVariants.find((variant) => {
return variant.culture === this._activeVariant?.culture && variant.segment === null;
});
if (!culture) return;
const variantId = UmbVariantId.Create(culture);
this.#expandVariant(variantId);
}
}
/**
@@ -258,14 +269,23 @@ export class UmbWorkspaceSplitViewVariantSelectorElement<
return variantOption?.segment !== null;
}
#toggleExpansion(event: PointerEvent, variantId: UmbVariantId) {
#onVariantExpandClick(event: PointerEvent, variantId: UmbVariantId) {
event.stopPropagation();
this._expandedVariants = this.#isExpanded(variantId)
this.#toggleVariantExpansion(variantId);
}
#expandVariant(variantId: UmbVariantId) {
if (this.#isVariantExpanded(variantId)) return;
this._expandedVariants = [...this._expandedVariants, variantId];
}
#toggleVariantExpansion(variantId: UmbVariantId) {
this._expandedVariants = this.#isVariantExpanded(variantId)
? this._expandedVariants.filter((expandedVariant) => expandedVariant.equal(variantId) === false)
: [...this._expandedVariants, variantId];
}
#isExpanded(variantId: UmbVariantId) {
#isVariantExpanded(variantId: UmbVariantId) {
return this._expandedVariants.find((expandedVariant) => expandedVariant.equal(variantId)) !== undefined;
}
@@ -358,7 +378,7 @@ export class UmbWorkspaceSplitViewVariantSelectorElement<
<div class="specs-info">${this.#getVariantSpecInfo(variantOption)}</div>
</button>
${this.#renderSplitViewButton(variantOption)}
${this.#isExpanded(variantId)
${this.#isVariantExpanded(variantId)
? html`
<ul class="children-area">
${this.#getSegmentVariantOptionsForCulture(variantOption, variantId).map((option) =>
@@ -375,8 +395,8 @@ export class UmbWorkspaceSplitViewVariantSelectorElement<
if (!variantOption.variant?.state) return nothing;
return html`
<uui-button @click=${(event: PointerEvent) => this.#toggleExpansion(event, variantId)} compact>
<uui-symbol-expand .open=${this.#isExpanded(variantId)}></uui-symbol-expand>
<uui-button @click=${(event: PointerEvent) => this.#onVariantExpandClick(event, variantId)} compact>
<uui-symbol-expand .open=${this.#isVariantExpanded(variantId)}></uui-symbol-expand>
</uui-button>
`;
}