v1.0.7

 - Support for `previewTemplate` (Fix: #4)
 - Support for `uploadTemplate` (Fix: #4)
 - Dependencies update

Author: dr-dimitru

README.md

@@ -49,7 +49,9 @@ Schemas.Posts = new SimpleSchema({
     autoform: {
       afFieldInput: {
         type: 'fileUpload',
-        collection: 'Images'
+        collection: 'Images',
+        uploadTemplate: 'uploadField' // <- Optional
+        previewTemplate: 'uploadPreview' // <- Optional
       }
     }
   }
@@ -96,12 +98,11 @@ Schemas.Posts = new SimpleSchema({
 })
 ```
 
-### Custom file preview /// need to work on this
+### Custom file preview
 
 Your custom file preview template data context will be:
 
-- *file* - FS.File instance
-- *atts* - autoform atts
+- *file* - fileObj instance
 
 ```javascript
 picture: {
@@ -116,6 +117,28 @@ picture: {
 }
 ```
 
+### Custom upload template
+
+Your custom file upload template data context will be:
+
+- *file* - FS.File instance
+- *progress*
+- *status*
+- Other fields from [`FileUpload` instance](https://github.com/VeliovGroup/Meteor-Files/wiki/Insert-(Upload)#fileupload-methods-and-properties)
+
+```javascript
+picture: {
+  type: String,
+  autoform: {
+    afFieldInput: {
+      type: 'fileUpload',
+      collection: 'Images',
+      uploadTemplate: 'myFileUpload'
+    }
+  }
+}
+```
+
 ```html
 <template name="myFilePreview">
   <a href="{{fileURL file}}">{{file.original.name}}</a>

lib/client/fileUpload.html

@@ -1,23 +1,31 @@
 <template name="afFileUpload">
   <input value="{{fileId}}" type="hidden" {{this.atts}}>
   {{#with uploadedFile}}
-    <div>
-      {{#if isImage}}
-        {{> uploadImageDemo}}
-      {{else}}
-        {{> uploadFileDemo}}
-      {{/if}}
-    </div>
-    <a data-reset-file href="#" style="display:none">Reset</a>
-    <a data-remove-file href="#">Remove</a>
+    {{#if previewTemplate}}
+      {{>Template.dynamic template=previewTemplate}}
+    {{else}}
+      <div>
+        {{#if isImage}}
+          {{> uploadImageDemo}}
+        {{else}}
+          {{> uploadFileDemo}}
+        {{/if}}
+      </div>
+      <a data-reset-file href="#" style="display:none">Reset</a>
+      <a data-remove-file href="#">Remove</a>
+    {{/if}}
   {{else}}
-    {{#with currentUpload}}
-      Uploading <b>{{file.name}}</b>:
-      <progress value="{{progress.get}}" max="100"></progress>
-      &nbsp;
-      <span class="progress">{{progress.get}}%</span>
+    {{#if uploadTemplate}}
+      {{>Template.dynamic template=uploadTemplate data=currentUpload}}
     {{else}}
-      <input data-files-collection-upload class="form-control af-file-upload-capture" type="file" />
-    {{/with}}
+      {{#with currentUpload}}
+        Uploading <b>{{file.name}}</b>:
+        <progress value="{{progress.get}}" max="100"></progress>
+        &nbsp;
+        <span class="progress">{{progress.get}}%</span>
+      {{else}}
+        <input data-files-collection-upload class="form-control af-file-upload-capture" type="file" />
+      {{/with}}
+    {{/if}}
   {{/with}}
 </template>

lib/client/fileUpload.js

@@ -1,12 +1,16 @@
 Template.afFileUpload.onCreated(function () {
   var self = this;
+
   if (!this.data) {
     this.data = {
       atts: {}
     };
   }
 
-  this.collection = Meteor.connection._mongo_livedata_collections[this.data.atts.collection];
+  this.collection      = Meteor.connection._mongo_livedata_collections[this.data.atts.collection];
+  this.uploadTemplate  = this.data.atts.uploadTemplate || null;
+  this.previewTemplate = this.data.atts.previewTemplate || null;
+
   if (!this.collection) {
     throw new Meteor.Error(404, '[meteor-autoform-files] No such collection "' + this.data.atts.collection + '"');
   }
@@ -22,6 +26,12 @@ Template.afFileUpload.onCreated(function () {
 });
 
 Template.afFileUpload.helpers({
+  previewTemplate: function () {
+    return Template.instance().previewTemplate;
+  },
+  uploadTemplate: function () {
+    return Template.instance().uploadTemplate;
+  },
   currentUpload: function () {
     return Template.instance().currentUpload.get();
   },

package.js

@@ -2,7 +2,7 @@ Package.describe({
   name: "ostrio:autoform-files",
   summary: "File upload for AutoForm using ostrio:files",
   description: "File upload for AutoForm using ostrio:files",
-  version: "1.0.6",
+  version: "1.0.7",
   git: "https://github.com/VeliovGroup/meteor-autoform-file.git"
 });
 
@@ -15,7 +15,7 @@ Package.onUse(function(api) {
     'reactive-var',
     'templating',
     'aldeed:autoform@5.8.1',
-    'ostrio:files@1.7.1'
+    'ostrio:files@1.7.3'
   ]);
 
   api.addFiles([