FEATURE: added image preview for image uploads

assets/javascripts/wizard/components/wizard-field-upload.js.es6

@@ -4,6 +4,7 @@ import { getToken } from "wizard/lib/ajax";
 export default Ember.Component.extend({
   classNames: ["wizard-field-upload"],
   uploading: false,
+  isImage: false,
 
   didInsertElement() {
     this._super();
@@ -30,6 +31,12 @@ export default Ember.Component.extend({
         "field.value": response.result,
         "uploading": false
       });
+      console.log (response.result);
+      if (['jpg','jpeg','png','gif'].includes(response.result.extension)) {
+        this.setProperties({
+          "isImage": true
+        })
+      }
     });
 
     $upload.on("fileuploadfail", (e, response) => {

assets/javascripts/wizard/templates/components/wizard-field-upload.hbs

@@ -11,6 +11,10 @@
 
 {{#if field.value}}
   <a href="{{field.value.url}}" class="filename">
-    {{field.value.original_filename}}
+    {{#unless isImage}}
+      {{field.value.original_filename}}
+    {{else}}
+      <img src={{field.value.url}}  class="wizard-image-preview">
+    {{/unless}}
   </a>
 {{/if}}