From 192c0d76e84cd46da3c7f67a03c2332dc51fdb23 Mon Sep 17 00:00:00 2001 From: Lee Kelleher Date: Mon, 4 Nov 2024 13:07:13 +0000 Subject: [PATCH] Bugfix: Block Type card thunbnail image path/URL (#2480) Block Type Cards: Fixed image URL Removed the backoffice path from the URL, as the image paths are relative to the root of the website. --- .../block-type-card/block-type-card.element.ts | 9 +++++---- 1 file changed, 5 insertions(+), 4 deletions(-) diff --git a/src/Umbraco.Web.UI.Client/src/packages/block/block-type/components/block-type-card/block-type-card.element.ts b/src/Umbraco.Web.UI.Client/src/packages/block/block-type/components/block-type-card/block-type-card.element.ts index 7acba0d8be..ec00d7fa94 100644 --- a/src/Umbraco.Web.UI.Client/src/packages/block/block-type/components/block-type-card/block-type-card.element.ts +++ b/src/Umbraco.Web.UI.Client/src/packages/block/block-type/components/block-type-card/block-type-card.element.ts @@ -6,14 +6,14 @@ import { html, customElement, property, state, ifDefined } from '@umbraco-cms/ba import { UmbRepositoryItemsManager } from '@umbraco-cms/backoffice/repository'; import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element'; import { UMB_APP_CONTEXT } from '@umbraco-cms/backoffice/app'; -import { removeLastSlashFromPath, transformServerPathToClientPath } from '@umbraco-cms/backoffice/utils'; +import { transformServerPathToClientPath } from '@umbraco-cms/backoffice/utils'; import { UUICardEvent } from '@umbraco-cms/backoffice/external/uui'; @customElement('umb-block-type-card') export class UmbBlockTypeCardElement extends UmbLitElement { // #init: Promise; - #appUrl: string = ''; + #serverUrl: string = ''; #itemManager = new UmbRepositoryItemsManager( this, @@ -29,7 +29,8 @@ export class UmbBlockTypeCardElement extends UmbLitElement { value = transformServerPathToClientPath(value); if (value) { this.#init.then(() => { - this._iconFile = removeLastSlashFromPath(this.#appUrl) + value; + const url = new URL(value, this.#serverUrl); + this._iconFile = url.href; }); } else { this._iconFile = undefined; @@ -77,7 +78,7 @@ export class UmbBlockTypeCardElement extends UmbLitElement { super(); this.#init = this.getContext(UMB_APP_CONTEXT).then((appContext) => { - this.#appUrl = appContext.getServerUrl() + appContext.getBackofficePath(); + this.#serverUrl = appContext.getServerUrl(); }); this.observe(this.#itemManager.items, (items) => {