U4-11152 Add visual indicator to trashed media items in the media pic… (#2542)

src/Umbraco.Web.UI.Client/src/less/property-editors.less

@@ -242,6 +242,15 @@ ul.color-picker li a  {
   text-decoration: none;
 }
 
+.umb-mediapicker .label.trashed {
+    position: absolute;
+    top: 5px;
+    right: 5px;
+    color: #fff;
+    background-color: #fe6561;
+    background-image: linear-gradient(180deg,#fe6561,#fe6561);
+}
+
 .umb-mediapicker .add-link-square {
   height: 120px;
 }

src/Umbraco.Web.UI.Client/src/views/propertyeditors/mediapicker/mediapicker.html

@@ -7,6 +7,7 @@
         <ul ui-sortable="sortableOptions" ng-model="images" class="umb-sortable-thumbnails">
             <li data-element="sortable-thumbnail-{{$index}}" class="umb-sortable-thumbnails__wrapper" ng-repeat="image in images track by $index">
 
+                <span class="label trashed" ng-if="image.trashed"><localize key="mediaPicker_trashed"></localize></span>
                 <!-- IMAGE -->
                 <img ng-class="{'trashed': image.trashed}" ng-src="{{image.thumbnail}}" alt="" ng-show="image.thumbnail" title="{{image.trashed ? 'Trashed: ' + image.name : image.name}}" />
 

src/Umbraco.Web.UI/umbraco/config/lang/en.xml

@@ -1275,6 +1275,7 @@ To manage your website, simply open the Umbraco back office and start adding con
         <key alias="pickedTrashedItem">You have picked a media item currently deleted or in the recycle bin</key>
         <key alias="pickedTrashedItems">You have picked media items currently deleted or in the recycle bin</key>
         <key alias="deletedItem">Deleted item</key>
+        <key alias="trashed">Trashed</key>
     </area>
     <area alias="relatedlinks">
         <key alias="enterExternal">enter external link</key>

src/Umbraco.Web.UI/umbraco/config/lang/en_us.xml

@@ -1273,6 +1273,7 @@ To manage your website, simply open the Umbraco back office and start adding con
         <key alias="pickedTrashedItem">You have picked a media item currently deleted or in the recycle bin</key>
         <key alias="pickedTrashedItems">You have picked media items currently deleted or in the recycle bin</key>
         <key alias="deletedItem">Deleted item</key>
+        <key alias="trashed">Trashed</key>        
     </area>
     <area alias="relatedlinks">
         <key alias="enterExternal">enter external link</key>

src/Umbraco.Web.UI/umbraco/config/lang/ru.xml

@@ -288,10 +288,6 @@
     <key alias="addTextBox">Добавить новое поле текста</key>
     <key alias="removeTextBox">Удалить это поле текста</key>
   </area>
-  <area alias="contentPicker">
-    <key alias="pickedTrashedItem">Выбран элемент содержимого, который в настоящее время удален или находится в корзине</key>
-    <key alias="pickedTrashedItems">Выбраны элементы содержимого, которые в настоящее время удалены или находятся в корзине</key>
-  </area>
   <area alias="contentTypeEditor">
     <key alias="compositions">Композиции</key>
     <key alias="noTabs">Вы не добавили ни одной вкладки</key>
@@ -1126,11 +1122,6 @@
     <key alias="maxFileSize">Максимально допустимый размер файла: </key>
     <key alias="mediaRoot">Начальный узел медиа</key>
   </area>
-  <area alias="mediaPicker">
-      <key alias="pickedTrashedItem">Выбран медиа-элемент, который в настоящее время удален или находится в корзине</key>
-      <key alias="pickedTrashedItems">Выбраны медиа-элементы, которые в настоящее время удалены или находятся в корзине</key>
-      <key alias="deletedItem">Удаленный элемент</key>
-  </area>
   <area alias="member">
     <key alias="createNewMember">Создать нового участника</key>
     <key alias="allMembers">Все участники</key>