From d9506d30b3782a2bc99d2d3a94fdfb8d8733dee4 Mon Sep 17 00:00:00 2001
From: Sebastiaan Janssen <sebastiaan@umbraco.com>
Date: Mon, 28 Sep 2020 21:24:46 +0200
Subject: [PATCH] Fix cropper / preview not showing

(cherry picked from commit e1ef5f4e6b6b28715d965a9a3d2dac951f251de6)
---
 .../mediapicker/overlays/mediacropdetails.controller.js      | 4 ++--
 .../mediapicker/overlays/mediacropdetails.html               | 5 ++---
 2 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/src/views/common/infiniteeditors/mediapicker/overlays/mediacropdetails.controller.js b/src/Umbraco.Web.UI.Client/src/views/common/infiniteeditors/mediapicker/overlays/mediacropdetails.controller.js
index 030200e1e6..851a209ba9 100644
--- a/src/Umbraco.Web.UI.Client/src/views/common/infiniteeditors/mediapicker/overlays/mediacropdetails.controller.js
+++ b/src/Umbraco.Web.UI.Client/src/views/common/infiniteeditors/mediapicker/overlays/mediacropdetails.controller.js
@@ -6,7 +6,7 @@
 
             vm.submit = submit;
             vm.close = close;
-            vm.cropSet = cropSet;
+            vm.hasCrops = cropSet() === true;
 
             if (!$scope.model.target.coordinates && !$scope.model.target.focalPoint) {
                 $scope.model.target.focalPoint = { left: .5, top: .5 };
@@ -59,6 +59,6 @@
 
             function cropSet() {
                 var model = $scope.model;
-                return (model.cropSize || {}).width && model.target.thumbnail;
+                return (model.cropSize || {}).width !== undefined && (model.cropSize || {}).height !== undefined;
             }
         });
diff --git a/src/Umbraco.Web.UI.Client/src/views/common/infiniteeditors/mediapicker/overlays/mediacropdetails.html b/src/Umbraco.Web.UI.Client/src/views/common/infiniteeditors/mediapicker/overlays/mediacropdetails.html
index cda42043c1..3f75e25a05 100644
--- a/src/Umbraco.Web.UI.Client/src/views/common/infiniteeditors/mediapicker/overlays/mediacropdetails.html
+++ b/src/Umbraco.Web.UI.Client/src/views/common/infiniteeditors/mediapicker/overlays/mediacropdetails.html
@@ -25,8 +25,7 @@
             </div>
 
             <div class="umb-control-group" ng-if="model.target">
-
-                <div ng-if="vm.cropSet() === false">
+                <div ng-if="vm.hasCrops === false">
                     <h5>
                         <localize key="general_preview">Preview</localize>
                     </h5>
@@ -34,7 +33,7 @@
                     <img ng-src="{{model.target.thumbnail}}" alt="{{model.target.name}}" />
                 </div>
 
-                <div ng-if="vm.cropSet()">
+                <div ng-if="vm.hasCrops">
                     <h5>
                         <localize key="@general_cropSection">Crop section</localize>
                     </h5>