FEATURE: style file manager
This commit is contained in:
Michal Kváček
@@ -0,0 +1,11 @@
|
||||
<form method="POST" action="{{$action}}">
|
||||
{!! csrf_field() !!}
|
||||
<input type="text" name="name" placeholder="@lang('admin/fileManager.directoryName')" class="form-control"
|
||||
value="{{old('name', $directory->name)}}" />
|
||||
|
||||
<textarea name="description" class="form-control" placeholder="@lang('admin/fileManager.directoryDescription')"
|
||||
rows="3">{{old('description', $directory->description)}}</textarea>
|
||||
|
||||
<button type="submit" class="btn btn-primary">@lang('admin/fileManager.editDirectory')</button>
|
||||
|
||||
</form>
|
||||
@@ -0,0 +1,29 @@
|
||||
<div class="row">
|
||||
@if($directory->id)
|
||||
<div class="col-md-2 text-center file-preview">
|
||||
<div class="icon">
|
||||
<a href="{{route('upload.overview', ['id' => $directory->parent_id])}}">
|
||||
<i class="fa fa-2x fa-level-up"></i>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<a href="{{route('upload.overview', ['id' => $directory->parent_id])}}">
|
||||
@lang('admin/fileManager.parentDirectory')
|
||||
</a>
|
||||
|
||||
</div>
|
||||
@endif
|
||||
|
||||
@foreach($subdirectories as $dir)
|
||||
<div class="col-md-2 text-center file-preview">
|
||||
<div class="icon">
|
||||
<a href="{{route('upload.overview', ['id' => $dir->id])}}">
|
||||
<i class="fa fa-2x fa-folder"></i>
|
||||
</a>
|
||||
</div>
|
||||
<a href="{{route('upload.overview', ['id' => $dir->id])}}">
|
||||
{{str_limit($dir->name, 15)}}
|
||||
</a>
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
@@ -0,0 +1,58 @@
|
||||
@extends('admin.layoutWithNavigation')
|
||||
|
||||
@section('pageHeading', @trans('admin/fileManager.edit', ['name' => $file->original_filename]))
|
||||
|
||||
@section('content')
|
||||
|
||||
<div class="row">
|
||||
<h2>@lang('admin/fileManager.edit', ['name' => $file->original_filename])</h2>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="column large-8">
|
||||
<div class="large-preview">
|
||||
{!! \App\Helpers\FileManager::getLargePreview($file) !!}
|
||||
</div>
|
||||
</div>
|
||||
<div class="column large-4">
|
||||
|
||||
<div class="row callout secondary">
|
||||
<div class="column">
|
||||
<h3>{{$file->original_filename}}</h3>
|
||||
|
||||
<ul>
|
||||
<li>@lang('admin/fileManager.createdAt'): {{$file->created_at}}</li>
|
||||
<li>@lang('admin/fileManager.updatedAt'): {{$file->updated_at}}</li>
|
||||
<li>@lang('admin/fileManager.mime'): {{$file->mime_type}}</li>
|
||||
<li>@lang('admin/fileManager.hash'): <span title="{{$file->file_hash}}">{{str_limit($file->file_hash, 10)}}</span></li>
|
||||
<li>@lang('admin/fileManager.url'): <a href="{{config('app.upload_url')}}/{{$file->filename}}">{{$file->filename}}</a></li>
|
||||
<li>@lang('admin/fileManager.fileSize'): {{\App\Helpers\FileManager::getFormattedSize($file)}}</li>
|
||||
|
||||
@foreach($extraInfo as $column => $info)
|
||||
<li>{{$column}}: {{$info}}</li>
|
||||
@endforeach
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
@include('admin.fileManager.editForm')
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@stop
|
||||
|
||||
@section('head_stylesheets')
|
||||
<link rel="stylesheet" href="{{asset('/resources/assets/js/vendor/highlightjs/style/default.css')}}">
|
||||
@stop
|
||||
|
||||
@section('javascripts')
|
||||
|
||||
<script type="text/javascript" src="{{asset('/resources/assets/js/vendor/highlightjs/highlight.min.js')}}"></script>
|
||||
|
||||
<script type="text/javascript">
|
||||
hljs.initHighlightingOnLoad();
|
||||
</script>
|
||||
|
||||
@stop
|
||||
@@ -0,0 +1,40 @@
|
||||
<form method="POST" action="{{route('upload.postEdit', ['id' => $file->id])}}" enctype="multipart/form-data">
|
||||
{!! csrf_field() !!}
|
||||
|
||||
<label>
|
||||
@lang('admin/fileManager.name')
|
||||
|
||||
<input type="text" name="name" id="name" value="{{$file->name}}"/>
|
||||
|
||||
@if (isset($errors) && $errors->has('name'))
|
||||
<div class="callout alert">
|
||||
{{ $errors->first('name') }}
|
||||
</div>
|
||||
@endif
|
||||
</label>
|
||||
|
||||
<label>
|
||||
@lang('admin/fileManager.keywords')
|
||||
|
||||
<input type="text" name="keywords" id="keywords" value="{{$file->keywords}}"/>
|
||||
|
||||
@if (isset($errors) && $errors->has('keywords'))
|
||||
<div class="callout alert">
|
||||
{{ $errors->first('keywords') }}
|
||||
</div>
|
||||
@endif
|
||||
</label>
|
||||
|
||||
<label>
|
||||
@lang('admin/fileManager.description')
|
||||
|
||||
<textarea rows="3" name="description" id="description">{{$file->description}}</textarea>
|
||||
</label>
|
||||
|
||||
<button type="submit" class="button primary">@lang('admin/fileManager.editButton')</button>
|
||||
<a href="{{route('upload.delete', ['id' => $file->id])}}" class="button text-center confirm alert pull-right" title="@lang('admin/fileManager.delete')">
|
||||
<i class="fa fa-remove"></i>
|
||||
</a>
|
||||
</form>
|
||||
|
||||
|
||||
@@ -0,0 +1,24 @@
|
||||
<div class="row">
|
||||
@forelse($files as $file)
|
||||
<div class="col-sm-4 col-md-2 text-center file-preview">
|
||||
<div class="preview">
|
||||
<a href="{{route('upload.detail', ['id' => $file->id])}}">
|
||||
{!! \App\Helpers\FileManager::getPreview($file) !!}
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<a href="{{route('upload.detail', ['id' => $file->id])}}">
|
||||
{{str_limit($file->original_filename, 10)}}
|
||||
</a>
|
||||
|
||||
<a href="{{route('upload.delete', ['id' => $file->id])}}" class="btn btn-sm btn-danger"
|
||||
title="@lang('admin/fileManager.delete')">
|
||||
<i class="fa fa-remove"></i>
|
||||
</a>
|
||||
</div>
|
||||
@empty
|
||||
<div class="alert alert-info">
|
||||
<em>@lang('admin/fileManager.noFiles')</em>
|
||||
</div>
|
||||
@endforelse
|
||||
</div>
|
||||
@@ -0,0 +1,20 @@
|
||||
<form method="POST" action="{{route('upload.postFile')}}" enctype="multipart/form-data">
|
||||
{!! csrf_field() !!}
|
||||
|
||||
@if(isset($directory))
|
||||
<input type="hidden" name="directoryId" value="{{$directory->id}}" />
|
||||
@endif
|
||||
|
||||
<input type="file" multiple name="files[]" class="form-control" id="file" />
|
||||
|
||||
<input type="text" name="name" id="name" class="form-control" placeholder="@lang('admin/fileManager.name')"
|
||||
value="{{old('name')}}" />
|
||||
|
||||
<input type="text" name="keywords" placeholder="@lang('admin/fileManager.keywords')" class="form-control"
|
||||
id="keywords" value="{{old('keywords')}}" />
|
||||
|
||||
<textarea rows="3" name="description" class="form-control" placeholder="@lang('admin/fileManager.description')"
|
||||
id="description">{{old('description')}}</textarea>
|
||||
|
||||
<button type="submit" class="btn btn-primary">@lang('admin/fileManager.upload')</button>
|
||||
</form>
|
||||
@@ -0,0 +1,99 @@
|
||||
@extends('admin.layoutWithNavigation')
|
||||
|
||||
@if ($directory->id)
|
||||
@section('pageHeading', @trans('admin/fileManager.directories', ['directory' => $directory->name]))
|
||||
@else
|
||||
@section('pageHeading', @trans('admin/fileManager.rootDirectories'))
|
||||
@endif
|
||||
|
||||
|
||||
@section('content')
|
||||
<div class="row">
|
||||
<div class="col-lg-8">
|
||||
@include('admin.fileManager.directories.subdirectoriesTiles')
|
||||
@include('admin.fileManager.filesTiles')
|
||||
</div>
|
||||
|
||||
<div class="col-lg-4">
|
||||
|
||||
|
||||
<div id="file-manager-controls" role="tablist" aria-multiselectable="true">
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading" role="tab" id="new-file-title">
|
||||
<h5 class="panel-title">
|
||||
<a class="collapsed" data-toggle="collapse" data-parent="#file-manager-controls"
|
||||
href="#new-file" aria-expanded="false" aria-controls="new-file">
|
||||
@lang('admin/fileManager.newFile')
|
||||
</a>
|
||||
</h5>
|
||||
</div>
|
||||
<div id="new-file" class="panel-collapse collapse" role="tabpanel"
|
||||
aria-labelledby="new-file-title">
|
||||
@include('admin.fileManager.newFileForm')
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@if ($directory->id)
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading" role="tab" id="edit-dir-title">
|
||||
<h5 class="panel-title">
|
||||
<a class="collapsed" data-toggle="collapse" data-parent="#file-manager-controls"
|
||||
href="#edit-dir" aria-expanded="false" aria-controls="edit-dir">
|
||||
@lang('admin/fileManager.editDirectory')
|
||||
</a>
|
||||
</h5>
|
||||
</div>
|
||||
<div id="edit-dir" class="panel-collapse collapse" role="tabpanel"
|
||||
aria-labelledby="edit-file-title">
|
||||
@include('admin.fileManager.directories.form', ['action' => route('upload.postEditDirectory', ['id' => $directory->id])])
|
||||
</div>
|
||||
</div>
|
||||
@endif
|
||||
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading" role="tab" id="new-dir-title">
|
||||
<h5 class="panel-title">
|
||||
<a class="collapsed" data-toggle="collapse" data-parent="#file-manager-controls"
|
||||
href="#new-dir" aria-expanded="false" aria-controls="new-dir">
|
||||
@lang('admin/fileManager.newDirectory')
|
||||
</a>
|
||||
</h5>
|
||||
</div>
|
||||
<div id="new-dir" class="panel-collapse collapse" role="tabpanel"
|
||||
aria-labelledby="new-file-title">
|
||||
@include('admin.fileManager.directories.form', ['directory' => new \App\Models\Directory(), 'action' => route('upload.postEditDirectory', ['id' => $directory->id])])
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
{{--<ul class="accordion" data-accordion data-allow-all-closed="true">--}}
|
||||
{{--<li class="accordion-item is-active" data-accordion-item>--}}
|
||||
{{--<a href="#" class="accordion-title">@lang('admin/fileManager.newFile')</a>--}}
|
||||
|
||||
{{--<div class="accordion-content" data-tab-content>--}}
|
||||
{{--@include('admin.fileManager.newFileForm')--}}
|
||||
{{--</div>--}}
|
||||
{{--</li>--}}
|
||||
{{--<li class="accordion-item" data-accordion-item>--}}
|
||||
{{--<a href="#" class="accordion-title">@lang('admin/fileManager.editDirectory')</a>--}}
|
||||
|
||||
{{--<div class="accordion-content" data-tab-content>--}}
|
||||
{{--@include('admin.fileManager.directories.editForm')--}}
|
||||
{{--</div>--}}
|
||||
{{--</li>--}}
|
||||
{{--@endif--}}
|
||||
{{--<li class="accordion-item" data-accordion-item>--}}
|
||||
{{--<a href="#" class="accordion-title">@lang('admin/fileManager.newDirectory')</a>--}}
|
||||
|
||||
{{--<div class="accordion-content" data-tab-content>--}}
|
||||
{{--@include('admin.fileManager.directories.newForm')--}}
|
||||
{{--</div>--}}
|
||||
{{--</li>--}}
|
||||
{{--</ul>--}}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@stop
|
||||
Reference in New Issue
Block a user