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

@@ -52,6 +52,25 @@ function onItemSelectionPanelClick(e, itemSelectionPanel) {
     return false;
 }
 
+function getItemIdFromHash() {
+    const hash = window.location.hash;
+    const queryIndex = hash.indexOf('?');
+
+    if (queryIndex === -1) return null;
+
+    const queryString = hash.substring(queryIndex + 1);
+    const queryParts = queryString.split('&');
+
+    for (const part of queryParts) {
+        const [key, value] = part.split('=');
+        if (key === 'id') {
+            return decodeURIComponent(value);
+        }
+    }
+
+    return null;
+}
+
 function updateItemSelection(chkItemSelect, selected) {
     const id = dom.parentWithAttribute(chkItemSelect, 'data-id').getAttribute('data-id');
 
@@ -167,6 +186,16 @@ function showMenuForSelectedItems(e) {
     const apiClient = ServerConnections.currentApiClient();
 
     apiClient.getCurrentUser().then(user => {
+        // get collection id
+        const collectionId = getItemIdFromHash();
+        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 +212,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 +302,16 @@ function showMenuForSelectedItems(e) {
                                 hideSelections();
                                 dispatchNeedsRefresh();
                                 break;
+                            case 'removefromcollection':
+                                apiClient.ajax({
+                                    type: 'DELETE',
+                                    url: apiClient.getUrl('Collections/' + collectionId + '/Items', {
+                                        Ids: items.join(',')
+                                    })
+                                });
+                                dispatchNeedsRefresh();
+                                hideSelections();
+                                break;
                             case 'playlist':
                                 import('../playlisteditor/playlisteditor').then(({ default: PlaylistEditor }) => {
                                     const playlistEditor = new PlaylistEditor();