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

translate publish state

Browse Source
This commit is contained in:
Mads Rasmussen
2024-07-30 14:18:59 +02:00
parent c247219a5a
commit 52c20ea1ee
1 changed files with 21 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -48,6 +48,13 @@ export class UmbWorkspaceSplitViewVariantSelectorElement extends UmbLitElement {
@state()
private _something: string[] = [];
#publishStateLocalizationMap = {
[DocumentVariantStateModel.DRAFT]: 'content_unpublished',
[DocumentVariantStateModel.PUBLISHED]: 'content_published',
[DocumentVariantStateModel.PUBLISHED_PENDING_CHANGES]: 'content_publishedPendingChanges',
[DocumentVariantStateModel.NOT_CREATED]: 'content_notCreated',
};
constructor() {
super();
@@ -271,9 +278,15 @@ export class UmbWorkspaceSplitViewVariantSelectorElement extends UmbLitElement {
@click=${() => this.#switchVariant(variantOption)}>
${this.#isCreateMode(variantOption) ? html`<uui-icon class="add-icon" name="icon-add"></uui-icon>` : nothing}
<div>
<div>${variantOption.language.name} ${this.#renderReadOnlyTag(variantOption.culture)}</div>
<div class="variant-selector-state">
${variantOption.variant?.state || DocumentVariantStateModel.NOT_CREATED}
<div class="variant-name">
${variantOption.language.name} ${this.#renderReadOnlyTag(variantOption.culture)}
</div>
<div class="variant-publish-state">
${this.localize.term(
this.#publishStateLocalizationMap[
variantOption.variant?.state || DocumentVariantStateModel.NOT_CREATED
],
)}
</div>
</div>
</button>
@@ -420,15 +433,15 @@ export class UmbWorkspaceSplitViewVariantSelectorElement extends UmbLitElement {
display: none;
}
.variant-selector-state {
.variant-name {
margin-bottom: var(--uui-size-space-1);
}
.variant-publish-state {
color: var(--uui-palette-malibu-dimmed);
font-size: 12px;
font-weight: normal;
}
uui-tag {
font-size: 12px;
}
`,
];
}