Fix cropper / preview not showing

(cherry picked from commit e1ef5f4e6b)

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;
             }
         });

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>