support deleting multiple files

Author: streamtw

public/js/script.js

@@ -142,7 +142,11 @@ $(document).on('click', '[data-sortby]', function() {
 });
 
 $(document).on('click', '[data-action]', function () {
-  window[$(this).data('action')](getOneSelectedElement());
+  if ($(this).data('multiple')) {
+    window[$(this).data('action')](getSelectedItems());
+  } else {
+    window[$(this).data('action')](getOneSelectedElement());
+  }
 });
 
 // ======================
@@ -197,7 +201,8 @@ function toggleActions() {
   $('[data-action=download]').toggleClass('d-none', !(one_selected && only_file))
   $('[data-action=resize]').toggleClass('d-none', !(one_selected && only_image))
   $('[data-action=crop]').toggleClass('d-none', !(one_selected && only_image))
-  $('[data-action=trash]').toggleClass('d-none', !one_selected)
+  $('[data-action=trash]').toggleClass('d-none', !many_selected)
+  $('#actions').toggleClass('d-none', selected.length === 0)
   $('#fab').toggleClass('d-none', selected.length !== 0)
 }
 
@@ -347,9 +352,11 @@ function rename(item) {
   });
 }
 
-function trash(item) {
+function trash(items) {
   notify(lang['message-delete'], function () {
-    performLfmRequest('delete', {items: item.name})
+    performLfmRequest('delete', {
+      items: items.map(function (item) { return item.name; })
+    })
       .done(refreshFoldersAndItems)
   });
 }

src/controllers/DeleteController.php

@@ -14,33 +14,44 @@ class DeleteController extends LfmController
      */
     public function getDelete()
     {
-        $name_to_delete = request('items');
-        $file_to_delete = $this->lfm->pretty($name_to_delete);
-        $file_path = $file_to_delete->absolutePath();
+        $item_names = request('items');
+        $errors = [];
 
-        event(new ImageIsDeleting($file_path));
+        foreach ($item_names as $name_to_delete) {
+            $file_to_delete = $this->lfm->pretty($name_to_delete);
+            $file_path = $file_to_delete->absolutePath();
 
-        if (is_null($name_to_delete)) {
-            return parent::error('folder-name');
-        }
+            event(new ImageIsDeleting($file_path));
 
-        if (! $this->lfm->setName($name_to_delete)->exists()) {
-            return parent::error('folder-not-found', ['folder' => $file_path]);
-        }
+            if (is_null($name_to_delete)) {
+                array_push($errors, parent::error('folder-name'));
+                continue;
+            }
 
-        if ($this->lfm->setName($name_to_delete)->isDirectory()) {
-            if (! $this->lfm->setName($name_to_delete)->directoryIsEmpty()) {
-                return parent::error('delete-folder');
+            if (! $this->lfm->setName($name_to_delete)->exists()) {
+                array_push($errors, parent::error('folder-not-found', ['folder' => $file_path]));
+                continue;
             }
-        } else {
-            if ($file_to_delete->isImage()) {
-                $this->lfm->setName($name_to_delete)->thumb()->delete();
+
+            if ($this->lfm->setName($name_to_delete)->isDirectory()) {
+                if (! $this->lfm->setName($name_to_delete)->directoryIsEmpty()) {
+                    array_push($errors, parent::error('delete-folder'));
+                    continue;
+                }
+            } else {
+                if ($file_to_delete->isImage()) {
+                    $this->lfm->setName($name_to_delete)->thumb()->delete();
+                }
             }
-        }
 
-        $this->lfm->setName($name_to_delete)->delete();
+            $this->lfm->setName($name_to_delete)->delete();
+
+            event(new ImageWasDeleted($file_path));
+        }
 
-        event(new ImageWasDeleted($file_path));
+        if (count($errors) > 0) {
+            return $errors;
+        }
 
         return parent::$success_response;
     }

src/views/index.blade.php

@@ -171,42 +171,50 @@
       {
         name: 'use',
         icon: 'check',
-        label: 'Confirm'
+        label: 'Confirm',
+        multiple: true
       },
       {
         name: 'rename',
         icon: 'edit',
-        label: lang['menu-rename']
+        label: lang['menu-rename'],
+        multiple: false
       },
       {
         name: 'download',
         icon: 'arrow-circle-o-down',
-        label: lang['menu-download']
+        label: lang['menu-download'],
+        multiple: true
       },
       {
         name: 'preview',
         icon: 'image',
-        label: lang['menu-view']
+        label: lang['menu-view'],
+        multiple: true
       },
       {
         name: 'move',
         icon: 'sign-out',
-        label: 'move'
+        label: 'move',
+        multiple: true
       },
       {
         name: 'resize',
         icon: 'arrows-alt',
-        label: lang['menu-resize']
+        label: lang['menu-resize'],
+        multiple: false
       },
       {
         name: 'crop',
         icon: 'crop',
-        label: lang['menu-crop']
+        label: lang['menu-crop'],
+        multiple: false
       },
       {
         name: 'trash',
         icon: 'trash',
-        label: lang['menu-delete']
+        label: lang['menu-delete'],
+        multiple: true
       },
     ];