From ac44dc755911a2de6b79f94841d9ef05daaa6e1e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Niels=20Lyngs=C3=B8?= <niels.lyngso@gmail.com>
Date: Wed, 19 Aug 2020 13:38:35 +0200
Subject: [PATCH] thumbnail should be converted

---
 .../src/views/components/blockcard/umb-block-card.html |  2 +-
 .../components/blockcard/umbBlockCard.component.js     | 10 ++++++++--
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/src/views/components/blockcard/umb-block-card.html b/src/Umbraco.Web.UI.Client/src/views/components/blockcard/umb-block-card.html
index 486bcbda4a..2827ab04d8 100644
--- a/src/Umbraco.Web.UI.Client/src/views/components/blockcard/umb-block-card.html
+++ b/src/Umbraco.Web.UI.Client/src/views/components/blockcard/umb-block-card.html
@@ -1,5 +1,5 @@
 
-    <div class="__showcase" ng-style="{'background-color':vm.blockConfigModel.backgroundColor, 'background-image': vm.blockConfigModel.thumbnail ? 'url('+vm.blockConfigModel.thumbnail+'?upscale=false&width=400)' : 'transparent'}">
+    <div class="__showcase" ng-style="{'background-color':vm.blockConfigModel.backgroundColor, 'background-image': vm.thumbnail ? 'url('+vm.thumbnail+'?upscale=false&width=400)' : 'transparent'}">
         <i ng-if="vm.blockConfigModel.thumbnail == null && vm.elementTypeModel.icon" class="__icon {{ vm.elementTypeModel.icon }}" ng-style="{'color':vm.blockConfigModel.iconColor}" aria-hidden="true"></i>
     </div>
     <div class="__info">
diff --git a/src/Umbraco.Web.UI.Client/src/views/components/blockcard/umbBlockCard.component.js b/src/Umbraco.Web.UI.Client/src/views/components/blockcard/umbBlockCard.component.js
index 41ae035617..d0f69dab1c 100644
--- a/src/Umbraco.Web.UI.Client/src/views/components/blockcard/umbBlockCard.component.js
+++ b/src/Umbraco.Web.UI.Client/src/views/components/blockcard/umbBlockCard.component.js
@@ -14,10 +14,16 @@
             }
         });
 
-    function BlockCardController() {
-        
+    function BlockCardController(umbRequestHelper) {
+
         var vm = this;
 
+        vm.$onInit = function() {
+            if(vm.blockConfigModel.thumbnail != null && vm.blockConfigModel.thumbnail != "") {
+                vm.thumbnail = convertVirtualToAbsolutePath(vm.blockConfigModel.thumbnail);
+            }
+        }
+
     }
 
 })();