affectiva-surveyor 1.5.0.pre.disco.2

data/lib/assets/javascripts/surveyor/jquery.maskedinput.js

@@ -0,0 +1,338 @@
+/*
+	Masked Input plugin for jQuery
+	Copyright (c) 2007-2013 Josh Bush (digitalbush.com)
+	Licensed under the MIT license (http://digitalbush.com/projects/masked-input-plugin/#license)
+	Version: 1.3.1
+*/
+(function($) {
+	function getPasteEvent() {
+    var el = document.createElement('input'),
+        name = 'onpaste';
+    el.setAttribute(name, '');
+    return (typeof el[name] === 'function')?'paste':'input';             
+}
+
+var pasteEventName = getPasteEvent() + ".mask",
+	ua = navigator.userAgent,
+	iPhone = /iphone/i.test(ua),
+	android=/android/i.test(ua),
+	caretTimeoutId;
+
+$.mask = {
+	//Predefined character definitions
+	definitions: {
+		'9': "[0-9]",
+		'a': "[A-Za-z]",
+		'*': "[A-Za-z0-9]"
+	},
+	dataName: "rawMaskFn",
+	placeholder: '_',
+};
+
+$.fn.extend({
+	//Helper Function for Caret positioning
+	caret: function(begin, end) {
+		var range;
+
+		if (this.length === 0 || this.is(":hidden")) {
+			return;
+		}
+
+		if (typeof begin == 'number') {
+			end = (typeof end === 'number') ? end : begin;
+			return this.each(function() {
+				if (this.setSelectionRange) {
+					this.setSelectionRange(begin, end);
+				} else if (this.createTextRange) {
+					range = this.createTextRange();
+					range.collapse(true);
+					range.moveEnd('character', end);
+					range.moveStart('character', begin);
+					range.select();
+				}
+			});
+		} else {
+			if (this[0].setSelectionRange) {
+				begin = this[0].selectionStart;
+				end = this[0].selectionEnd;
+			} else if (document.selection && document.selection.createRange) {
+				range = document.selection.createRange();
+				begin = 0 - range.duplicate().moveStart('character', -100000);
+				end = begin + range.text.length;
+			}
+			return { begin: begin, end: end };
+		}
+	},
+	unmask: function() {
+		return this.trigger("unmask");
+	},
+	mask: function(mask, settings) {
+		var input,
+			defs,
+			tests,
+			partialPosition,
+			firstNonMaskPos,
+			len;
+
+		if (!mask && this.length > 0) {
+			input = $(this[0]);
+			return input.data($.mask.dataName)();
+		}
+		settings = $.extend({
+			placeholder: $.mask.placeholder, // Load default placeholder
+			completed: null
+		}, settings);
+
+
+		defs = $.mask.definitions;
+		tests = [];
+		partialPosition = len = mask.length;
+		firstNonMaskPos = null;
+
+		$.each(mask.split(""), function(i, c) {
+			if (c == '?') {
+				len--;
+				partialPosition = i;
+			} else if (defs[c]) {
+				tests.push(new RegExp(defs[c]));
+				if (firstNonMaskPos === null) {
+					firstNonMaskPos = tests.length - 1;
+				}
+			} else {
+				tests.push(null);
+			}
+		});
+
+		return this.trigger("unmask").each(function() {
+			var input = $(this),
+				buffer = $.map(
+				mask.split(""),
+				function(c, i) {
+					if (c != '?') {
+						return defs[c] ? settings.placeholder : c;
+					}
+				}),
+				focusText = input.val();
+
+			function seekNext(pos) {
+				while (++pos < len && !tests[pos]);
+				return pos;
+			}
+
+			function seekPrev(pos) {
+				while (--pos >= 0 && !tests[pos]);
+				return pos;
+			}
+
+			function shiftL(begin,end) {
+				var i,
+					j;
+
+				if (begin<0) {
+					return;
+				}
+
+				for (i = begin, j = seekNext(end); i < len; i++) {
+					if (tests[i]) {
+						if (j < len && tests[i].test(buffer[j])) {
+							buffer[i] = buffer[j];
+							buffer[j] = settings.placeholder;
+						} else {
+							break;
+						}
+
+						j = seekNext(j);
+					}
+				}
+				writeBuffer();
+				input.caret(Math.max(firstNonMaskPos, begin));
+			}
+
+			function shiftR(pos) {
+				var i,
+					c,
+					j,
+					t;
+
+				for (i = pos, c = settings.placeholder; i < len; i++) {
+					if (tests[i]) {
+						j = seekNext(i);
+						t = buffer[i];
+						buffer[i] = c;
+						if (j < len && tests[j].test(t)) {
+							c = t;
+						} else {
+							break;
+						}
+					}
+				}
+			}
+
+			function keydownEvent(e) {
+				var k = e.which,
+					pos,
+					begin,
+					end;
+
+				//backspace, delete, and escape get special treatment
+				if (k === 8 || k === 46 || (iPhone && k === 127)) {
+					pos = input.caret();
+					begin = pos.begin;
+					end = pos.end;
+
+					if (end - begin === 0) {
+						begin=k!==46?seekPrev(begin):(end=seekNext(begin-1));
+						end=k===46?seekNext(end):end;
+					}
+					clearBuffer(begin, end);
+					shiftL(begin, end - 1);
+
+					e.preventDefault();
+				} else if (k == 27) {//escape
+					input.val(focusText);
+					input.caret(0, checkVal());
+					e.preventDefault();
+				}
+			}
+
+			function keypressEvent(e) {
+				var k = e.which,
+					pos = input.caret(),
+					p,
+					c,
+					next;
+
+				if (e.ctrlKey || e.altKey || e.metaKey || k < 32) {//Ignore
+					return;
+				} else if (k) {
+					if (pos.end - pos.begin !== 0){
+						clearBuffer(pos.begin, pos.end);
+						shiftL(pos.begin, pos.end-1);
+					}
+
+					p = seekNext(pos.begin - 1);
+					if (p < len) {
+						c = String.fromCharCode(k);
+						if (tests[p].test(c)) {
+							shiftR(p);
+
+							buffer[p] = c;
+							writeBuffer();
+							next = seekNext(p);
+
+							if(android){
+								setTimeout($.proxy($.fn.caret,input,next),0);
+							}else{
+								input.caret(next);
+							}
+
+							if (settings.completed && next >= len) {
+								settings.completed.call(input);
+							}
+						}
+					}
+					e.preventDefault();
+				}
+			}
+
+			function clearBuffer(start, end) {
+				var i;
+				for (i = start; i < end && i < len; i++) {
+					if (tests[i]) {
+						buffer[i] = settings.placeholder;
+					}
+				}
+			}
+
+			function writeBuffer() { input.val(buffer.join('')); }
+
+			function checkVal(allow) {
+				//try to place characters where they belong
+				var test = input.val(),
+					lastMatch = -1,
+					i,
+					c;
+
+				for (i = 0, pos = 0; i < len; i++) {
+					if (tests[i]) {
+						buffer[i] = settings.placeholder;
+						while (pos++ < test.length) {
+							c = test.charAt(pos - 1);
+							if (tests[i].test(c)) {
+								buffer[i] = c;
+								lastMatch = i;
+								break;
+							}
+						}
+						if (pos > test.length) {
+							break;
+						}
+					} else if (buffer[i] === test.charAt(pos) && i !== partialPosition) {
+						pos++;
+						lastMatch = i;
+					}
+				}
+				if (allow) {
+					writeBuffer();
+				} else if (lastMatch + 1 < partialPosition) {
+					input.val("");
+					clearBuffer(0, len);
+				} else {
+					writeBuffer();
+					input.val(input.val().substring(0, lastMatch + 1));
+				}
+				return (partialPosition ? i : firstNonMaskPos);
+			}
+
+			input.data($.mask.dataName,function(){
+				return $.map(buffer, function(c, i) {
+					return tests[i]&&c!=settings.placeholder ? c : null;
+				}).join('');
+			});
+
+			if (!input.attr("readonly"))
+				input
+				.one("unmask", function() {
+					input
+						.unbind(".mask")
+						.removeData($.mask.dataName);
+				})
+				.bind("focus.mask", function() {
+					clearTimeout(caretTimeoutId);
+					var pos,
+						moveCaret;
+
+					focusText = input.val();
+					pos = checkVal();
+					
+					caretTimeoutId = setTimeout(function(){
+						writeBuffer();
+						if (pos == mask.length) {
+							input.caret(0, pos);
+						} else {
+							input.caret(pos);
+						}
+					}, 10);
+				})
+				.bind("blur.mask", function() {
+					checkVal();
+					if (input.val() != focusText)
+						input.change();
+				})
+				.bind("keydown.mask", keydownEvent)
+				.bind("keypress.mask", keypressEvent)
+				.bind(pasteEventName, function() {
+					setTimeout(function() { 
+						var pos=checkVal(true);
+						input.caret(pos); 
+						if (settings.completed && pos == input.val().length)
+							settings.completed.call(input);
+					}, 0);
+				});
+			checkVal(); //Perform initial check for existing values
+		});
+	}
+});
+
+
+})(jQuery);

