FEATURE: make file overview nicer

app/Helpers/FileManager.php

@@ -27,24 +27,37 @@ class FileManager
                 return '<img src="' . $url . '" alt="' . $file->description . '" />';
                 break;
             case 'text':
-                return '<i class="fa fa-2x fa-file-text-o"></i>';
+                return self::getIcon($file, 'fa-file-text-o');
                 break;
             case 'application':
                 switch ($subtype) {
                     case 'pdf':
-                        return '<i class="fa fa-2x fa-file-pdf-o"></i>';
+                        return self::getIcon($file, 'fa-file-pdf-o');
                         break;
                     default:
-                        return '<i class="fa fa-2x fa-newspaper-o"></i>';
+                        return self::getIcon($file, 'fa-newspaper-o');
                         break;
                 }
                 break;
             default:
-                return '<i class="fa fa-2x fa-question"></i>';
+                return self::getIcon($file, 'fa-question');
                 break;
         }
     }
 
+    /**
+     * Shortcut for displaying icons
+     *
+     * @param $file
+     * @param $icon
+     *
+     * @return string
+     */
+    protected static function getIcon($file, $icon)
+    {
+        return '<p><i class="fa fa-2x ' . $icon . '"></i><br /><span>' . e(str_limit($file->original_filename, 15)) . '</span></p>';
+    }
+
     /**
      *
      *

resources/assets/admin/css/vendor.css

@@ -14390,4 +14390,21 @@ img {
 
 .card .card-header .title small {
 	padding-left: 10px;
+}
+.card.file-preview .card-block  {
+	padding: 0;
+	height: 6em;
+	overflow: hidden;
+}
+
+.card.file-preview .card-block p {
+	padding: 1em 5px;
+}
+
+.card.file-preview .card-footer {
+	padding: 5px !important;
+}
+
+.card.file-preview .card-block img {
+	width: 100%;
 }

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

@@ -1,26 +1,17 @@
 <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>
 
-            <div>
-                <a href="{{route('upload.detail', ['id' => $file->id])}}">
-                    {{str_limit($file->original_filename, 10)}}
-                </a>
-            </div>
-
-
-            @if(!isset($hideDelete) || !$hideDelete)
-                <a href="{{route('upload.delete', ['id' => $file->id])}}" data-toggle="tooltip"
-                   class="btn btn-sm rounded btn-danger confirm"
-                   title="@lang('admin/fileManager.delete')">
+        <div class="col-sm-4 col-md-2 text-center">
+            @include('admin.snippets.card', [
+            'body' => '<a href="'.route('upload.detail', ['id' => $file->id]).'">'.\App\Helpers\FileManager::getPreview($file).'</a>',
+            'footerClass' => 'text-right',
+            'cardClass' => 'file-preview',
+            'footer' => (!isset($hideDelete) || !$hideDelete) ? '<a href="'.route('upload.delete', ['id' => $file->id]).'" data-toggle="tooltip"
+                   class="btn btn-sm btn-danger confirm"
+                   title="'.trans('admin/fileManager.delete').'">
                     <i class="fa fa-trash"></i>
-                </a>
-            @endif
+                </a>' : '',
+        ])
         </div>
     @empty
         <div class="alert alert-info">

resources/views/admin/snippets/card.blade.php

@@ -1,9 +1,11 @@
-<div class="card {{isset($type) ? 'card-'.$type : 'card-default'}}">
+<div class="card {{isset($type) ? 'card-'.$type : 'card-default'}}  {{$cardClass or ''}}">
+    @if(!empty($title))
     <div class="card-header">
         <div class="header-block">
             <p class="title"> {!! $title !!} </p>
         </div>
     </div>
+    @endif
     <div class="card-block">
         {!! $body !!}
     </div>