first upload all files
This commit is contained in:
@@ -0,0 +1,61 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="{{ locale() }}">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
|
||||
<title>{{ trans('media::media.file_manager.title') }}</title>
|
||||
|
||||
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
|
||||
|
||||
<link href="https://fonts.googleapis.com/css?family=Open+Sans:600|Roboto" rel="stylesheet">
|
||||
|
||||
@foreach ($assets->allCss() as $css)
|
||||
<link media="all" type="text/css" rel="stylesheet" href="{{ v($css) }}">
|
||||
@endforeach
|
||||
|
||||
@include('admin::partials.globals')
|
||||
</head>
|
||||
|
||||
<body class="file-manager">
|
||||
<div class="container">
|
||||
@include('media::admin.media.partials.uploader')
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="box box-primary">
|
||||
@include('media::admin.media.partials.table')
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="notification-toast"></div>
|
||||
|
||||
@include('admin::partials.confirmation_modal')
|
||||
|
||||
@foreach ($assets->allJs() as $js)
|
||||
<script src="{{ v($js) }}"></script>
|
||||
@endforeach
|
||||
|
||||
<script>
|
||||
DataTable.setRoutes('.file-manager .table', {
|
||||
index: {
|
||||
name: 'admin.media.index',
|
||||
params: { type: '{{ $type }}' }
|
||||
},
|
||||
destroy: 'admin.media.destroy',
|
||||
});
|
||||
|
||||
new DataTable('.file-manager .table', {
|
||||
columns: [
|
||||
{ data: 'checkbox', orderable: false, searchable: false, width: '3%' },
|
||||
{ data: 'id', width: '5%' },
|
||||
{ data: 'thumbnail', orderable: false, searchable: false, width: '10%' },
|
||||
{ data: 'filename', name: 'filename' },
|
||||
{ data: 'created', name: 'created_at' },
|
||||
{ data: 'action', orderable: false, searchable: false },
|
||||
],
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,29 @@
|
||||
<div class="multiple-images-wrapper">
|
||||
<h4>{{ $title }}</h4>
|
||||
|
||||
<button type="button" class="image-picker btn btn-default" data-input-name="{{ $inputName }}" data-multiple>
|
||||
<i class="fa fa-folder-open m-r-5"></i>{{ trans('media::media.browse') }}
|
||||
</button>
|
||||
|
||||
<div class="multiple-images">
|
||||
<div class="col-md-12">
|
||||
<div class="row">
|
||||
<div class="image-list image-holder-wrapper clearfix">
|
||||
@if ($files->isEmpty())
|
||||
<div class="image-holder placeholder cursor-auto">
|
||||
<i class="fa fa-picture-o"></i>
|
||||
</div>
|
||||
@else
|
||||
@foreach ($files as $file)
|
||||
<div class="image-holder">
|
||||
<img src="{{ $file->path }}">
|
||||
<button type="button" class="btn remove-image" data-input-name="{{ $inputName }}"></button>
|
||||
<input type="hidden" name="{{ $inputName }}" value="{{ $file->id }}">
|
||||
</div>
|
||||
@endforeach
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,25 @@
|
||||
@hasAccess('admin.media.index')
|
||||
<div class="single-image-wrapper">
|
||||
<h4>{{ $title }}</h4>
|
||||
|
||||
<button type="button" class="image-picker btn btn-default" data-input-name="{{ $inputName }}">
|
||||
<i class="fa fa-folder-open m-r-5"></i>{{ trans('media::media.browse') }}
|
||||
</button>
|
||||
|
||||
<div class="clearfix"></div>
|
||||
|
||||
<div class="single-image image-holder-wrapper clearfix">
|
||||
@if (! $file->exists)
|
||||
<div class="image-holder placeholder">
|
||||
<i class="fa fa-picture-o"></i>
|
||||
</div>
|
||||
@else
|
||||
<div class="image-holder">
|
||||
<img src="{{ $file->path }}">
|
||||
<button type="button" class="btn remove-image" data-input-name="{{ $inputName }}"></button>
|
||||
<input type="hidden" name="{{ $inputName }}" value="{{ $file->id }}">
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
@endHasAccess
|
||||
51
Modules/Media/Resources/views/admin/media/index.blade.php
Normal file
51
Modules/Media/Resources/views/admin/media/index.blade.php
Normal file
@@ -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
|
||||
@@ -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>
|
||||
@@ -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>
|
||||
@@ -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>
|
||||
@@ -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>
|
||||
Reference in New Issue
Block a user