data/lib/assets/javascripts/surveyor/jquery.selectToUISlider.js

@@ -0,0 +1,240 @@
+/*
+ * --------------------------------------------------------------------
+ * jQuery-Plugin - selectToUISlider - creates a UI slider component from a select element(s)
+ * by Scott Jehl, scott@filamentgroup.com
+ * http://www.filamentgroup.com
+ * reference article: http://www.filamentgroup.com/lab/update_jquery_ui_16_slider_from_a_select_element/
+ * demo page: http://www.filamentgroup.com/examples/slider_v2/index.html
+ *
+ * Copyright (c) 2008 Filament Group, Inc
+ * Dual licensed under the MIT (filamentgroup.com/examples/mit-license.txt) and GPL (filamentgroup.com/examples/gpl-license.txt) licenses.
+ *
+ * Usage Notes: please refer to our article above for documentation
+ *
+ * --------------------------------------------------------------------
+ */
+
+
+jQuery.fn.selectToUISlider = function(settings){
+	var selects = jQuery(this);
+
+	//accessible slider options
+	var options = jQuery.extend({
+		labels: 3, //number of visible labels
+		tooltip: true, //show tooltips, boolean
+		tooltipSrc: 'text',//accepts 'value' as well
+		labelSrc: 'value',//accepts 'value' as well	,
+		sliderOptions: null
+	}, settings);
+
+
+	//handle ID attrs - selects each need IDs for handles to find them
+	var handleIds = (function(){
+		var tempArr = [];
+		selects.each(function(){
+			tempArr.push('handle_'+jQuery(this).attr('id'));
+		});
+		return tempArr;
+	})();
+
+	//array of all option elements in select element (ignores optgroups)
+	var selectOptions = (function(){
+		var opts = [];
+		selects.eq(0).find('option').each(function(){
+			opts.push({
+				value: jQuery(this).attr('value'),
+				text: jQuery(this).text()
+			});
+		});
+		return opts;
+	})();
+
+	//array of opt groups if present
+	var groups = (function(){
+		if(selects.eq(0).find('optgroup').size()>0){
+			var groupedData = [];
+			selects.eq(0).find('optgroup').each(function(i){
+				groupedData[i] = {};
+				groupedData[i].label = jQuery(this).attr('label');
+				groupedData[i].options = [];
+				jQuery(this).find('option').each(function(){
+					groupedData[i].options.push({text: jQuery(this).text(), value: jQuery(this).attr('value')});
+				});
+			});
+			return groupedData;
+		}
+		else return null;
+	})();
+
+	//check if obj is array
+	function isArray(obj) {
+		return obj.constructor == Array;
+	}
+	//return tooltip text from option index
+	function ttText(optIndex){
+		return (options.tooltipSrc == 'text') ? selectOptions[optIndex].text : selectOptions[optIndex].value;
+	}
+
+	//plugin-generated slider options (can be overridden)
+	var sliderOptions = {
+		step: 1,
+		min: 0,
+		orientation: 'horizontal',
+		max: selectOptions.length-1,
+		range: selects.length > 1,//multiple select elements = true
+		slide: function(e, ui) {//slide function
+				var thisHandle = jQuery(ui.handle);
+				//handle feedback
+				var textval = ttText(ui.value);
+				thisHandle
+					.attr('aria-valuetext', textval)
+					.attr('aria-valuenow', ui.value)
+					.find('.ui-slider-tooltip .ttContent')
+						.text( textval );
+
+				//control original select menu
+				var currSelect = jQuery('#' + thisHandle.attr('id').split('handle_')[1]);
+				currSelect.find('option').eq(ui.value).attr('selected', 'selected');
+		},
+		values: (function(){
+			var values = [];
+			selects.each(function(){
+				values.push( jQuery(this).get(0).selectedIndex );
+			});
+			return values;
+		})()
+	};
+
+	//slider options from settings
+	options.sliderOptions = (settings) ? jQuery.extend(sliderOptions, settings.sliderOptions) : sliderOptions;
+
+	//select element change event
+	selects.bind('change keyup click', function(){
+		var thisIndex = jQuery(this).get(0).selectedIndex;
+		var thisHandle = jQuery('#handle_'+ jQuery(this).attr('id'));
+		var handleIndex = thisHandle.data('handleNum');
+		thisHandle.parents('.ui-slider:eq(0)').slider("values", handleIndex, thisIndex);
+	});
+
+
+	//create slider component div
+	var sliderComponent = jQuery('<div></div>');
+
+	//CREATE HANDLES
+	selects.each(function(i){
+		var hidett = '';
+
+		//associate label for ARIA
+		var thisLabel = jQuery('label[for=' + jQuery(this).attr('id') +']');
+		//labelled by aria doesn't seem to work on slider handle. Using title attr as backup
+		var labelText = (thisLabel.size()>0) ? 'Slider control for '+ thisLabel.text()+'' : '';
+		var thisLabelId = thisLabel.attr('id') || thisLabel.attr('id', 'label_'+handleIds[i]).attr('id');
+
+
+		if( options.tooltip == false ){hidett = ' style="display: none;"';}
+		jQuery('<a '+
+				'href="#" tabindex="0" '+
+				'id="'+handleIds[i]+'" '+
+				'class="ui-slider-handle" '+
+				'role="slider" '+
+				'aria-labelledby="'+thisLabelId+'" '+
+				'aria-valuemin="'+options.sliderOptions.min+'" '+
+				'aria-valuemax="'+options.sliderOptions.max+'" '+
+				'aria-valuenow="'+options.sliderOptions.values[i]+'" '+
+				'aria-valuetext="'+ttText(options.sliderOptions.values[i])+'" '+
+			'><span class="screenReaderContext">'+labelText+'</span>'+
+			'<span class="ui-slider-tooltip ui-widget-content ui-corner-all"'+ hidett +'><span class="ttContent"></span>'+
+				'<span class="ui-tooltip-pointer-down ui-widget-content"><span class="ui-tooltip-pointer-down-inner"></span></span>'+
+			'</span></a>')
+			.data('handleNum',i)
+			.appendTo(sliderComponent);
+	});
+
+	//CREATE SCALE AND TICS
+
+	//write dl if there are optgroups
+	if(groups) {
+		var inc = 0;
+		var scale = sliderComponent.append('<dl class="ui-slider-scale ui-helper-reset" role="presentation"></dl>').find('.ui-slider-scale:eq(0)');
+		jQuery(groups).each(function(h){
+			scale.append('<dt style="width: '+ (100/groups.length).toFixed(2) +'%' +'; left:'+ (h/(groups.length-1) * 100).toFixed(2)  +'%' +'"><span>'+this.label+'</span></dt>');//class name becomes camelCased label
+			var groupOpts = this.options;
+			jQuery(this.options).each(function(i){
+				var style = (inc == selectOptions.length-1 || inc == 0) ? 'style="display: none;"' : '' ;
+				var labelText = (options.labelSrc == 'text') ? groupOpts[i].text : groupOpts[i].value;
+				scale.append('<dd style="left:'+ leftVal(inc) +'"><span class="ui-slider-label">'+ labelText +'</span><span class="ui-slider-tic ui-widget-content"'+ style +'></span></dd>');
+				inc++;
+			});
+		});
+	}
+	//write ol
+	else {
+		var scale = sliderComponent.append('<ol class="ui-slider-scale ui-helper-reset" role="presentation"></ol>').find('.ui-slider-scale:eq(0)');
+		jQuery(selectOptions).each(function(i){
+			var style = (i == selectOptions.length-1 || i == 0) ? 'style="display: none;"' : '' ;
+			var labelText = (options.labelSrc == 'text') ? this.text : this.value;
+			scale.append('<li style="left:'+ leftVal(i) +'"><span class="ui-slider-label">'+ labelText +'</span><span class="ui-slider-tic ui-widget-content"'+ style +'></span></li>');
+		});
+	}
+
+	function leftVal(i){
+		return (i/(selectOptions.length-1) * 100).toFixed(2)  +'%';
+
+	}
+
+
+
+
+	//show and hide labels depending on labels pref
+	//show the last one if there are more than 1 specified
+	if(options.labels > 1) sliderComponent.find('.ui-slider-scale li:last span.ui-slider-label, .ui-slider-scale dd:last span.ui-slider-label').addClass('ui-slider-label-show');
+
+	//set increment
+	var increm = Math.max(1, Math.round(selectOptions.length / options.labels));
+	//show em based on inc
+	for(var j=0; j<selectOptions.length; j+=increm){
+		if((selectOptions.length - j) > increm){//don't show if it's too close to the end label
+			sliderComponent.find('.ui-slider-scale li:eq('+ j +') span.ui-slider-label, .ui-slider-scale dd:eq('+ j +') span.ui-slider-label').addClass('ui-slider-label-show');
+		}
+	}
+
+	//style the dt's
+	sliderComponent.find('.ui-slider-scale dt').each(function(i){
+		jQuery(this).css({
+			'left': ((100 /( groups.length))*i).toFixed(2) + '%'
+		});
+	});
+
+
+	//inject and return
+	sliderComponent
+	.insertAfter(jQuery(this).eq(this.length-1))
+	.slider(options.sliderOptions)
+	.attr('role','application')
+	.find('.ui-slider-label')
+	.each(function(){
+		jQuery(this).css('marginLeft', -jQuery(this).width()/2);
+	});
+
+	//update tooltip arrow inner color
+	sliderComponent.find('.ui-tooltip-pointer-down-inner').each(function(){
+				var bWidth = jQuery('.ui-tooltip-pointer-down-inner').css('borderTopWidth');
+				var bColor = jQuery(this).parents('.ui-slider-tooltip').css('backgroundColor')
+				jQuery(this).css('border-top', bWidth+' solid '+bColor);
+	});
+
+	var values = sliderComponent.slider('values');
+
+	if(isArray(values)){
+		jQuery(values).each(function(i){
+			sliderComponent.find('.ui-slider-tooltip .ttContent').eq(i).text( ttText(this) );
+		});
+	}
+	else {
+		sliderComponent.find('.ui-slider-tooltip .ttContent').eq(0).text( ttText(values) );
+	}
+
+	return this;
+}
+
+