From 5a6d7326d8b1320e84d8ef6ba6b9e6c341de202f Mon Sep 17 00:00:00 2001 From: Mads Rasmussen Date: Tue, 1 Apr 2025 13:27:18 +0200 Subject: [PATCH] render segment name in input --- .../workspace-split-view-variant-selector.element.ts | 8 +++++++- 1 file changed, 7 insertions(+), 1 deletion(-) diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/workspace/components/workspace-split-view/workspace-split-view-variant-selector.element.ts b/src/Umbraco.Web.UI.Client/src/packages/core/workspace/components/workspace-split-view/workspace-split-view-variant-selector.element.ts index 6a2b124098..70d6bf2695 100644 --- a/src/Umbraco.Web.UI.Client/src/packages/core/workspace/components/workspace-split-view/workspace-split-view-variant-selector.element.ts +++ b/src/Umbraco.Web.UI.Client/src/packages/core/workspace/components/workspace-split-view/workspace-split-view-variant-selector.element.ts @@ -288,7 +288,7 @@ export class UmbWorkspaceSplitViewVariantSelectorElement< data-mark="input:entity-name" placeholder=${this.localize.term('placeholders_entername')} label=${this.localize.term('placeholders_entername')} - .value=${this._name ?? ''} + .value=${this.#getNameValue()} @input=${this.#handleInput} required ?readonly=${this.#isReadOnlyCulture(this._activeVariant?.culture ?? null) || @@ -410,6 +410,12 @@ export class UmbWorkspaceSplitViewVariantSelectorElement< `; } + #getNameValue() { + // It is currently not possible to edit the name of a segment variant option. We render the name of the segment instead and set the input to readonly. + const segmentName = this.#isSegmentVariantOption(this._activeVariant) ? this._activeVariant?.segmentInfo?.name : ''; + return segmentName ?? this._name ?? ''; + } + #getVariantName(variantOption: VariantOptionModelType) { if (variantOption.variant?.name) { return variantOption.variant?.name;