phortune-credit-card-form.js
7a5f62282017master

phortune-credit-card-form.js
View Options

			/**
			* @provides phortune-credit-card-form
			* @requires javelin-install
			* javelin-dom
			* javelin-json
			* javelin-workflow
			* javelin-util
			* @javelin
			*/

			/**
			* Simple wrapper for credit card forms generated by `PhortuneCreditCardForm`.
			*
			* To construct an object for a form:
			*
			* new JX.PhortuneCreditCardForm(form_root_node, submit_callback);
			*
			*/
			JX.install('PhortuneCreditCardForm', {
			construct : function(root, onsubmit) {
			this._root = root;
			this._submitCallback = onsubmit;
			JX.DOM.listen(root, 'submit', null, JX.bind(this, this._onsubmit));
			},

			members : {
			_root : null,
			_submitCallback : null,

			_getCardData : function() {
			var root = this._root;

			return {
			number : JX.DOM.find(root, 'input', 'number-input').value,
			cvc : JX.DOM.find(root, 'input', 'cvc-input' ).value,
			month : JX.DOM.find(root, 'select', 'month-input' ).value,
			year : JX.DOM.find(root, 'select', 'year-input' ).value
			};
			},

			submitForm : function(errors, token) {
			var params = {
			errors: JX.JSON.stringify(errors),
			token: JX.JSON.stringify(token \|\| {})
			};

			JX.Workflow
			.newFromForm(this._root, params)
			.start();
			},

			_onsubmit : function(e) {
			e.kill();
			this._submitCallback(this._getCardData());
			}

			}

			});