apply mime icon generator

streamtw · streamtw · commit 88fd633d4107 · 2018-01-30T17:52:21.000+08:00
diff --git a/public/css/lfm.css b/public/css/lfm.css
@@ -62,6 +62,13 @@ a {
   font-size: 10rem;
 }
 
+/* Mime icon generator overwrite */
+
+.mime-icon:before {
+  top: calc(45% - 1rem);
+  font-size: 2rem;
+}
+
 /* Loader */
 
 #lfm-loader {
diff --git a/public/css/mime-icons.min.css b/public/css/mime-icons.min.css
diff --git a/public/js/script.js b/public/js/script.js
@@ -311,9 +311,9 @@ function loadItems() {
             .attr('data-id', index);
 
           if (item.thumb_url) {
-            var image = $('<div>').css('background-image', 'url("' + item.thumb_url + '?timestamp=' + item.time + '")')
+            var image = $('<div>').css('background-image', 'url("' + item.thumb_url + '?timestamp=' + item.time + '")');
           } else {
-            var image = $('<i>').addClass('fa fa-5x ' + item.icon)
+            var image = $('<div>').addClass('mime-icon ico-' + item.icon);
           }
 
           template.find('.square').append(image);
diff --git a/src/LfmItem.php b/src/LfmItem.php
@@ -131,7 +131,7 @@ public function icon()
             return 'fa-image';
         }
 
-        return $this->helper->getFileIcon($this->extension());
+        return $this->extension();
     }
 
     public function type()
diff --git a/src/views/index.blade.php b/src/views/index.blade.php
@@ -16,13 +16,14 @@
   <link rel="shortcut icon" type="image/png" href="{{ asset('vendor/laravel-filemanager/img/folder.png') }}">
   <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css">
   <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
+  <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.css">
   <link rel="stylesheet" href="{{ asset('vendor/laravel-filemanager/css/cropper.min.css') }}">
+  <link rel="stylesheet" href="{{ asset('vendor/laravel-filemanager/css/mfb.css') }}">
+  <link rel="stylesheet" href="{{ asset('vendor/laravel-filemanager/css/dropzone.min.css') }}">
+  <link rel="stylesheet" href="{{ asset('vendor/laravel-filemanager/css/mime-icons.min.css') }}">
   <style>{!! \File::get(base_path('vendor/unisharp/laravel-filemanager/public/css/lfm.css')) !!}</style>
   {{-- Use the line below instead of the above if you need to cache the css. --}}
   {{-- <link rel="stylesheet" href="{{ asset('/vendor/laravel-filemanager/css/lfm.css') }}"> --}}
-  <link rel="stylesheet" href="{{ asset('vendor/laravel-filemanager/css/mfb.css') }}">
-  <link rel="stylesheet" href="{{ asset('vendor/laravel-filemanager/css/dropzone.min.css') }}">
-  <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.css">
 </head>
 <body>
   <nav class="navbar sticky-top navbar-expand-lg navbar-dark" id="nav">

Original file line number	Diff line number	Diff line change
`@@ -131,7 +131,7 @@ public function icon()`
`131`	`131`	`return 'fa-image';`
`132`	`132`	`}`
`133`	`133`
`134`		`- return $this->helper->getFileIcon($this->extension());`
	`134`	`+ return $this->extension();`
`135`	`135`	`}`
`136`	`136`
`137`	`137`	`public function type()`