Add removal of items in multi-selection for collections

CONTRIBUTORS.md

@@ -98,6 +98,7 @@
 - [Jxiced](https://github.com/Jxiced)
 - [Derek Huber](https://github.com/Derek4aty1)
 - [StableCrimson](https://github.com/StableCrimson)
+- [Faris Mektem](https://github.com/mektem)
 
 ## Emby Contributors
 

src/components/multiSelect/multiSelect.js

@@ -9,6 +9,7 @@ import alert from '../alert';
 import confirm from '../confirm/confirm';
 import itemHelper from '../itemHelper';
 import datetime from '../../scripts/datetime';
+import { getParameterByName } from 'utils/url';
 
 let selectedItems = [];
 let selectedElements = [];
@@ -167,6 +168,16 @@ function showMenuForSelectedItems(e) {
     const apiClient = ServerConnections.currentApiClient();
 
     apiClient.getCurrentUser().then(user => {
+        // get collection id
+        const collectionId = getParameterByName('id');
+        let collectionItem = null;
+
+        if (collectionId) {
+            apiClient.getItem(user.Id, collectionId).then(collection => {
+                collectionItem = collection;
+            });
+        }
+
         // get first selected item to perform metadata refresh permission check
         apiClient.getItem(apiClient.getCurrentUserId(), selectedItems[0]).then(firstItem => {
             const menuItems = [];
@@ -183,6 +194,14 @@ function showMenuForSelectedItems(e) {
                 icon: 'add'
             });
 
+            if (collectionItem && collectionItem.Type === 'BoxSet') {
+                menuItems.push({
+                    name: globalize.translate('RemoveFromCollection'),
+                    id: 'removefromcollection',
+                    icon: 'playlist_remove'
+                });
+            }
+
             menuItems.push({
                 name: globalize.translate('AddToPlaylist'),
                 id: 'playlist',
@@ -265,6 +284,17 @@ function showMenuForSelectedItems(e) {
                                 hideSelections();
                                 dispatchNeedsRefresh();
                                 break;
+                            case 'removefromcollection':
+                                apiClient.ajax({
+                                    type: 'DELETE',
+                                    url: apiClient.getUrl('Collections/' + collectionId + '/Items', {
+                                        Ids: items.join(',')
+                                    })
+                                }).then(() => {
+                                    dispatchNeedsRefresh();
+                                    hideSelections();
+                                });
+                                break;
                             case 'playlist':
                                 import('../playlisteditor/playlisteditor').then(({ default: PlaylistEditor }) => {
                                     const playlistEditor = new PlaylistEditor();