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

only render media create and update date if they exist (#17499)

Browse Source
This commit is contained in:
Mads Rasmussen
2024-11-12 10:11:45 +01:00
committed by GitHub
parent 0961988baf
commit 9cb4a4213d
1 changed files with 29 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
src/Umbraco.Web.UI.Client/src/packages/media/media/workspace/views/info/media-workspace-view-info.element.ts
View File

@@ -38,10 +38,10 @@ export class UmbMediaWorkspaceViewInfoElement extends UmbLitElement {
private _urls?: Array<MediaUrlInfoModel>;
@state()
private _createDate = 'Unknown';
private _createDate?: string | null = null;
@state()
private _updateDate = 'Unknown';
private _updateDate?: string | null = null;
constructor() {
super();
@@ -91,8 +91,8 @@ export class UmbMediaWorkspaceViewInfoElement extends UmbLitElement {
/** TODO: Doubt this is the right way to get the create date... */
this.observe(this.#workspaceContext.variants, (variants) => {
this._createDate = Array.isArray(variants) ? variants[0].createDate || 'Unknown' : 'Unknown';
this._updateDate = Array.isArray(variants) ? variants[0].updateDate || 'Unknown' : 'Unknown';
this._createDate = variants?.[0]?.createDate;
this._updateDate = variants?.[0]?.updateDate;
});
}
#openSvg(imagePath: string) {
@@ -170,18 +170,7 @@ export class UmbMediaWorkspaceViewInfoElement extends UmbLitElement {
#renderGeneralSection() {
return html`
<div class="general-item">
<strong><umb-localize key="content_createDate"></umb-localize></strong>
<span>
<umb-localize-date .date=${this._createDate} .options=${TimeOptions}></umb-localize-date>
</span>
</div>
<div class="general-item">
<strong><umb-localize key="content_updateDate"></umb-localize></strong>
<span>
<umb-localize-date .date=${this._updateDate} .options=${TimeOptions}></umb-localize-date>
</span>
</div>
${this.#renderCreateDate()} ${this.#renderUpdateDate()}
<div class="general-item">
<strong><umb-localize key="content_mediaType">Media Type</umb-localize></strong>
<uui-ref-node-document-type
@@ -198,6 +187,30 @@ export class UmbMediaWorkspaceViewInfoElement extends UmbLitElement {
`;
}
#renderCreateDate() {
if (!this._createDate) return nothing;
return html`
<div class="general-item">
<strong><umb-localize key="content_createDate"></umb-localize></strong>
<span>
<umb-localize-date .date=${this._createDate} .options=${TimeOptions}></umb-localize-date>
</span>
</div>
`;
}
#renderUpdateDate() {
if (!this._updateDate) return nothing;
return html`
<div class="general-item">
<strong><umb-localize key="content_updateDate"></umb-localize></strong>
<span>
<umb-localize-date .date=${this._updateDate} .options=${TimeOptions}></umb-localize-date>
</span>
</div>
`;
}
static override styles = [
UmbTextStyles,
css`