FEATURE #1417: add uploaded files overview

resources/assets/css/admin.css

@@ -43,6 +43,32 @@ ins {
 	list-style-type: none;
 }
 
+.tile-overview .item {
+	position: relative;
+	padding-bottom: 3em;
+}
+
+.tile-overview .controls {
+	position: absolute;
+	bottom: 0;
+}
+
+.tile-overview .controls .button {
+	margin-bottom: 0;
+}
+
+.tile-overview .small {
+	font-size: 80%;
+}
+
+.tile-overview .preview {
+	font-size: 350%;
+	text-align: center;
+	line-height: 3em;
+	max-height: 3em;
+	overflow:hidden;
+}
+
 #static-page-overview .page {
 	position: relative;
 	padding-bottom: 3em;

resources/lang/en/admin/fileManager.php

@@ -1,5 +1,6 @@
 <?php
 return [
+    'overview'          => 'List of all files',
     'upload'            => 'Upload new file',
     'newFile'           => 'New file',
     'invalidFile'       => 'The file you submitted is somehow not valid file!',

resources/views/admin/fileManager/overview.blade.php

@@ -0,0 +1,42 @@
+@extends('admin.layout')
+
+@section('pageName', @trans('admin/fileManager.overview'))
+
+@section('content')
+
+    <div class="row">
+        <h2>@lang('admin/fileManager.overview')</h2>
+    </div>
+
+    <div class="row tile-overview" data-equalizer>
+        @forelse($files as $file)
+
+            <div class="columns large-2">
+                <div class="item" data-equalizer-watch>
+                    <div class="preview row" title="{{ \App\Helpers\FileManager::getFormattedSize($file) }}">
+                        {!! \App\Helpers\FileManager::getPreview($file) !!}
+                    </div>
+                    <div class="detail row text-center">
+                        <div class="highlight">
+                            {{str_limit($file->original_filename, 15)}}
+                        </div>
+                        <div class="small">
+                            {{$file->mime_type}}
+                        </div>
+                    </div>
+
+                    <div class="controls row">
+                        <button class="button text-center primary column large-6" title="@lang('admin/fileManager.edit')"><i class="fa fa-edit"></i></button>
+                        <button class="button text-center confirm alert column large-6" title="@lang('admin/fileManager.delete')"><i class="fa fa-remove"></i></button>
+                    </div>
+                </div>
+            </div>
+        @empty
+            <em>@lang('admin/fileManager.noFiles')</em>
+        @endforelse
+    </div>
+
+    <div class="row">
+        {!! $files->render() !!}
+    </div>
+@stop