Fixes: U4-7824 Remove media section dropzone and folders in recycle bin

src/Umbraco.Web.UI.Client/src/views/components/umb-content-grid.html

@@ -28,7 +28,8 @@
    </div>
 
     <umb-empty-state
-       ng-if="!content">
+       ng-if="!content"
+       position="center">
        <localize key="content_noItemsToShow">There are no items to show</localize>
     </umb-empty-state>
 

src/Umbraco.Web.UI.Client/src/views/propertyeditors/listview/layouts/grid/grid.html

@@ -26,6 +26,7 @@
    on-drag-enter="vm.dragEnter()">
 
       <umb-file-dropzone
+         ng-if="!vm.isRecycleBin"
          parent-id="{{vm.nodeId}}"
          files-uploaded="vm.onUploadComplete"
          accept="{{vm.acceptedFileTypes}}"
@@ -36,7 +37,7 @@
       </umb-file-dropzone>
 
       <umb-folder-grid
-         ng-if="folders.length > 0"
+         ng-if="folders.length > 0 && !vm.isRecycleBin"
          folders="folders"
          on-click="vm.selectFolder"
          on-click-name="vm.goToItem">
@@ -60,6 +61,12 @@
          </ul>
       </umb-tooltip>
 
+      <umb-empty-state
+          ng-if="vm.itemsWithoutFolders.length === 0 && vm.isRecycleBin"
+          position="center">
+          <localize key="general_recycleBinEmpty"></localize>
+      </umb-empty-state>
+
       <umb-empty-state
           ng-if="vm.itemsWithoutFolders.length === 0 && options.filter"
           position="center">

src/Umbraco.Web.UI.Client/src/views/propertyeditors/listview/layouts/grid/grid.listviewlayout.controller.js

@@ -19,6 +19,7 @@
       vm.activeDrag = false;
       vm.mediaDetailsTooltip = {};
       vm.itemsWithoutFolders = [];
+      vm.isRecycleBin = $scope.contentId === '-21';
 
       vm.dragEnter = dragEnter;
       vm.dragLeave = dragLeave;

src/Umbraco.Web.UI.Client/src/views/propertyeditors/listview/layouts/list/list.html

@@ -9,6 +9,7 @@
         on-drag-enter="vm.dragEnter()">
 
         <umb-file-dropzone
+           ng-if="!vm.isRecycleBin"
            parent-id="{{vm.nodeId}}"
            files-uploaded="vm.onUploadComplete"
            accept="{{vm.acceptedFileTypes}}"
@@ -30,6 +31,12 @@
             on-sort="vm.sort">
         </umb-table>
 
+        <umb-empty-state
+            ng-if="!items && vm.isRecycleBin"
+            position="center">
+            <localize key="general_recycleBinEmpty"></localize>
+        </umb-empty-state>
+
     </div>
 
     <div ng-if="entityType !== 'media'">

src/Umbraco.Web.UI.Client/src/views/propertyeditors/listview/layouts/list/list.listviewlayout.controller.js

@@ -10,6 +10,7 @@
         vm.acceptedFileTypes = mediaHelper.formatFileTypes(Umbraco.Sys.ServerVariables.umbracoSettings.imageFileTypes);
         vm.maxFileSize = Umbraco.Sys.ServerVariables.umbracoSettings.maxFileSize + "KB";
         vm.activeDrag = false;
+        vm.isRecycleBin = $scope.contentId === '-21';
 
         vm.selectItem = selectItem;
         vm.clickItem = clickItem;