Exemple #1
0
renderRowSpan = function (input, options) {
	var el = makeElement.bind(input.document)
	  , id = getId.call(input.control || input.dom);
	return el('tr',
		// label
		el('td', { colspan: 2 },
			el('p', el('label', { for: id }, options.label ? ':' : '')),
			// input
			el('div', input,
				el('span', { class: 'statuses' },
					// required mark
					el('span', { class: 'status-missing' }, '★'),
					// validation status mark
					el('span', { class: 'status-ok' }, '✓'),
					el('span', { class: 'status-error' }, '✕')),
				// error message
				el('span', { class: 'error-message error-message-' +
					input._name.replace(/[:#]/g, '-') }),
				// hint
				options.hint && el('p', { class: 'hint' }, options.hint))));
};
Exemple #2
0
renderRow = function (input, options) {
	var el = makeElement.bind(input.document)
	  , id = getId.call(input.control || input.dom);
	return el('tr',
		// label
		el('th', el('label', { for: id }, options.label, options.label ? ':' : '')),
		// input
		el('td', input,
			// required mark
			el('span', { class: 'statuses' },
				(options.missingStatus !== false)
				? el('span', { class: 'status-missing' }, '★') : null,
				// validation status mark
				(options.okStatus !== false)
				? el('span', { class: 'status-ok' }, '✓') : null,
				(options.errorStatus !== false)
				? el('span', { class: 'status-error' }, '✕') : null),
			// error message
			el('span', { class: 'error-message error-message-' +
				input._name.replace(/[:#\/]/g, '-') }),
			// hint
			options.hint && el('p', { class: 'hint' }, options.hint)));
};