Add accept attribute to html input.

Author: jimmiebtlr

.versions

@@ -14,7 +14,7 @@ ddp@1.1.0
 deps@1.0.7
 edgee:slingshot@0.6.2
 ejson@1.0.6
-elevatedevdesign:autoform-slingshot@0.0.3
+elevatedevdesign:autoform-slingshot@0.0.4
 geojson-utils@1.0.3
 html-tools@1.0.4
 htmljs@1.0.4
@@ -23,7 +23,7 @@ jquery@1.11.3_2
 json@1.0.3
 less@1.0.14
 livedata@1.0.13
-local-test:elevatedevdesign:autoform-slingshot@0.0.3
+local-test:elevatedevdesign:autoform-slingshot@0.0.4
 logging@1.0.7
 meteor@1.1.6
 minifiers@1.1.5

README.md

@@ -37,6 +37,8 @@ Type can also be
 * `String`
 * `[afSlingshot.fileSchema]`
 
+### Allowed File Types
+Allowed file types is pulled from the first directive defined.
 
 ## TODO
 * The big one - Show errors

demo/.meteor/versions

@@ -33,7 +33,7 @@ deps@1.0.7
 djedi:sanitize-html@1.7.0
 edgee:slingshot@0.7.1
 ejson@1.0.6
-elevatedevdesign:autoform-slingshot@0.0.3
+elevatedevdesign:autoform-slingshot@0.0.4
 email@1.0.6
 fastclick@1.0.3
 fortawesome:fontawesome@4.3.0

demo/lib/collections/files.js

@@ -1,5 +1,15 @@
 Schema = {};
 
+Slingshot.fileRestrictions("files", {
+  allowedFileTypes: ["image/png", "image/jpeg", "image/gif"],
+  maxSize: 10 * 1024 * 1024 // 10 MB (use null for unlimited).
+});
+
+Slingshot.fileRestrictions("thumbnails", {
+  allowedFileTypes: ["image/png", "image/jpeg", "image/gif"],
+  maxSize: 1024 * 1024 // 10 MB (use null for unlimited).
+});
+
 if (Meteor.isServer) {
   Slingshot.createDirective('files', Slingshot.S3Storage, {
     bucket: Meteor.settings.public.files.bucket,
@@ -13,9 +23,7 @@ if (Meteor.isServer) {
     key: function(file) {
       var key = Meteor.uuid();
       return key;
-    },
-    allowedFileTypes: null,
-    maxSize: 1024 * 1024 * 10
+    }
   });
   Slingshot.createDirective('thumbnails', Slingshot.S3Storage, {
     bucket: Meteor.settings.public.files.bucket,
@@ -29,9 +37,7 @@ if (Meteor.isServer) {
     key: function(file) {
       var key = Meteor.uuid();
       return key;
-    },
-    allowedFileTypes: null,
-    maxSize: 1024 * 1024
+    }
   });
 }
 

model.js

@@ -108,3 +108,9 @@ afSlingshot.Model.prototype.data = function() {
   });
   return data;
 };
+
+afSlingshot.Model.prototype.allowedFileTypes = function() {
+  var firstDirective = this._config.directives[0];
+  var restriction = Slingshot.getRestrictions( firstDirective.name );
+  return restriction.allowedFileTypes;
+};

template.html

@@ -52,6 +52,6 @@ <h4>{{filename}}</h4>
   {{/if}}
 
   <!-- Actual file input -->
-  <input type="file" accept="{{accept}}" style="display: none;" multiple="{{config.multipleUpload}}"/>
+  <input type="file" accept="{{allowedFileTypes}}" style="display: none;" multiple="{{config.multipleUpload}}"/>
 </div>
 </template>

template.js

@@ -96,8 +96,10 @@ Template.afSlingshot.helpers({
     var t = Template.instance();
     return t._config;
   },
-  accept: function() {
-    // TODO add directive accepts
+  allowedFileTypes: function() {
+    var t = Template.instance();
+    var allowedFileTypes = t.afSlingshot.allowedFileTypes();
+    return allowedFileTypes;
   },
   files: function() {
     var t = Template.instance();