first upload all files

Modules/Media/Resources/views/admin/media/index.blade.php

@@ -0,0 +1,51 @@
+@extends('admin::layout')
+
+@component('admin::components.page.header')
+    @slot('title', trans('media::media.media'))
+
+    <li class="active">{{ trans('media::media.media') }}</li>
+@endcomponent
+
+@section('content')
+    @include('media::admin.media.partials.uploader')
+
+    <div class="box box-primary">
+        <div class="box-header"></div>
+
+        @include('media::admin.media.partials.table')
+    </div>
+@endsection
+
+@push('shortcuts')
+    <dl class="dl-horizontal">
+        <dt><code>u</code></dt>
+        <dd>{{ trans('media::media.upload_new_file') }}</dd>
+    </dl>
+@endpush
+
+@push('scripts')
+    <script>
+        Mousetrap.bind('u', function() {
+            $('.dropzone').trigger('click');
+        });
+
+        Mousetrap.bind('del', function () {
+            $('.btn-delete').trigger('click');
+        });
+
+        DataTable.setRoutes('#media-table .table', {
+            index: 'admin.media.index',
+            destroy: 'admin.media.destroy',
+        });
+
+        new DataTable('#media-table .table', {
+            columns: [
+                { data: 'checkbox', orderable: false, searchable: false, width: '3%' },
+                { data: 'id', width: '5%' },
+                { data: 'thumbnail', orderable: false, searchable: false, width: '10%' },
+                { data: 'filename' },
+                { data: 'created', name: 'created_at' },
+            ],
+        });
+    </script>
+@endpush

Modules/Media/Resources/views/admin/media/partials/table.blade.php

@@ -0,0 +1,18 @@
+<div class="box-body index-table" id="media-table">
+    @component('admin::components.table')
+        @slot('thead')
+            <tr>
+                @include('admin::partials.table.select_all')
+
+                <th data-sort>{{ trans('admin::admin.table.id') }}</th>
+                <th>{{ trans('media::media.table.thumbnail') }}</th>
+                <th>{{ trans('media::media.table.filename') }}</th>
+                <th data-sort>{{ trans('admin::admin.table.created') }}</th>
+
+                @unless (request()->routeIs('admin.media.index'))
+                    <th class="min-tablet"></th>
+                @endif
+            </tr>
+        @endslot
+    @endcomponent
+</div>

Modules/Media/Resources/views/admin/media/partials/table/action.blade.php

@@ -0,0 +1,11 @@
+<button type="button" class="btn btn-default select-media"
+    data-id="{{ $file->id }}"
+    data-path="{{ $file->path }}"
+    data-filename="{{ $file->filename }}"
+    data-type="{{ strtok($file->mime, '/') }}"
+    data-icon="{{ $file->icon() }}"
+    data-toggle="tooltip"
+    title="{{ trans('media::media.file_manager.select_this_file') }}"
+>
+    <i class="fa fa-check-square-o"></i>
+</button>

Modules/Media/Resources/views/admin/media/partials/table/thumbnail.blade.php

@@ -0,0 +1,7 @@
+<div class="thumbnail-holder">
+    @if ($file->isImage())
+        <img src="{{ $file->path }}" alt="thumbnail">
+    @else
+        <i class="file-icon fa {{ $file->icon() }}"></i>
+    @endif
+</div>

Modules/Media/Resources/views/admin/media/partials/uploader.blade.php

@@ -0,0 +1,17 @@
+@push('globals')
+    <script>
+        FleetCart.maxFileSize = {{ (int) ini_get('upload_max_filesize') }}
+    </script>
+@endpush
+
+<div class="row">
+    <div class="col-md-12">
+        <form method="POST" class="dropzone">
+            {{ csrf_field() }}
+
+            <div class="dz-message needsclick">
+                {{ trans('media::media.drop_files_here') }}
+            </div>
+        </form>
+    </div>
+</div>