Merge pull request #2505 from Laravel-Backpack/fix-browse-multiple-elfinder-mimes

[4.0][BUGFIX] Elfinder mime type filter.

Author: tabacitu

src/resources/views/crud/fields/browse_multiple.blade.php

@@ -10,18 +10,15 @@
 if (!isset($field['wrapperAttributes']) || !isset($field['wrapperAttributes']['data-init-function']))
 {
     $field['wrapperAttributes']['data-init-function'] = 'bpFieldInitBrowseMultipleElement';
-    
+
     if ($multiple) {
         $field['wrapperAttributes']['data-popup-title'] = trans('backpack::crud.select_files');
         $field['wrapperAttributes']['data-multiple'] = "true";
     } else {
         $field['wrapperAttributes']['data-popup-title'] = trans('backpack::crud.select_file');
         $field['wrapperAttributes']['data-multiple'] = "false";
     }
-
-    if ($mimes = array_get($field, 'mime_types')) {
-        $field['wrapperAttributes']['data-only-mimes'] = json_encode($mimes);
-    }
+        $field['wrapperAttributes']['data-only-mimes'] = json_encode($mimes ?? []);
 
     if($sortable){
         $field['wrapperAttributes']['sortable'] = "true";
@@ -78,7 +75,7 @@
                 <button type="button" class="browse remove btn btn-sm btn-light">
                     <i class="fa fa-trash"></i>
                 </button>
-                @if ($sortable)
+                @if($sortable)
                     <button type="button" class="browse move btn btn-sm btn-light"><span class="fa fa-sort"></span></button>
                 @endif
             </div>
@@ -128,7 +125,7 @@ function bpFieldInitBrowseMultipleElement(element) {
                 var $removeButton = element.find(".remove");
                 var $input = element.find('input[data-marker=multipleBrowseInput]');
                 var $popupTitle = element.attr('data-popup-title');
-                var $onlyMimesArray = element.attr('data-only-mimes');
+                var $onlyMimesArray = JSON.parse(element.attr('data-only-mimes'));
                 var $multiple = element.attr('data-multiple');
                 var $sortable = element.attr('sortable');
 
@@ -177,7 +174,7 @@ function bpFieldInitBrowseMultipleElement(element) {
                             } else {
                                 $input.val(files.path);
                             }
-                            
+
                             $.colorbox.close();
                         }
                     }).elfinder('instance');
@@ -195,7 +192,7 @@ function bpFieldInitBrowseMultipleElement(element) {
                     event.preventDefault();
 
                     if ($multiple) {
-                        $input.parents('.input-group').remove();    
+                        $input.parents('.input-group').remove();
                     } else {
                         $input.val('');
                     }