initial setup for non-images in viewer

Author: samsep

src/.DS_Store

@@ -19,6 +19,10 @@ ImageViewerController = ->
 
     vm.onFileChange({file: vm.file}) if vm.onFileChange
 
+  vm.isImage =  ->
+    pattern = new RegExp('image.*')
+    pattern.test(vm.file.type)
+
   vm.viewNext = ->
     update(vm.currentIndex + 1)
 

src/images/file-icon.svg

@@ -46,6 +46,17 @@ image-slide-viewer {
             max-width: 100%;
             max-height: 100%;
           }
+
+          .file-preview {
+            background-color: $gray;
+            height: 148px;
+            width: 148px;
+
+            img {
+              height: 35px;
+              width: 35px;
+            }
+          }
         }
 
         &.fit {

src/scripts/controllers/image-viewer.controller.coffee

@@ -10,7 +10,10 @@ main.flex.column.light-bg
         button.clean.icon.arrow
 
     .image-container.flex-grow(ng-class="{ 'small' : !vm.largeImage, 'fit' : vm.largeImage && !vm.zoom, 'full elevated': vm.largeImage && vm.zoom }")
-      img.preview-image(ng-src="{{vm.file.url}}" ng-click="vm.toggleZoom()" ng-class="{ 'elevated': !vm.largeImage || (vm.largeImage && !vm.zoom) }")
+      img.preview-image(ng-if="vm.isImage()" ng-src="{{vm.file.url}}" ng-click="vm.toggleZoom()" ng-class="{ 'elevated': !vm.largeImage || (vm.largeImage && !vm.zoom) }")
+
+      a.file-preview.flex.center.middle(ng-if="!vm.isImage()")
+        img(ng-src=require('../images/file-icon.svg'))
 
     .next.flex
       a.arrow-next(ng-class="{invisible: !vm.nextFile}" ng-click="vm.viewNext()")