validation error messages

Author: Neobii

lib/client/autoform.js

@@ -1,3 +1,5 @@
 AutoForm.addInputType("fileUpload", {
   template: "afFileUpload"
-});
+});
+
+SimpleSchema.messages({wrongFileType: "wrong file type", fileToBig: "Your filesize is too big!"})

lib/client/fileUpload.html

@@ -15,9 +15,6 @@
       <span class="progress">{{progress}}%</span>
     {{else}}
       <input data-files-collection-upload class="form-control af-file-upload-capture" type="file" />
-      {{#if error}}
-        <span class="help-block">{{error}}</span>
-      {{/if}}
     {{/with}}
   {{/with}}
 </template>

lib/client/fileUpload.js

@@ -4,6 +4,7 @@ Template.afFileUpload.onCreated(function () {
     throw new Meteor.Error(404, '[meteor-autoform-files] No such collection "' + this.data.atts.collection + '"');
   }
   this.collectionName = () => this.data.atts.collection
+  this.inputName = this.data.name;
   this.currentUpload  = new ReactiveVar(false);
   this.fileId         = new ReactiveVar(this.data.value);
   this.error          = new ReactiveVar(false);
@@ -21,9 +22,6 @@ Template.afFileUpload.helpers({
     return global[Template.instance().collectionName()].findOne({
       _id: Template.instance().fileId.get()
     });
-  },
-  error() {
-    return Template.instance().error.get();
   }
 });
 
@@ -39,7 +37,7 @@ Template.afFileUpload.events({
     if (e.currentTarget.files && e.currentTarget.files[0]) {
       const input  = $(e.currentTarget);
       const parent = input.parent('.form-group');
-      parent.removeClass('has-error');
+      //parent.removeClass('has-error');
       const upload = global[template.collectionName()].insert({
         file: e.currentTarget.files[0],
         streams: 'dynamic',
@@ -52,11 +50,8 @@ Template.afFileUpload.events({
       });
 
       upload.on('error', function (error) {
-        template.error.set(error.reason);
+        AutoForm.getValidationContext().addInvalidKeys([{name: Template.instance().inputName, type: "wrongFileType", value: ""}])
         input.val('');
-        if (parent[0]) {
-          parent.addClass('has-error');
-        }
         return;
       });