Initial commit

Author: jkutianski

autoform-datemask.html

@@ -0,0 +1,3 @@
+<template name="afDateMask">
+  <input type="text" value="{{this.value}}" {{atts}}/>
+</template>

autoform-datemask.js

@@ -0,0 +1,70 @@
+/* global AutoForm, moment */
+/* jshint esversion: 6 */
+
+
+let options = {};
+
+AutoForm.addInputType('datemask', {
+  template: 'afDateMask',
+  valueOut: function afDateMaskValOut() {
+
+    if (this.val() === '') {
+      return this.val();
+    }
+
+    const val = moment(this.val(), options.format);
+
+    if (
+      val._isValid &&
+      typeof options.minlength === 'number' &&
+      val._i.length >= options.minlength
+    ) {
+      return val.toDate();
+    }
+
+    return new Date('invalid');
+  },
+  valueConverters: {
+    string: function dateToDateString(val) {
+      return (val instanceof Date) ? moment(val).format(options.format) : val;
+    },
+    stringArray: function dateTostringArray(val) {
+      return (val instanceof Date) ? [this.valueConverters.string] : val;
+    }
+  },
+  contextAdjust: function afDateMaskCtxAjst(ctx) {
+    options = {
+      mask: ctx.atts.mask,
+      maskoptions: ctx.atts.maskoptions,
+      format: ctx.atts.format,
+      minlength: ctx.atts.minlength,
+    };
+
+    delete ctx.atts.mask;
+    delete ctx.atts.maskoptions;
+    delete ctx.atts.format;
+    delete ctx.atts.minlength;
+
+    return ctx;
+  }
+});
+
+
+Template.afDateMask.helpers({
+  atts: function afDateMaskAtts() {
+    let atts = _.clone(this.atts);
+
+    if (AutoForm.getDefaultTemplate() === 'bootstrap3') {
+      // Add bootstrap class
+      atts = AutoForm.Utility.addClass(atts, "form-control");
+    }
+
+    return atts;
+  }
+});
+
+Template.afDateMask.onRendered(function onRendered() {
+  const $input = this.$(':input');
+
+  $input.mask(options.mask, options.maskoptions);
+});

package.js

@@ -0,0 +1,22 @@
+Package.describe({
+  name: 'jkutianski:autoform-datemask',
+  summary: 'Custom date mask input type for AutoForm',
+  version: '0.0.1'
+});
+
+Package.onUse(function(api) {
+  api.use([
+    'ecmascript',
+    '[email protected]',
+    '[email protected]',
+    '[email protected]',
+    'momentjs:[email protected]',
+    'aldeed:[email protected]',
+    'igorescobar:jquery-mask-plugin'
+  ], 'client');
+
+  api.addFiles([
+    'autoform-datemask.html',
+    'autoform-datemask.js'
+  ], 'client');
+});