support previewing selected files(only icons)

Author: streamtw

public/css/lfm.css

@@ -91,6 +91,7 @@ a {
   background-position: center;
   background-size: contain;
   background-repeat: no-repeat;
+  margin: 0 auto;
 }
 
 /* Loader */

public/js/script.js

@@ -389,9 +389,13 @@ function preview(items) {
   items.forEach(function (item, index) {
     var carouselItem = imageTemplate.clone()
       .addClass(index === 0 ? 'active' : '');
-    carouselItem.find('.carousel-image')
-      // .addClass('mime-icon ico-' + item.icon);
-      .css('background-image', 'url(\'' + item.url + '?timestamp=' + item.time + '\')');
+
+    if (item.thumb_url) {
+      carouselItem.find('.carousel-image').css('background-image', 'url(\'' + item.url + '?timestamp=' + item.time + '\')');
+    } else {
+      carouselItem.find('.carousel-image').css('width', '50vh').append($('<div>').addClass('mime-icon ico-' + item.icon));
+    }
+
     carousel.children('.carousel-inner').append(carouselItem);
 
     var carouselIndicator = indicatorTemplate.clone()