Created
October 30, 2013 22:31
-
-
Save dschmidt/7241498 to your computer and use it in GitHub Desktop.
easyform and validation builds
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // ========================================================================== | |
| // Project: Ember EasyForm | |
| // Copyright: Copyright 2013 DockYard, LLC. and contributors. | |
| // License: Licensed under MIT license (see license.js) | |
| // ========================================================================== | |
| // Version: 1.0.0.beta.1 | |
| (function() { | |
| Ember.EasyForm = Ember.Namespace.create({ | |
| VERSION: '1.0.0.beta.1' | |
| }); | |
| })(); | |
| (function() { | |
| Ember.EasyForm.Config = Ember.Namespace.create({ | |
| _wrappers: { | |
| 'default': { | |
| formClass: '', | |
| fieldErrorClass: 'fieldWithErrors', | |
| inputClass: 'input', | |
| errorClass: 'error', | |
| hintClass: 'hint', | |
| labelClass: '', | |
| wrapControls: false, | |
| controlsWrapperClass: '' | |
| } | |
| }, | |
| _inputTypes: {}, | |
| registerWrapper: function(name, wrapper) { | |
| this._wrappers[name] = Ember.$.extend({}, this._wrappers['default'], wrapper); | |
| }, | |
| getWrapper: function(name) { | |
| var wrapper = this._wrappers[name]; | |
| Ember.assert("The wrapper '" + name + "' was not registered.", wrapper); | |
| return wrapper; | |
| }, | |
| registerInputType: function(name, type){ | |
| this._inputTypes[name] = type; | |
| }, | |
| getInputType: function(name) { | |
| return this._inputTypes[name]; | |
| } | |
| }); | |
| })(); | |
| (function() { | |
| Ember.Handlebars.registerHelper('error-field', function(property, options) { | |
| options = Ember.EasyForm.processOptions(property, options); | |
| if (options.hash.propertyBinding) { | |
| options.hash.property = Ember.Handlebars.get(this, options.hash.propertyBinding, options); | |
| } | |
| return Ember.Handlebars.helpers.view.call(this, Ember.EasyForm.Error, options); | |
| }); | |
| })(); | |
| (function() { | |
| Ember.Handlebars.registerHelper('form-for', function(object, options) { | |
| options.hash.contentBinding = object; | |
| return Ember.Handlebars.helpers.view.call(this, Ember.EasyForm.Form, options); | |
| }); | |
| })(); | |
| (function() { | |
| Ember.Handlebars.registerHelper('hint-field', function(property, options) { | |
| options = Ember.EasyForm.processOptions(property, options); | |
| if (options.hash.text || options.hash.textBinding) { | |
| return Ember.Handlebars.helpers.view.call(this, Ember.EasyForm.Hint, options); | |
| } | |
| }); | |
| })(); | |
| (function() { | |
| Ember.Handlebars.registerHelper('input', function(property, options) { | |
| options = Ember.EasyForm.processOptions(property, options); | |
| options.hash.isBlock = !!(options.fn); | |
| return Ember.Handlebars.helpers.view.call(this, Ember.EasyForm.Input, options); | |
| }); | |
| })(); | |
| (function() { | |
| Ember.Handlebars.registerHelper('input-field', function(property, options) { | |
| options = Ember.EasyForm.processOptions(property, options); | |
| if (options.hash.propertyBinding) { | |
| options.hash.property = Ember.Handlebars.get(this, options.hash.propertyBinding, options); | |
| } | |
| if (options.hash.inputOptionsBinding) { | |
| options.hash.inputOptions = Ember.Handlebars.get(this, options.hash.inputOptionsBinding, options); | |
| } | |
| property = options.hash.property; | |
| var context = this, | |
| propertyType = function(property) { | |
| var constructor = (context.get('content') || context).constructor; | |
| if (constructor.proto) { | |
| return Ember.meta(constructor.proto(), false).descs[property]; | |
| } else { | |
| return null; | |
| } | |
| }; | |
| options.hash.valueBinding = property; | |
| options.hash.viewName = 'input-field-'+options.data.view.elementId; | |
| if (options.hash.inputOptions) { | |
| var inputOptions = options.hash.inputOptions, optionName; | |
| for (optionName in inputOptions) { | |
| if (inputOptions.hasOwnProperty(optionName)) { | |
| options.hash[optionName] = inputOptions[optionName]; | |
| } | |
| } | |
| delete options.hash.inputOptions; | |
| } | |
| if (options.hash.as === 'text') { | |
| return Ember.Handlebars.helpers.view.call(context, Ember.EasyForm.TextArea, options); | |
| } else if (options.hash.as === 'select') { | |
| delete(options.hash.valueBinding); | |
| options.hash.contentBinding = options.hash.collection; | |
| options.hash.selectionBinding = options.hash.selection; | |
| options.hash.valueBinding = options.hash.value; | |
| if (Ember.isNone(options.hash.selectionBinding) && Ember.isNone(options.hash.valueBinding)) { | |
| options.hash.selectionBinding = property; | |
| } | |
| return Ember.Handlebars.helpers.view.call(context, Ember.EasyForm.Select, options); | |
| } else if (options.hash.as === 'checkbox') { | |
| if (Ember.isNone(options.hash.checkedBinding)) { | |
| options.hash.checkedBinding = property; | |
| } | |
| return Ember.Handlebars.helpers.view.call(context, Ember.EasyForm.Checkbox, options); | |
| } else { | |
| if (!options.hash.as) { | |
| if (property.match(/password/)) { | |
| options.hash.type = 'password'; | |
| } else if (property.match(/email/)) { | |
| options.hash.type = 'email'; | |
| } else if (property.match(/url/)) { | |
| options.hash.type = 'url'; | |
| } else if (property.match(/color/)) { | |
| options.hash.type = 'color'; | |
| } else if (property.match(/^tel/)) { | |
| options.hash.type = 'tel'; | |
| } else if (property.match(/search/)) { | |
| options.hash.type = 'search'; | |
| } else { | |
| if (propertyType(property) === 'number' || typeof(context.get(property)) === 'number') { | |
| options.hash.type = 'number'; | |
| } else if (propertyType(property) === 'date' || (!Ember.isNone(context.get(property)) && context.get(property).constructor === Date)) { | |
| options.hash.type = 'date'; | |
| } else if (propertyType(property) === 'boolean' || (!Ember.isNone(context.get(property)) && context.get(property).constructor === Boolean)) { | |
| options.hash.checkedBinding = property; | |
| return Ember.Handlebars.helpers.view.call(context, Ember.EasyForm.Checkbox, options); | |
| } | |
| } | |
| } else { | |
| var inputType = Ember.EasyForm.Config.getInputType(options.hash.as); | |
| if (inputType) { | |
| return Ember.Handlebars.helpers.view.call(context, inputType, options); | |
| } | |
| options.hash.type = options.hash.as; | |
| } | |
| return Ember.Handlebars.helpers.view.call(context, Ember.EasyForm.TextField, options); | |
| } | |
| }); | |
| })(); | |
| (function() { | |
| Ember.Handlebars.registerHelper('label-field', function(property, options) { | |
| options = Ember.EasyForm.processOptions(property, options); | |
| options.hash.viewName = 'label-field-'+options.data.view.elementId; | |
| return Ember.Handlebars.helpers.view.call(this, Ember.EasyForm.Label, options); | |
| }); | |
| })(); | |
| (function() { | |
| Ember.Handlebars.registerHelper('submit', function(value, options) { | |
| if (typeof(value) === 'object') { | |
| options = value; | |
| value = undefined; | |
| } | |
| options.hash.context = this; | |
| options.hash.value = value || 'Submit'; | |
| return (options.hash.as === 'button') ? | |
| Ember.Handlebars.helpers.view.call(this, Ember.EasyForm.Button, options) | |
| : | |
| Ember.Handlebars.helpers.view.call(this, Ember.EasyForm.Submit, options); | |
| }); | |
| })(); | |
| (function() { | |
| })(); | |
| (function() { | |
| Ember.EasyForm.BaseView = Ember.View.extend({ | |
| getWrapperConfig: function(configName) { | |
| var wrapper = Ember.EasyForm.Config.getWrapper(this.get('wrapper')); | |
| return wrapper[configName]; | |
| }, | |
| wrapper: Ember.computed(function() { | |
| // Find the first parent with 'wrapper' defined. | |
| var parentView = this.get('parentView'); | |
| while(parentView){ | |
| var config = parentView.get('wrapper'); | |
| if (config) return config; | |
| parentView = parentView.get('parentView'); | |
| } | |
| return 'default'; | |
| }) | |
| }); | |
| })(); | |
| (function() { | |
| Ember.EasyForm.Checkbox = Ember.Checkbox.extend(); | |
| })(); | |
| (function() { | |
| Ember.EasyForm.Error = Ember.EasyForm.BaseView.extend({ | |
| tagName: 'span', | |
| init: function() { | |
| this._super(); | |
| this.classNames.push(this.getWrapperConfig('errorClass')); | |
| Ember.Binding.from('context.errors.' + this.property).to('errors').connect(this); | |
| }, | |
| templateName: 'easyForm/error' | |
| }); | |
| })(); | |
| (function() { | |
| Ember.EasyForm.Form = Ember.EasyForm.BaseView.extend({ | |
| tagName: 'form', | |
| attributeBindings: ['novalidate'], | |
| novalidate: 'novalidate', | |
| wrapper: 'default', | |
| init: function() { | |
| this._super(); | |
| this.classNames.push(this.getWrapperConfig('formClass')); | |
| this.action = this.action || 'submit'; | |
| }, | |
| submit: function(event) { | |
| var _this = this, promise; | |
| if (event) { | |
| event.preventDefault(); | |
| } | |
| if (Ember.isNone(this.get('context.validate'))) { | |
| this.get('controller').send(this.action); | |
| } else { | |
| if (!Ember.isNone(this.get('context').validate)) { | |
| promise = this.get('context').validate(); | |
| } else { | |
| promise = this.get('context.content').validate(); | |
| } | |
| promise.then(function() { | |
| if (_this.get('context.isValid')) { | |
| _this.get('controller').send(_this.action); | |
| } | |
| }); | |
| } | |
| } | |
| }); | |
| })(); | |
| (function() { | |
| Ember.EasyForm.Hint = Ember.EasyForm.BaseView.extend({ | |
| tagName: 'span', | |
| init: function() { | |
| this._super(); | |
| this.classNames.push(this.getWrapperConfig('hintClass')); | |
| }, | |
| render: function(buffer) { | |
| buffer.push(Handlebars.Utils.escapeExpression(this.get('text'))); | |
| }, | |
| textChanged: function() { | |
| this.rerender(); | |
| }.observes('text') | |
| }); | |
| })(); | |
| (function() { | |
| Ember.EasyForm.Input = Ember.EasyForm.BaseView.extend({ | |
| init: function() { | |
| this._super(); | |
| this.classNameBindings.push('showError:' + this.getWrapperConfig('fieldErrorClass')); | |
| this.classNames.push(this.getWrapperConfig('inputClass')); | |
| Ember.defineProperty(this, 'showError', Ember.computed.and('canShowValidationError', 'context.errors.' + this.property + '.firstObject')); | |
| if (!this.isBlock) { | |
| if (this.getWrapperConfig('wrapControls')) { | |
| this.set('templateName', 'easyForm/wrapped_input'); | |
| } else { | |
| this.set('templateName', 'easyForm/input'); | |
| } | |
| } | |
| }, | |
| setupValidationDependencies: function() { | |
| var keys = this.get('context._dependentValidationKeys'), key; | |
| if (keys) { | |
| for(key in keys) { | |
| if (keys[key].contains(this.property)) { | |
| this._keysForValidationDependencies.pushObject(key); | |
| } | |
| } | |
| } | |
| }.on('init'), | |
| _keysForValidationDependencies: Ember.A(), | |
| dependentValidationKeyCanTrigger: false, | |
| tagName: 'div', | |
| classNames: ['string'], | |
| didInsertElement: function() { | |
| this.set('label-field-'+this.elementId+'.for', this.get('input-field-'+this.elementId+'.elementId')); | |
| }, | |
| concatenatedProperties: ['inputOptions', 'bindableInputOptions'], | |
| inputOptions: ['as', 'collection', 'optionValuePath', 'optionLabelPath', 'selection', 'value'], | |
| bindableInputOptions: ['placeholder', 'prompt'], | |
| controlsWrapperClass: function() { | |
| return this.getWrapperConfig('controlsWrapperClass'); | |
| }.property(), | |
| inputOptionsValues: function() { | |
| var options = {}, i, key, keyBinding, inputOptions = this.inputOptions, bindableInputOptions = this.bindableInputOptions; | |
| for (i = 0; i < inputOptions.length; i++) { | |
| key = inputOptions[i]; | |
| if (this[key]) { | |
| if (typeof(this[key]) === 'boolean') { | |
| this[key] = key; | |
| } | |
| options[key] = this[key]; | |
| } | |
| } | |
| for (i = 0; i < bindableInputOptions.length; i++) { | |
| key = bindableInputOptions[i]; | |
| keyBinding = key + 'Binding'; | |
| if (this[key] || this[keyBinding]) { | |
| options[keyBinding] = 'view.' + key; | |
| } | |
| } | |
| return options; | |
| }.property(), | |
| focusOut: function() { | |
| this.set('hasFocusedOut', true); | |
| this.showValidationError(); | |
| }, | |
| showValidationError: function() { | |
| if (this.get('hasFocusedOut')) { | |
| if (Ember.isEmpty(this.get('context.errors.' + this.property))) { | |
| this.set('canShowValidationError', false); | |
| } else { | |
| this.set('canShowValidationError', true); | |
| } | |
| } | |
| }, | |
| input: function() { | |
| this._keysForValidationDependencies.forEach(function(key) { | |
| this.get('parentView.childViews').forEach(function(view) { | |
| if (view.property === key) { | |
| view.showValidationError(); | |
| } | |
| }, this); | |
| }, this); | |
| } | |
| }); | |
| })(); | |
| (function() { | |
| Ember.EasyForm.Label = Ember.EasyForm.BaseView.extend({ | |
| tagName: 'label', | |
| attributeBindings: ['for'], | |
| labelText: function() { | |
| return this.get('text') || this.get('property').underscore().split('_').join(' ').capitalize(); | |
| }.property('text', 'property'), | |
| init: function() { | |
| this._super(); | |
| this.classNames.push(this.getWrapperConfig('labelClass')); | |
| }, | |
| render: function(buffer) { | |
| buffer.push(Handlebars.Utils.escapeExpression(this.get('labelText'))); | |
| }, | |
| labelTextChanged: function() { | |
| this.rerender(); | |
| }.observes('labelText') | |
| }); | |
| })(); | |
| (function() { | |
| Ember.EasyForm.Select = Ember.Select.extend(); | |
| })(); | |
| (function() { | |
| Ember.EasyForm.Submit = Ember.View.extend({ | |
| tagName: 'input', | |
| attributeBindings: ['type', 'value', 'disabled'], | |
| type: 'submit', | |
| disabled: function() { | |
| return this.get('context.isInvalid'); | |
| }.property('context.isInvalid'), | |
| init: function() { | |
| this._super(); | |
| this.set('value', this.value); | |
| } | |
| }); | |
| })(); | |
| (function() { | |
| Ember.EasyForm.Button = Ember.View.extend({ | |
| tagName: 'button', | |
| template: Ember.Handlebars.template(function anonymous(Handlebars,depth0,helpers,partials,data) { | |
| this.compilerInfo = [4,'>= 1.0.0']; | |
| helpers = this.merge(helpers, Ember.Handlebars.helpers); data = data || {}; | |
| var hashTypes, hashContexts, escapeExpression=this.escapeExpression; | |
| hashTypes = {}; | |
| hashContexts = {}; | |
| data.buffer.push(escapeExpression(helpers._triageMustache.call(depth0, "text", {hash:{},contexts:[depth0],types:["ID"],hashContexts:hashContexts,hashTypes:hashTypes,data:data}))); | |
| }), | |
| attributeBindings: ['type', 'disabled'], | |
| type: 'submit', | |
| disabled: function() { | |
| return this.get('context.isInvalid'); | |
| }.property('context.isInvalid'), | |
| init: function() { | |
| this._super(); | |
| this.set('context.text', this.value); | |
| } | |
| }); | |
| })(); | |
| (function() { | |
| Ember.EasyForm.TextArea = Ember.TextArea.extend(); | |
| })(); | |
| (function() { | |
| Ember.EasyForm.TextField = Ember.TextField.extend(); | |
| })(); | |
| (function() { | |
| })(); | |
| (function() { | |
| Ember.TEMPLATES['easyForm/error'] = Ember.Handlebars.template(function anonymous(Handlebars,depth0,helpers,partials,data) { | |
| this.compilerInfo = [4,'>= 1.0.0']; | |
| helpers = this.merge(helpers, Ember.Handlebars.helpers); data = data || {}; | |
| var hashTypes, hashContexts, escapeExpression=this.escapeExpression; | |
| hashTypes = {}; | |
| hashContexts = {}; | |
| data.buffer.push(escapeExpression(helpers._triageMustache.call(depth0, "view.errors.firstObject", {hash:{},contexts:[depth0],types:["ID"],hashContexts:hashContexts,hashTypes:hashTypes,data:data}))); | |
| }); | |
| })(); | |
| (function() { | |
| Ember.TEMPLATES['easyForm/input'] = Ember.Handlebars.template(function anonymous(Handlebars,depth0,helpers,partials,data) { | |
| this.compilerInfo = [4,'>= 1.0.0']; | |
| helpers = this.merge(helpers, Ember.Handlebars.helpers); data = data || {}; | |
| var buffer = '', stack1, hashContexts, hashTypes, options, helperMissing=helpers.helperMissing, escapeExpression=this.escapeExpression; | |
| hashContexts = {'propertyBinding': depth0,'textBinding': depth0}; | |
| hashTypes = {'propertyBinding': "STRING",'textBinding': "STRING"}; | |
| options = {hash:{ | |
| 'propertyBinding': ("view.property"), | |
| 'textBinding': ("view.label") | |
| },contexts:[],types:[],hashContexts:hashContexts,hashTypes:hashTypes,data:data}; | |
| data.buffer.push(escapeExpression(((stack1 = helpers['label-field'] || depth0['label-field']),stack1 ? stack1.call(depth0, options) : helperMissing.call(depth0, "label-field", options)))); | |
| hashTypes = {}; | |
| hashContexts = {}; | |
| options = {hash:{},contexts:[depth0],types:["STRING"],hashContexts:hashContexts,hashTypes:hashTypes,data:data}; | |
| data.buffer.push(escapeExpression(((stack1 = helpers.partial || depth0.partial),stack1 ? stack1.call(depth0, "easyForm/inputControls", options) : helperMissing.call(depth0, "partial", "easyForm/inputControls", options)))); | |
| return buffer; | |
| }); | |
| })(); | |
| (function() { | |
| Ember.TEMPLATES['easyForm/inputControls'] = Ember.Handlebars.template(function anonymous(Handlebars,depth0,helpers,partials,data) { | |
| this.compilerInfo = [4,'>= 1.0.0']; | |
| helpers = this.merge(helpers, Ember.Handlebars.helpers); data = data || {}; | |
| var buffer = '', stack1, stack2, hashContexts, hashTypes, options, helperMissing=helpers.helperMissing, escapeExpression=this.escapeExpression, self=this; | |
| function program1(depth0,data) { | |
| var stack1, hashContexts, hashTypes, options; | |
| hashContexts = {'propertyBinding': depth0}; | |
| hashTypes = {'propertyBinding': "STRING"}; | |
| options = {hash:{ | |
| 'propertyBinding': ("view.property") | |
| },contexts:[],types:[],hashContexts:hashContexts,hashTypes:hashTypes,data:data}; | |
| data.buffer.push(escapeExpression(((stack1 = helpers['error-field'] || depth0['error-field']),stack1 ? stack1.call(depth0, options) : helperMissing.call(depth0, "error-field", options)))); | |
| } | |
| function program3(depth0,data) { | |
| var stack1, hashContexts, hashTypes, options; | |
| hashContexts = {'propertyBinding': depth0,'textBinding': depth0}; | |
| hashTypes = {'propertyBinding': "STRING",'textBinding': "STRING"}; | |
| options = {hash:{ | |
| 'propertyBinding': ("view.property"), | |
| 'textBinding': ("view.hint") | |
| },contexts:[],types:[],hashContexts:hashContexts,hashTypes:hashTypes,data:data}; | |
| data.buffer.push(escapeExpression(((stack1 = helpers['hint-field'] || depth0['hint-field']),stack1 ? stack1.call(depth0, options) : helperMissing.call(depth0, "hint-field", options)))); | |
| } | |
| hashContexts = {'propertyBinding': depth0,'inputOptionsBinding': depth0}; | |
| hashTypes = {'propertyBinding': "STRING",'inputOptionsBinding': "STRING"}; | |
| options = {hash:{ | |
| 'propertyBinding': ("view.property"), | |
| 'inputOptionsBinding': ("view.inputOptionsValues") | |
| },contexts:[],types:[],hashContexts:hashContexts,hashTypes:hashTypes,data:data}; | |
| data.buffer.push(escapeExpression(((stack1 = helpers['input-field'] || depth0['input-field']),stack1 ? stack1.call(depth0, options) : helperMissing.call(depth0, "input-field", options)))); | |
| hashTypes = {}; | |
| hashContexts = {}; | |
| stack2 = helpers['if'].call(depth0, "view.showError", {hash:{},inverse:self.noop,fn:self.program(1, program1, data),contexts:[depth0],types:["ID"],hashContexts:hashContexts,hashTypes:hashTypes,data:data}); | |
| if(stack2 || stack2 === 0) { data.buffer.push(stack2); } | |
| hashTypes = {}; | |
| hashContexts = {}; | |
| stack2 = helpers['if'].call(depth0, "view.hint", {hash:{},inverse:self.noop,fn:self.program(3, program3, data),contexts:[depth0],types:["ID"],hashContexts:hashContexts,hashTypes:hashTypes,data:data}); | |
| if(stack2 || stack2 === 0) { data.buffer.push(stack2); } | |
| return buffer; | |
| }); | |
| })(); | |
| (function() { | |
| Ember.TEMPLATES['easyForm/wrapped_input'] = Ember.Handlebars.template(function anonymous(Handlebars,depth0,helpers,partials,data) { | |
| this.compilerInfo = [4,'>= 1.0.0']; | |
| helpers = this.merge(helpers, Ember.Handlebars.helpers); data = data || {}; | |
| var buffer = '', stack1, hashContexts, hashTypes, options, helperMissing=helpers.helperMissing, escapeExpression=this.escapeExpression; | |
| hashContexts = {'propertyBinding': depth0,'textBinding': depth0}; | |
| hashTypes = {'propertyBinding': "STRING",'textBinding': "STRING"}; | |
| options = {hash:{ | |
| 'propertyBinding': ("view.property"), | |
| 'textBinding': ("view.label") | |
| },contexts:[],types:[],hashContexts:hashContexts,hashTypes:hashTypes,data:data}; | |
| data.buffer.push(escapeExpression(((stack1 = helpers['label-field'] || depth0['label-field']),stack1 ? stack1.call(depth0, options) : helperMissing.call(depth0, "label-field", options)))); | |
| data.buffer.push("<div class=\""); | |
| hashTypes = {}; | |
| hashContexts = {}; | |
| data.buffer.push(escapeExpression(helpers.unbound.call(depth0, "view.controlsWrapperClass", {hash:{},contexts:[depth0],types:["ID"],hashContexts:hashContexts,hashTypes:hashTypes,data:data}))); | |
| data.buffer.push("\">"); | |
| hashTypes = {}; | |
| hashContexts = {}; | |
| options = {hash:{},contexts:[depth0],types:["STRING"],hashContexts:hashContexts,hashTypes:hashTypes,data:data}; | |
| data.buffer.push(escapeExpression(((stack1 = helpers.partial || depth0.partial),stack1 ? stack1.call(depth0, "easyForm/inputControls", options) : helperMissing.call(depth0, "partial", "easyForm/inputControls", options)))); | |
| data.buffer.push("</div>"); | |
| return buffer; | |
| }); | |
| })(); | |
| (function() { | |
| Ember.EasyForm.TEMPLATES = {}; | |
| })(); | |
| (function() { | |
| Ember.EasyForm.objectNameFor = function(object) { | |
| var constructorArray = object.constructor.toString().split('.'); | |
| return constructorArray[constructorArray.length - 1].underscore(); | |
| }; | |
| Ember.EasyForm.processOptions = function(property, options) { | |
| if (options) { | |
| options.hash.property = property; | |
| } else { | |
| options = property; | |
| } | |
| return options; | |
| }; | |
| })(); | |
| (function() { | |
| })(); | |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // ========================================================================== | |
| // Project: Ember Validations | |
| // Copyright: Copyright 2013 DockYard, LLC. and contributors. | |
| // License: Licensed under MIT license (see license.js) | |
| // ========================================================================== | |
| // Version: 1.0.0.beta.1 | |
| (function() { | |
| Ember.Validations = Ember.Namespace.create({ | |
| VERSION: '1.0.0.beta.1' | |
| }); | |
| })(); | |
| (function() { | |
| Ember.Validations.messages = { | |
| render: function(attribute, context) { | |
| var regex = new RegExp("{{(.*?)}}"), | |
| attributeName = ""; | |
| if (regex.test(this.defaults[attribute])) { | |
| attributeName = regex.exec(this.defaults[attribute])[1]; | |
| } | |
| return this.defaults[attribute].replace(regex, context[attributeName]); | |
| }, | |
| defaults: { | |
| inclusion: "is not included in the list", | |
| exclusion: "is reserved", | |
| invalid: "is invalid", | |
| confirmation: "doesn't match {{attribute}}", | |
| accepted: "must be accepted", | |
| empty: "can't be empty", | |
| blank: "can't be blank", | |
| present: "must be blank", | |
| tooLong: "is too long (maximum is {{count}} characters)", | |
| tooShort: "is too short (minimum is {{count}} characters)", | |
| wrongLength: "is the wrong length (should be {{count}} characters)", | |
| notANumber: "is not a number", | |
| notAnInteger: "must be an integer", | |
| greaterThan: "must be greater than {{count}}", | |
| greaterThanOrEqualTo: "must be greater than or equal to {{count}}", | |
| equalTo: "must be equal to {{count}}", | |
| lessThan: "must be less than {{count}}", | |
| lessThanOrEqualTo: "must be less than or equal to {{count}}", | |
| otherThan: "must be other than {{count}}", | |
| odd: "must be odd", | |
| even: "must be even" | |
| } | |
| }; | |
| })(); | |
| (function() { | |
| Ember.Validations.Errors = Ember.Object.extend({ | |
| unknownProperty: function(property) { | |
| this.set(property, Ember.makeArray()); | |
| return this.get(property); | |
| } | |
| }); | |
| })(); | |
| (function() { | |
| var setValidityMixin = Ember.Mixin.create({ | |
| setValidity: function() { | |
| if (this.get('validators').compact().filterProperty('isValid', false).get('length') > 0) { | |
| if (this.get('isValid') === false) { | |
| this.notifyPropertyChange('isValid'); | |
| } else { | |
| this.set('isValid', false); | |
| } | |
| } else { | |
| if (this.get('isValid') === true) { | |
| this.notifyPropertyChange('isValid'); | |
| } else { | |
| this.set('isValid', true); | |
| } | |
| } | |
| }.on('init') | |
| }); | |
| var pushValidatableObject = function(model, property) { | |
| model.removeObserver(property, pushValidatableObject); | |
| if (model.get(property).constructor === Array) { | |
| model.validators.pushObject(ArrayValidatorProxy.create({model: model, property: property, content: model.get(property)})); | |
| } else { | |
| model.validators.pushObject(model.get(property)); | |
| } | |
| }; | |
| var findValidator = function(validator) { | |
| var klass = validator.classify(); | |
| return Ember.Validations.validators.local[klass] || Ember.Validations.validators.remote[klass]; | |
| }; | |
| var ArrayValidatorProxy = Ember.ArrayProxy.extend(setValidityMixin, { | |
| init: function() { | |
| this._super(); | |
| this.addObserver('@each.isValid', this, this.setValidity); | |
| this.model.addObserver(''+this.property+'.[]', this, this.setValidity); | |
| }, | |
| validate: function() { | |
| var promises; | |
| promises = this.get('content').map(function(validator) { | |
| return validator.validate(); | |
| }).without(undefined); | |
| return Ember.RSVP.all(promises); | |
| }.on('init'), | |
| validators: Ember.computed.alias('content') | |
| }); | |
| Ember.Validations.Mixin = Ember.Mixin.create(setValidityMixin, { | |
| init: function() { | |
| this._super(); | |
| this.errors = Ember.Validations.Errors.create(); | |
| this._dependentValidationKeys = {}; | |
| this.validators = Ember.makeArray(); | |
| this.isValid = undefined; | |
| if (this.get('validations') === undefined) { | |
| this.validations = {}; | |
| } | |
| this.buildValidators(); | |
| this.addObserver('[email protected]', this, this.setValidity); | |
| this.validators.forEach(function(validator) { | |
| validator.addObserver('errors.[]', this, function(sender, key, value, context, rev) { | |
| var errors = Ember.makeArray(); | |
| this.validators.forEach(function(validator) { | |
| if (validator.property === sender.property) { | |
| errors = errors.concat(validator.errors); | |
| } | |
| }, this); | |
| this.set('errors.' + sender.property, errors); | |
| }); | |
| }, this); | |
| }, | |
| isInvalid: function() { | |
| return !this.get('isValid'); | |
| }.property('isValid'), | |
| buildValidators: function() { | |
| var property, validator; | |
| for (property in this.validations) { | |
| if (this.validations[property].constructor === Object) { | |
| this.buildRuleValidator(property); | |
| } else { | |
| this.buildObjectValidator(property); | |
| } | |
| } | |
| }, | |
| buildRuleValidator: function(property) { | |
| var validator; | |
| for (validator in this.validations[property]) { | |
| if (this.validations[property].hasOwnProperty(validator)) { | |
| this.validators.pushObject(findValidator(validator).create({model: this, property: property, options: this.validations[property][validator]})); | |
| } | |
| } | |
| }, | |
| buildObjectValidator: function(property) { | |
| if (Ember.isNone(this.get(property))) { | |
| this.addObserver(property, this, pushValidatableObject); | |
| } else { | |
| pushValidatableObject(this, property); | |
| } | |
| }, | |
| validate: function() { | |
| var promises = this.validators.map(function(validator) { | |
| return validator.validate(); | |
| }).without(undefined); | |
| return Ember.RSVP.all(promises); | |
| }.on('init') | |
| }); | |
| })(); | |
| (function() { | |
| Ember.Validations.patterns = Ember.Namespace.create({ | |
| numericality: /^(-|\+)?(?:\d+|\d{1,3}(?:,\d{3})+)(?:\.\d*)?$/, | |
| blank: /^\s*$/ | |
| }); | |
| })(); | |
| (function() { | |
| Ember.Validations.validators = Ember.Namespace.create(); | |
| Ember.Validations.validators.local = Ember.Namespace.create(); | |
| Ember.Validations.validators.remote = Ember.Namespace.create(); | |
| })(); | |
| (function() { | |
| Ember.Validations.validators.Base = Ember.Object.extend({ | |
| init: function() { | |
| this.set('errors', Ember.makeArray()); | |
| this.isValid = undefined; | |
| this._dependentValidationKeys = Ember.makeArray(); | |
| this.conditionals = { | |
| 'if': this.get('options.if'), | |
| unless: this.get('options.unless') | |
| }; | |
| this.model.addObserver(this.property, this, this.validate); | |
| }, | |
| addObserversForDependentValidationKeys: function() { | |
| this._dependentValidationKeys.forEach(function(key) { | |
| this.model.addObserver(key, this, this.validate); | |
| }, this); | |
| }.on('init'), | |
| pushDependentValidaionKeyToModel: function() { | |
| var model = this.get('model'); | |
| if (model._dependentValidationKeys[this.property] === undefined) { | |
| model._dependentValidationKeys[this.property] = Ember.makeArray(); | |
| } | |
| model._dependentValidationKeys[this.property].addObjects(this._dependentValidationKeys); | |
| }.on('init'), | |
| call: function () { | |
| throw 'Not implemented!'; | |
| }, | |
| unknownProperty: function(key) { | |
| var model = this.get('model'); | |
| if (model) { | |
| return model.get(key); | |
| } | |
| }, | |
| validate: function() { | |
| if (this.canValidate()) { | |
| this.errors.clear(); | |
| this.call(); | |
| if (this.errors.length > 0) { | |
| if (this.get('isValid') === false) { | |
| this.notifyPropertyChange('isValid'); | |
| } else { | |
| this.set('isValid', false); | |
| } | |
| return Ember.RSVP.reject(); | |
| } else { | |
| if (this.get('isValid') === true) { | |
| this.notifyPropertyChange('isValid'); | |
| } else { | |
| this.set('isValid', true); | |
| } | |
| return Ember.RSVP.resolve(); | |
| } | |
| } | |
| }.on('init'), | |
| canValidate: function() { | |
| if (typeof(this.conditionals) === 'object') { | |
| if (this.conditionals['if']) { | |
| if (typeof(this.conditionals['if']) === 'function') { | |
| return this.conditionals['if'](this.model); | |
| } else if (typeof(this.conditionals['if']) === 'string') { | |
| if (typeof(this.model[this.conditionals['if']]) === 'function') { | |
| return this.model[this.conditionals['if']](); | |
| } else { | |
| return this.model.get(this.conditionals['if']); | |
| } | |
| } | |
| } else if (this.conditionals.unless) { | |
| if (typeof(this.conditionals.unless) === 'function') { | |
| return !this.conditionals.unless(this.model); | |
| } else if (typeof(this.conditionals.unless) === 'string') { | |
| if (typeof(this.model[this.conditionals.unless]) === 'function') { | |
| return !this.model[this.conditionals.unless](); | |
| } else { | |
| return !this.model.get(this.conditionals.unless); | |
| } | |
| } | |
| } else { | |
| return true; | |
| } | |
| } else { | |
| return true; | |
| } | |
| } | |
| }); | |
| })(); | |
| (function() { | |
| Ember.Validations.validators.local.Absence = Ember.Validations.validators.Base.extend({ | |
| init: function() { | |
| this._super(); | |
| /*jshint expr:true*/ | |
| if (this.options === true) { | |
| this.set('options', {}); | |
| } | |
| if (this.options.message === undefined) { | |
| this.set('options.message', Ember.Validations.messages.render('present', this.options)); | |
| } | |
| }, | |
| call: function() { | |
| if (!Ember.isEmpty(this.model.get(this.property))) { | |
| this.errors.pushObject(this.options.message); | |
| } | |
| } | |
| }); | |
| })(); | |
| (function() { | |
| Ember.Validations.validators.local.Acceptance = Ember.Validations.validators.Base.extend({ | |
| init: function() { | |
| this._super(); | |
| /*jshint expr:true*/ | |
| if (this.options === true) { | |
| this.set('options', {}); | |
| } | |
| if (this.options.message === undefined) { | |
| this.set('options.message', Ember.Validations.messages.render('accepted', this.options)); | |
| } | |
| }, | |
| call: function() { | |
| if (this.options.accept) { | |
| if (this.model.get(this.property) !== this.options.accept) { | |
| this.errors.pushObject(this.options.message); | |
| } | |
| } else if (this.model.get(this.property) !== '1' && this.model.get(this.property) !== 1 && this.model.get(this.property) !== true) { | |
| this.errors.pushObject(this.options.message); | |
| } | |
| } | |
| }); | |
| })(); | |
| (function() { | |
| Ember.Validations.validators.local.Confirmation = Ember.Validations.validators.Base.extend({ | |
| init: function() { | |
| this.originalProperty = this.property; | |
| this.property = this.property + 'Confirmation'; | |
| this._super(); | |
| this._dependentValidationKeys.pushObject(this.originalProperty); | |
| /*jshint expr:true*/ | |
| if (this.options === true) { | |
| this.set('options', { attribute: this.originalProperty }); | |
| this.set('options', { message: Ember.Validations.messages.render('confirmation', this.options) }); | |
| } | |
| }, | |
| call: function() { | |
| if (this.model.get(this.originalProperty) !== this.model.get(this.property)) { | |
| this.errors.pushObject(this.options.message); | |
| } | |
| } | |
| }); | |
| })(); | |
| (function() { | |
| Ember.Validations.validators.local.Exclusion = Ember.Validations.validators.Base.extend({ | |
| init: function() { | |
| this._super(); | |
| if (this.options.constructor === Array) { | |
| this.set('options', { 'in': this.options }); | |
| } | |
| if (this.options.message === undefined) { | |
| this.set('options.message', Ember.Validations.messages.render('exclusion', this.options)); | |
| } | |
| }, | |
| call: function() { | |
| /*jshint expr:true*/ | |
| var message, lower, upper; | |
| if (Ember.isEmpty(this.model.get(this.property))) { | |
| if (this.options.allowBlank === undefined) { | |
| this.errors.pushObject(this.options.message); | |
| } | |
| } else if (this.options['in']) { | |
| if (Ember.$.inArray(this.model.get(this.property), this.options['in']) !== -1) { | |
| this.errors.pushObject(this.options.message); | |
| } | |
| } else if (this.options.range) { | |
| lower = this.options.range[0]; | |
| upper = this.options.range[1]; | |
| if (this.model.get(this.property) >= lower && this.model.get(this.property) <= upper) { | |
| this.errors.pushObject(this.options.message); | |
| } | |
| } | |
| } | |
| }); | |
| })(); | |
| (function() { | |
| Ember.Validations.validators.local.Format = Ember.Validations.validators.Base.extend({ | |
| init: function() { | |
| this._super(); | |
| if (this.options.constructor === RegExp) { | |
| this.set('options', { 'with': this.options }); | |
| } | |
| if (this.options.message === undefined) { | |
| this.set('options.message', Ember.Validations.messages.render('invalid', this.options)); | |
| } | |
| }, | |
| call: function() { | |
| if (Ember.isEmpty(this.model.get(this.property))) { | |
| if (this.options.allowBlank === undefined) { | |
| this.errors.pushObject(this.options.message); | |
| } | |
| } else if (this.options['with'] && !this.options['with'].test(this.model.get(this.property))) { | |
| this.errors.pushObject(this.options.message); | |
| } else if (this.options.without && this.options.without.test(this.model.get(this.property))) { | |
| this.errors.pushObject(this.options.message); | |
| } | |
| } | |
| }); | |
| })(); | |
| (function() { | |
| Ember.Validations.validators.local.Inclusion = Ember.Validations.validators.Base.extend({ | |
| init: function() { | |
| this._super(); | |
| if (this.options.constructor === Array) { | |
| this.set('options', { 'in': this.options }); | |
| } | |
| if (this.options.message === undefined) { | |
| this.set('options.message', Ember.Validations.messages.render('inclusion', this.options)); | |
| } | |
| }, | |
| call: function() { | |
| var message, lower, upper; | |
| if (Ember.isEmpty(this.model.get(this.property))) { | |
| if (this.options.allowBlank === undefined) { | |
| this.errors.pushObject(this.options.message); | |
| } | |
| } else if (this.options['in']) { | |
| if (Ember.$.inArray(this.model.get(this.property), this.options['in']) === -1) { | |
| this.errors.pushObject(this.options.message); | |
| } | |
| } else if (this.options.range) { | |
| lower = this.options.range[0]; | |
| upper = this.options.range[1]; | |
| if (this.model.get(this.property) < lower || this.model.get(this.property) > upper) { | |
| this.errors.pushObject(this.options.message); | |
| } | |
| } | |
| } | |
| }); | |
| })(); | |
| (function() { | |
| Ember.Validations.validators.local.Length = Ember.Validations.validators.Base.extend({ | |
| init: function() { | |
| var index, key; | |
| this._super(); | |
| /*jshint expr:true*/ | |
| if (typeof(this.options) === 'number') { | |
| this.set('options', { 'is': this.options }); | |
| } | |
| if (this.options.messages === undefined) { | |
| this.set('options.messages', {}); | |
| } | |
| for (index = 0; index < this.messageKeys().length; index++) { | |
| key = this.messageKeys()[index]; | |
| if (this.options[key] !== undefined && this.options[key].constructor === String) { | |
| this.model.addObserver(this.options[key], this, this.validate); | |
| } | |
| } | |
| this.tokenizedLength = new Function('value', 'return (value || "").' + (this.options.tokenizer || 'split("")') + '.length'); | |
| }, | |
| CHECKS: { | |
| 'is' : '==', | |
| 'minimum' : '>=', | |
| 'maximum' : '<=' | |
| }, | |
| MESSAGES: { | |
| 'is' : 'wrongLength', | |
| 'minimum' : 'tooShort', | |
| 'maximum' : 'tooLong' | |
| }, | |
| getValue: function(key) { | |
| if (this.options[key].constructor === String) { | |
| return this.model.get(this.options[key]) || 0; | |
| } else { | |
| return this.options[key]; | |
| } | |
| }, | |
| messageKeys: function() { | |
| return Object.keys(this.MESSAGES); | |
| }, | |
| checkKeys: function() { | |
| return Object.keys(this.CHECKS); | |
| }, | |
| renderMessageFor: function(key) { | |
| var options = {count: this.getValue(key)}, _key; | |
| for (_key in this.options) { | |
| options[_key] = this.options[_key]; | |
| } | |
| return this.options.messages[this.MESSAGES[key]] || Ember.Validations.messages.render(this.MESSAGES[key], options); | |
| }, | |
| renderBlankMessage: function() { | |
| if (this.options.is) { | |
| return this.renderMessageFor('is'); | |
| } else if (this.options.minimum) { | |
| return this.renderMessageFor('minimum'); | |
| } | |
| }, | |
| call: function() { | |
| var check, fn, message, operator, key; | |
| if (Ember.isEmpty(this.model.get(this.property))) { | |
| if (this.options.allowBlank === undefined && (this.options.is || this.options.minimum)) { | |
| this.errors.pushObject(this.renderBlankMessage()); | |
| } | |
| } else { | |
| for (key in this.CHECKS) { | |
| operator = this.CHECKS[key]; | |
| if (!this.options[key]) { | |
| continue; | |
| } | |
| fn = new Function('return ' + this.tokenizedLength(this.model.get(this.property)) + ' ' + operator + ' ' + this.getValue(key)); | |
| if (!fn()) { | |
| this.errors.pushObject(this.renderMessageFor(key)); | |
| } | |
| } | |
| } | |
| } | |
| }); | |
| })(); | |
| (function() { | |
| Ember.Validations.validators.local.Numericality = Ember.Validations.validators.Base.extend({ | |
| init: function() { | |
| /*jshint expr:true*/ | |
| var index, keys, key; | |
| this._super(); | |
| if (this.options === true) { | |
| this.options = {}; | |
| } else if (this.options.constructor === String) { | |
| key = this.options; | |
| this.options = {}; | |
| this.options[key] = true; | |
| } | |
| if (this.options.messages === undefined) { | |
| this.options.messages = { numericality: Ember.Validations.messages.render('notANumber', this.options) }; | |
| } | |
| if (this.options.onlyInteger !== undefined && this.options.messages.onlyInteger === undefined) { | |
| this.options.messages.onlyInteger = Ember.Validations.messages.render('notAnInteger', this.options); | |
| } | |
| keys = Object.keys(this.CHECKS).concat(['odd', 'even']); | |
| for(index = 0; index < keys.length; index++) { | |
| key = keys[index]; | |
| if (isNaN(this.options[key])) { | |
| this.model.addObserver(this.options[key], this, this.validate); | |
| } | |
| if (this.options[key] !== undefined && this.options.messages[key] === undefined) { | |
| if (Ember.$.inArray(key, Object.keys(this.CHECKS)) !== -1) { | |
| this.options.count = this.options[key]; | |
| } | |
| this.options.messages[key] = Ember.Validations.messages.render(key, this.options); | |
| if (this.options.count !== undefined) { | |
| delete this.options.count; | |
| } | |
| } | |
| } | |
| }, | |
| CHECKS: { | |
| equalTo :'===', | |
| greaterThan : '>', | |
| greaterThanOrEqualTo : '>=', | |
| lessThan : '<', | |
| lessThanOrEqualTo : '<=' | |
| }, | |
| call: function() { | |
| var check, checkValue, fn, form, operator, val; | |
| if (Ember.isEmpty(this.model.get(this.property))) { | |
| if (this.options.allowBlank === undefined) { | |
| this.errors.pushObject(this.options.messages.numericality); | |
| } | |
| } else if (!Ember.Validations.patterns.numericality.test(this.model.get(this.property))) { | |
| this.errors.pushObject(this.options.messages.numericality); | |
| } else if (this.options.onlyInteger === true && !(/^[+\-]?\d+$/.test(this.model.get(this.property)))) { | |
| this.errors.pushObject(this.options.messages.onlyInteger); | |
| } else if (this.options.odd && parseInt(this.model.get(this.property), 10) % 2 === 0) { | |
| this.errors.pushObject(this.options.messages.odd); | |
| } else if (this.options.even && parseInt(this.model.get(this.property), 10) % 2 !== 0) { | |
| this.errors.pushObject(this.options.messages.even); | |
| } else { | |
| for (check in this.CHECKS) { | |
| operator = this.CHECKS[check]; | |
| if (this.options[check] === undefined) { | |
| continue; | |
| } | |
| if (!isNaN(parseFloat(this.options[check])) && isFinite(this.options[check])) { | |
| checkValue = this.options[check]; | |
| } else if (this.model.get(this.options[check]) !== undefined) { | |
| checkValue = this.model.get(this.options[check]); | |
| } | |
| fn = new Function('return ' + this.model.get(this.property) + ' ' + operator + ' ' + checkValue); | |
| if (!fn()) { | |
| this.errors.pushObject(this.options.messages[check]); | |
| } | |
| } | |
| } | |
| } | |
| }); | |
| })(); | |
| (function() { | |
| Ember.Validations.validators.local.Presence = Ember.Validations.validators.Base.extend({ | |
| init: function() { | |
| this._super(); | |
| /*jshint expr:true*/ | |
| if (this.options === true) { | |
| this.options = {}; | |
| } | |
| if (this.options.message === undefined) { | |
| this.options.message = Ember.Validations.messages.render('blank', this.options); | |
| } | |
| }, | |
| call: function() { | |
| if (Ember.isEmpty(this.model.get(this.property))) { | |
| this.errors.pushObject(this.options.message); | |
| } | |
| } | |
| }); | |
| })(); | |
| (function() { | |
| })(); | |
| (function() { | |
| Ember.ControllerMixin.reopen({ | |
| childControllers: Ember.A(), | |
| setupAsChildController: function() { | |
| if (this.parentController) { | |
| this.parentController.childControllers.pushObject(this); | |
| this.reopen({ | |
| willDestroy: function() { | |
| this._super(); | |
| this.parentController.childControllers.removeObject(this); | |
| } | |
| }); | |
| } | |
| }.on('init') | |
| }); | |
| })(); | |
| (function() { | |
| })(); | |
| (function() { | |
| })(); | |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment