autoform integration

Author: Neobii

README.md

@@ -49,7 +49,6 @@ Schemas.Posts = new SimpleSchema({
       afFieldInput: {
         type: 'fileUpload',
         collection: 'Images',
-        label: 'Choose file' # optional
       }
     }
   }
@@ -76,7 +75,7 @@ or
 {{/autoForm}}
 ```
 
-### Multiple images
+### Multiple images //does not support yet
 If you want to use an array of images inside you have to define the autoform on on the [schema key](https://github.com/aldeed/meteor-simple-schema#schema-keys)
 
 ```javascript
@@ -100,33 +99,7 @@ Schemas.Posts = new SimpleSchema({
 })
 ```
 
-### Customization
-You can customize the button / remove text.
-
-Defaults:
-```
-{{> afFieldInput name="picture" label="Choose file" remove-label="Remove"}}
-```
-
-Also it is possible to customize accept attribute
-
-add it in your schema definition:
-```javascript
-picture: {
-  type: String,
-  autoform: {
-    afFieldInput: {
-      type: 'fileUpload',
-      collection: 'Images',
-      accept: 'image/*',
-      label: 'Choose file' # optional
-    }
-  }
-}
-
-```
-
-### Custom file preview
+### Custom file preview /// need to work on this
 
 Your custom file preview template data context will be:
 
@@ -151,61 +124,3 @@ picture: {
   <a href="{{file.url}}">{{file.original.name}}</a>
 </template>
 ```
-
-### Custom select/remove file buttons
-
-Remember to add `js-af-select-file` and `js-af-remove-file` classes to nodes which should fire an event on click.
-
-```javascript
-picture: {
-  type: String,
-  autoform: {
-    afFieldInput: {
-      type: 'fileUpload',
-      collection: 'Images',
-      selectFileBtnTemplate: 'mySelectFileBtn',
-      removeFileBtnTemplate: 'myRemoveFileBtn'
-    }
-  }
-}
-```
-
-```html
-<template name="mySelectFileBtn">
-  <button type="button" class="js-af-select-file">Upload file</button>
-</template>
-
-<template name="myRemoveFileBtn">
-  <button type="button" class="js-af-remove-file">Remove</button>
-</template>
-```
-
-### Callbacks
-
-**onBeforeInsert** - can be used to modify file (remember to return fileObj)
-
-**onAfterInsert** - called after insert with two arguments: error object and file object
-
-Please note that callback properties are functions that return callbacks. This is because autoform evaluates function attributes first.
-
-```javascript
-picture: {
-  type: String,
-  autoform: {
-    afFieldInput: {
-      type: 'fileUpload',
-      collection: 'Images',
-      onBeforeInsert(fileObj) {
-        fileObj.name = 'picture.png';
-        fileObj
-      },
-      onAfterInsert(err, fileObj) {
-        if err
-          alert 'Error'
-        else
-          alert 'Upload successful'
-      }
-    }   
-  }
-}
-```

lib/client/autoform-file.coffee

@@ -0,0 +1,3 @@
+AutoForm.addInputType("fileUpload", {
+  template: "afFileUpload",
+});

lib/client/autoform-file.html

@@ -0,0 +1,20 @@
+<template name="afFileUpload">
+<input value="{{fileId}}" type="hidden" {{this.atts}}>
+{{#if $gt uploadedFile.count 0}}
+{{#each uploadedFile}}
+  <div>
+ {{> uploadImageDemo}}
+ </div>
+ <a data-action="remove-file">Remove</a>
+{{/each}}
+{{else}}
+  {{#if currentUpload}}
+  {{#with currentUpload}}
+    Uploading <b>{{file.name}}</b>: 
+    <span class="progress">{{progress}}%</span>
+  {{/with}}
+  {{else}}
+  <input class="form-control af-file-upload-capture" type="file"/><!-- ability to add accept="image/*" capture="camera"-->
+  {{/if}}
+{{/if}}
+</template>