surveyor 0.22.0 → 1.0.0

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;
+}
+
+

data/lib/{generators/surveyor/templates/public → assets}/javascripts/surveyor/jquery.surveyor.js

@@ -30,79 +30,81 @@ jQuery(document).ready(function(){
   // $('li input.date').dateinput({
   //     format: 'dd mmm yyyy'
   // });
-  
-  // Default Datepicker uses jQuery UI Datepicker 
+
+  // Default Datepicker uses jQuery UI Datepicker
   jQuery("input[type='text'].datetime").datetimepicker({
-  	showSecond: true,
-  	showMillisec: false,
-  	timeFormat: 'hh:mm:ss',
-  	dateFormat: 'yy-mm-dd',
-  	changeMonth: true,
-  	changeYear: true
+    showSecond: true,
+    showMillisec: false,
+    timeFormat: 'hh:mm:ss',
+    dateFormat: 'yy-mm-dd',
+    changeMonth: true,
+    changeYear: true
   });
-  jQuery("li.date input").datepicker({ 
-  	dateFormat: 'yy-mm-dd',
-  	changeMonth: true,
-  	changeYear: true
+  jQuery("li.date input").datepicker({
+    dateFormat: 'yy-mm-dd',
+    changeMonth: true,
+    changeYear: true
   });
-  jQuery("input[type='text'].date").datepicker({ 
-  	dateFormat: 'yy-mm-dd',
-  	changeMonth: true,
-  	changeYear: true
+  jQuery("input[type='text'].date").datepicker({
+    dateFormat: 'yy-mm-dd',
+    changeMonth: true,
+    changeYear: true
   });
-  jQuery("input[type='text'].datepicker").datepicker({ 
-  	dateFormat: 'yy-mm-dd',
-  	changeMonth: true,
-  	changeYear: true
+  jQuery("input[type='text'].datepicker").datepicker({
+    dateFormat: 'yy-mm-dd',
+    changeMonth: true,
+    changeYear: true
   });
   jQuery("input[type='text'].time").timepicker({});
-  
+
   jQuery('.surveyor_check_boxes input[type=text]').change(function(){
     var textValue = $(this).val()
     if (textValue.length > 0) {
       $(this).parent().children().has('input[type="checkbox"]')[0].children[0].checked = true;
     }
   });
-  
+
   jQuery('.surveyor_radio input[type=text]').change(function(){
     var textValue = $(this).val()
     if (textValue.length > 0) {
-      $(this).parent().children().has('input[type="radio"]')[0].children[0].checked = true;      
+      $(this).parent().children().has('input[type="radio"]')[0].children[0].checked = true;
     }
   });
 
   jQuery("form#survey_form input, form#survey_form select, form#survey_form textarea").change(function(){
     var elements = [$('[type="submit"]').parent(), $('[name="' + this.name +'"]').closest('li')];
-    blockElements(elements);
-    
-    question_data = $(this).parents('fieldset[id^="q_"],tr[id^="q_"]').find("input, select, textarea").add($("form#survey_form input[name='authenticity_token']")).serialize();
-    // console.log(unescape(question_data));
-    $.ajax({ 
-      type: "PUT", 
-      url: $(this).parents('form#survey_form').attr("action"), 
-      data: question_data, dataType: 'json', 
+
+    question_data = $(this).parents('fieldset[id^="q_"],tr[id^="q_"]').
+      find("input, select, textarea").
+      add($("form#survey_form input[name='authenticity_token']")).
+      serialize();
+    $.ajax({
+      type: "PUT",
+      url: $(this).parents('form#survey_form').attr("action"),
+      data: question_data, dataType: 'json',
       success: function(response) {
-        unblockElements(elements);
         successfulSave(response);
-      }, 
-      error: function(xhr, ajaxOptions, thrownError) {
-        unblockElements(elements);
       }
     });
   });
 
-  // If javascript works, we don't need to show dependents from previous sections at the top of the page.
+  // http://www.filamentgroup.com/lab/update_jquery_ui_slider_from_a_select_element_now_with_aria_support/
+  $('fieldset.q_slider select').each(function(i,e) {
+    $(e).selectToUISlider({"labelSrc": "text"}).hide()
+  });
+
+  // If javascript works, we don't need to show dependents from
+  // previous sections at the top of the page.
   jQuery("#dependents").remove();
 
-  function successfulSave(responseText){ // for(key in responseText) { console.log("key is "+[key]+", value is "+responseText[key]); }
-    // surveyor_controller returns a json object to show/hide elements and insert/remove ids e.g. {"ids": {"2" => 234}, "remove": {"4" => 21}, "hide":["question_12","question_13"],"show":["question_14"]}
+  function successfulSave(responseText) {
+    // surveyor_controller returns a json object to show/hide elements
+    // e.g. {"hide":["question_12","question_13"],"show":["question_14"]}
     jQuery.each(responseText.show, function(){ showElement(this) });
     jQuery.each(responseText.hide, function(){ hideElement(this) });
-    jQuery.each(responseText.ids, function(k,v){ jQuery('#r_'+k+'_question_id').after('<input id="r_'+k+'_id" type="hidden" value="'+v+'" name="r['+k+'][id]"/>'); });
-    jQuery.each(responseText.remove, function(k,v){ jQuery('#r_'+k+'_id[value="'+v+'"]').remove(); });
     return false;
   }
-  
+
   function showElement(id){
     group = id.match('^g_') ? true : false;
     if (group) {
@@ -111,7 +113,7 @@ jQuery(document).ready(function(){
       jQuery('#' + id).removeClass("q_hidden");
     }
   }
-  
+
   function hideElement(id){
     group = id.match('^g_') ? true : false;
     if (group) {
@@ -120,26 +122,19 @@ jQuery(document).ready(function(){
       jQuery('#' + id).addClass("q_hidden");
     }
   }
-  
-  function blockElements(elements) {
-    $.blockUI.defaults.overlayCSS.opacity = 0;
-    $.blockUI.defaults.message = null;
-    $.blockUI.defaults.fadeIn = 0;
-    $.blockUI.defaults.fadeOut = 0;
-    $.each(elements, function(){ $(this).block()});
-  }
-  
-  function unblockElements(elements) {
-    $.each(elements, function(){ $(this).unblock()});
-  }
 
   // is_exclusive checkboxes should disble sibling checkboxes
-  $('input.exclusive:checked').parents('fieldset[id^="q_"]').find(':checkbox').not(".exclusive").attr('checked', false).attr('disabled', true);
+  $('input.exclusive:checked').parents('fieldset[id^="q_"]').
+    find(':checkbox').
+    not(".exclusive").
+    attr('checked', false).
+    attr('disabled', true);
+
   $('input.exclusive:checkbox').click(function(){
     var e = $(this);
-    var others = e.parents('fieldset[id^="q_"]').find(':checkbox').not(".exclusive");
+    var others = e.parents('fieldset[id^="q_"]').find(':checkbox').not(e);
     if(e.is(':checked')){
-      others.attr('checked', false).attr('disabled', true);
+      others.attr('checked', false).attr('disabled', 'disabled');
     }else{
       others.attr('disabled', false);
     }

data/lib/{generators/surveyor/templates/public → assets}/javascripts/surveyor/jquery.tools.min.js

@@ -1,12 +1,12 @@
 /*
  * jQuery Tools 1.2.5 - The missing UI library for the Web
- * 
+ *
  * [jquery, dateinput, rangeinput, validator]
- * 
+ *
  * NO COPYRIGHTS OR LICENSES. DO WHAT YOU LIKE.
- * 
+ *
  * http://flowplayer.org/tools/
- * 
+ *
  * jQuery JavaScript Library v1.4.2
  * http://jquery.com/
  *
@@ -18,10 +18,10 @@
  * http://sizzlejs.com/
  * Copyright 2010, The Dojo Foundation
  * Released under the MIT, BSD, and GPL Licenses.
- * 
+ *
  * -----
- * 
- 
+ *
+
 
  * File generated: Fri Dec 03 11:47:59 GMT 2010
  */

data/lib/{generators/surveyor/templates/public → assets}/stylesheets/surveyor/dateinput.css

@@ -7,7 +7,7 @@
   font-size:18px;
   padding:4px;
   text-align:center;
-  width:194px;    
+  width:194px;
   -moz-box-shadow:0 0 10px #eee inset;
 }
 */
@@ -15,7 +15,7 @@
 #calroot {
 	/* place on top of other elements. set a higher value if nessessary */
 	z-index:9999;
-	
+
 	margin-top:-1px;
 	width:198px;
 	padding:2px;
@@ -25,19 +25,19 @@
 	-moz-border-radius:5px;
 	-webkit-border-radius:5px;
 	-moz-box-shadow: 0 0 15px #666;
-	-webkit-box-shadow: 0 0 15px #666;	
+	-webkit-box-shadow: 0 0 15px #666;
 	position: absolute;
 }
 
 /* head. contains title, prev/next month controls and possible month/year selectors */
-#calhead {	
+#calhead {
 	padding:2px 0;
 	height:22px;
-} 
+}
 
 #caltitle {
 	font-size:14px;
-	color:#0150D1;	
+	color:#0150D1;
 	float:left;
 	text-align:center;
 	width:155px;
@@ -60,12 +60,12 @@
 }
 
 #calprev.caldisabled, #calnext.caldisabled {
-	visibility:hidden;	
+	visibility:hidden;
 }
 
 /* year/month selector */
 #caltitle select {
-	font-size:10px;	
+	font-size:10px;
 }
 
 /* names of the days */
@@ -106,8 +106,8 @@
 	line-height:20px;
 	color:#666;
 	-moz-border-radius:3px;
-	-webkit-border-radius:3px; 		
-} 
+	-webkit-border-radius:3px;
+}
 
 /* different states */
 .calweek a:hover, .calfocus {
@@ -116,16 +116,16 @@
 
 /* sunday */
 a.calsun {
-	color:red;		
+	color:red;
 }
 
 /* offmonth day */
 a.caloff {
-	color:#ccc;		
+	color:#ccc;
 }
 
 a.caloff:hover {
-	background-color:rgb(245, 245, 250);		
+	background-color:rgb(245, 245, 250);
 }
 
 

data/lib/{generators/surveyor/templates/public → assets}/stylesheets/surveyor/jquery-ui.custom.css

@@ -59,26 +59,26 @@
 .ui-widget { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1.1em; }
 .ui-widget .ui-widget { font-size: 1em; }
 .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1em; }
-.ui-widget-content { border: 1px solid #dddddd; background: #eeeeee url(ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x; color: #333333; }
+.ui-widget-content { border: 1px solid #dddddd; background: #eeeeee url(../../images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x; color: #333333; }
 .ui-widget-content a { color: #333333; }
-.ui-widget-header { border: 1px solid #e78f08; background: #f6a828 url(ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; }
+.ui-widget-header { border: 1px solid #e78f08; background: #f6a828 url(../../images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; }
 .ui-widget-header a { color: #ffffff; }
 
 /* Interaction states
 ----------------------------------*/
-.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #cccccc; background: #f6f6f6 url(ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #1c94c4; }
+.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #cccccc; background: #f6f6f6 url(../../images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #1c94c4; }
 .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; text-decoration: none; }
-.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #fbcb09; background: #fdf5ce url(ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #c77405; }
+.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #fbcb09; background: #fdf5ce url(../../images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #c77405; }
 .ui-state-hover a, .ui-state-hover a:hover { color: #c77405; text-decoration: none; }
-.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #fbd850; background: #ffffff url(ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #eb8f00; }
+.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #fbd850; background: #ffffff url(../../images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #eb8f00; }
 .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #eb8f00; text-decoration: none; }
 .ui-widget :active { outline: none; }
 
 /* Interaction Cues
 ----------------------------------*/
-.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #fed22f; background: #ffe45c url(ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x; color: #363636; }
+.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #fed22f; background: #ffe45c url(../../images/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x; color: #363636; }
 .ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; }
-.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #b81900 url(ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat; color: #ffffff; }
+.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #b81900 url(../../images/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat; color: #ffffff; }
 .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #ffffff; }
 .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #ffffff; }
 .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
@@ -89,14 +89,14 @@
 ----------------------------------*/
 
 /* states and images */
-.ui-icon { width: 16px; height: 16px; background-image: url(ui-icons_222222_256x240.png); }
-.ui-widget-content .ui-icon {background-image: url(ui-icons_222222_256x240.png); }
-.ui-widget-header .ui-icon {background-image: url(ui-icons_ffffff_256x240.png); }
-.ui-state-default .ui-icon { background-image: url(ui-icons_ef8c08_256x240.png); }
-.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(ui-icons_ef8c08_256x240.png); }
-.ui-state-active .ui-icon {background-image: url(ui-icons_ef8c08_256x240.png); }
-.ui-state-highlight .ui-icon {background-image: url(ui-icons_228ef1_256x240.png); }
-.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(ui-icons_ffd27a_256x240.png); }
+.ui-icon { width: 16px; height: 16px; background-image: url(../../images/ui-icons_222222_256x240.png); }
+.ui-widget-content .ui-icon {background-image: url(../../images/ui-icons_222222_256x240.png); }
+.ui-widget-header .ui-icon {background-image: url(../../images/ui-icons_ffffff_256x240.png); }
+.ui-state-default .ui-icon { background-image: url(../../images/ui-icons_ef8c08_256x240.png); }
+.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(../../images/ui-icons_ef8c08_256x240.png); }
+.ui-state-active .ui-icon {background-image: url(../../images/ui-icons_ef8c08_256x240.png); }
+.ui-state-highlight .ui-icon {background-image: url(../../images/ui-icons_228ef1_256x240.png); }
+.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(../../images/ui-icons_ffd27a_256x240.png); }
 
 /* positioning */
 .ui-icon-carat-1-n { background-position: 0 0; }
@@ -291,8 +291,8 @@
 .ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
 
 /* Overlays */
-.ui-widget-overlay { background: #666666 url(ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat; opacity: .50;filter:Alpha(Opacity=50); }
-.ui-widget-shadow { margin: -5px 0 0 -5px; padding: 5px; background: #000000 url(ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x; opacity: .20;filter:Alpha(Opacity=20); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }/*
+.ui-widget-overlay { background: #666666 url(../../images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat; opacity: .50;filter:Alpha(Opacity=50); }
+.ui-widget-shadow { margin: -5px 0 0 -5px; padding: 5px; background: #000000 url(../../images/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x; opacity: .20;filter:Alpha(Opacity=20); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }/*
  * jQuery UI Resizable 1.8.6
  *
  * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)

data/lib/{generators/surveyor/templates/public → assets}/stylesheets/surveyor/reset.css

@@ -46,5 +46,5 @@ blockquote, q {
 }
 pre {
   background: #333333;
-  color: #EFEFEF;  
+  color: #EFEFEF;
 }