feat: prevent console error when double clicking on delete button fast

Author: streamtw

public/css/lfm.css

@@ -141,6 +141,10 @@ a {
   padding: 3rem 0;
 }
 
+.disabled {
+  pointer-events: none;
+}
+
 /* Loader */
 
 #lfm-loader {

public/js/script.js

@@ -4,6 +4,7 @@ var sort_type = 'alphabetic';
 var multi_selection_enabled = false;
 var selected = [];
 var items = [];
+var is_deleting = false
 
 $.fn.fab = function (options) {
   var menu = this;
@@ -545,9 +546,18 @@ function rename(item) {
 
 function trash(items) {
   confirm(lang['message-delete'], function () {
+    if (window.is_deleting) {
+      return
+    }
+    window.is_deleting = true
+    $('#confirm-button-yes').toggleClass('disabled', is_deleting)
     performLfmRequest('delete', {
       items: items.map(function (item) { return item.name; })
-    }).done(refreshFoldersAndItems)
+    }).done(function (response) {
+      window.is_deleting = false
+      $('#confirm-button-yes').toggleClass('disabled', is_deleting)
+      refreshFoldersAndItems(response)
+    })
   });
 }
 

src/views/index.blade.php

@@ -152,7 +152,7 @@
         <div class="modal-body"></div>
         <div class="modal-footer">
           <button type="button" class="btn btn-secondary w-100" data-dismiss="modal">{{ trans('laravel-filemanager::lfm.btn-close') }}</button>
-          <button type="button" class="btn btn-primary w-100" data-dismiss="modal">{{ trans('laravel-filemanager::lfm.btn-confirm') }}</button>
+          <button type="button" class="btn btn-primary w-100" data-dismiss="modal" id="confirm-button-yes">{{ trans('laravel-filemanager::lfm.btn-confirm') }}</button>
         </div>
       </div>
     </div>