Add basic support for bulk deleting all devices

Make it easier to purge all devices from the device list.

Api calls are done in parallel, without error handling, but it should be
a relatively fast operation

Fixes #1435

src/controllers/dashboard/devices/devices.html

@@ -5,6 +5,7 @@
                 <div class="sectionTitleContainer sectionTitleContainer-cards flex align-items-center">
                     <h2 class="sectionTitle sectionTitle-cards">${HeaderDevices}</h2>
                     <a is="emby-linkbutton" rel="noopener noreferrer" class="raised button-alt headerHelpButton" target="_blank" href="https://docs.jellyfin.org/general/server/devices.html">${Help}</a>
+                    <button id="deviceDeleteAll" is="emby-button" type="button" class="raised button-alt">${DeleteAll}</button>
                 </div>
             </div>
             <div is="emby-itemscontainer" class="devicesList vertical-wrap" data-multiselect="false"></div>

src/controllers/dashboard/devices/devices.js

@@ -10,10 +10,41 @@ import 'cardStyle';
 
 /* eslint-disable indent */
 
+    // Local cache of loaded 
+    let deviceIds = [];
+
     function canDelete(deviceId) {
         return deviceId !== ApiClient.deviceId();
     }
 
+    function deleteViaApi(id) {
+        return ApiClient.ajax({
+            type: 'DELETE',
+            url: ApiClient.getUrl('Devices', {
+                Id: id
+            })
+        });
+    }
+
+    function deleteAllDevices(page) {
+        let msg = globalize.translate('DeleteDevicesConfirmation');
+
+        require(['confirm'], async function (confirm) {
+            await confirm({
+                text: msg,
+                title: globalize.translate('HeaderDeleteDevices'),
+                confirmText: globalize.translate('ButtonDelete'),
+                primary: 'delete'
+            });
+
+            loading.show();
+            await Promise.all(
+                deviceIds.filter(canDelete).map((id) => deleteViaApi(id))
+            );
+            loadData(page);
+        });
+    }
+
     function deleteDevice(page, id) {
         const msg = globalize.translate('DeleteDeviceConfirmation');
 
@@ -23,16 +54,10 @@ import 'cardStyle';
                 title: globalize.translate('HeaderDeleteDevice'),
                 confirmText: globalize.translate('Delete'),
                 primary: 'delete'
-            }).then(function () {
+            }).then(async () => {
                 loading.show();
-                ApiClient.ajax({
-                    type: 'DELETE',
-                    url: ApiClient.getUrl('Devices', {
-                        Id: id
-                    })
-                }).then(function () {
-                    loadData(page);
-                });
+                await deleteViaApi(id);
+                loadData(page);
             });
         });
     }
@@ -129,6 +154,7 @@ import 'cardStyle';
         loading.show();
         ApiClient.getJSON(ApiClient.getUrl('Devices')).then(function (result) {
             load(page, result.Items);
+            deviceIds = result.Items.map((device) => device.Id);
             loading.hide();
         });
     }
@@ -145,6 +171,9 @@ import 'cardStyle';
         view.addEventListener('viewshow', function () {
             loadData(this);
         });
-    }
 
+        view.querySelector('#deviceDeleteAll').addEventListener('click', function() {
+            deleteAllDevices(view);
+        });
+    }
 /* eslint-enable indent */