surveyor 0.6.1

data/generators/surveyor/templates/assets/javascripts/surveyor.js

@@ -0,0 +1,28 @@
+// Javascript UI for surveyor
+jQuery(document).ready(function(){
+
+	if(jQuery.browser.msie){
+		// IE has trouble with the change event for form radio/checkbox elements - bind click instead
+		jQuery("form#survey_form input[type=radio], form#survey_form [type=checkbox]").bind("click", function(){ 
+			jQuery(this).parents("form").ajaxSubmit({dataType: 'json', success: successfulSave});
+		});
+		// IE fires the change event for all other (not radio/checkbox) elements of the form
+		jQuery("form#survey_form *").not("input[type=radio], input[type=checkbox]").bind("change", function(){ 
+			jQuery(this).parents("form").ajaxSubmit({dataType: 'json', success: successfulSave});	
+		});
+	}else{
+		// Other browsers just use the change event on the form
+		jQuery("form#survey_form").bind("change", function(){ jQuery(this).ajaxSubmit({dataType: 'json', success: successfulSave});	return false; });		
+	}
+	
+	// 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 e.g. {"hide":["question_12","question_13"],"show":["question_14"]}
+		jQuery.each(responseText.show, function(){ jQuery('#' + this).show("fast");	});
+		jQuery.each(responseText.hide, function(){ jQuery('#' + this).hide("fast");	});
+		return false;
+	}
+
+});

data/generators/surveyor/templates/assets/stylesheets/jquery-ui-slider-additions.css

@@ -0,0 +1,71 @@
+/*NEW SLIDER STYLES FOR SCALE, ETC*/
+/* slider widget */
+.ui-slider  {
+	text-decoration: none !important;
+}
+.ui-slider-tooltip {
+	display: none;
+}
+.ui-slider-handle-active .ui-slider-tooltip {
+	display: block;
+	position: relative;
+	top: -25px;
+	text-align: center;
+	padding: .1em;
+	font-size: .6em;
+	width: 8em;
+	margin-left: -4em;
+	text-decoration: none !important;
+}
+.ui-slider ol, .ui-slider li, .ui-slider dl, .ui-slider dd, .ui-slider dt {
+	list-style: none;
+	margin: 0;
+	padding: 0;
+}
+.ui-slider ol, .ui-slider dl {
+	position: relative;
+	top: 1.3em;
+	width: 100%;
+}
+.ui-slider dt {
+	top: 1.5em;
+	position: absolute;
+	padding-top: .2em;
+	text-align: center;
+	border-bottom: 1px dotted #ddd;
+	height: .7em;
+	color: #999;
+}
+.ui-slider dt span {
+	background: #fff;
+	padding: 0 .5em;
+}
+.ui-slider li, .ui-slider dd {
+	position: absolute;
+	overflow: visible;
+	color: #666;
+}
+.ui-slider li span.ui-slider-label, .ui-slider dd span.ui-slider-label {
+	display: none;
+}
+.ui-slider li span.ui-slider-label-show, .ui-slider dd span.ui-slider-label-show {
+	display: block;
+	font-size: 0.75em;
+}
+.ui-slider span.ui-slider-tic {
+	position: absolute;
+	left: 0;
+	height: .8em;
+	top: -1.3em;
+}
+.ui-slider li span.ui-component-content, .ui-slider dd span.ui-component-content {
+	border-right: 0;
+	border-left-width: 1px;
+	border-left-style: dotted;
+	border-top: 0;
+	border-bottom: 0;
+}
+.ui-slider .first .ui-slider-tic, .ui-slider .last .ui-slider-tic {
+	display: none;
+}
+.ui-slider {clear: both; top:1.2em; margin-bottom:2em;}

data/generators/surveyor/templates/assets/stylesheets/reset.css

@@ -0,0 +1,46 @@
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, font, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td {
+	margin: 0;
+	padding: 0;
+	border: 0;
+	outline: 0;
+	font-weight: inherit;
+	font-style: inherit;
+	font-size: 100%;
+	font-family: inherit;
+	vertical-align: baseline;
+}
+/* remember to define focus styles! */
+:focus {
+	outline: 0;
+}
+body {
+	line-height: 1;
+	color: black;
+	background: white;
+}
+ol, ul {
+	list-style: none;
+}
+/* tables still need 'cellspacing="0"' in the markup */
+table {
+	border-collapse: separate;
+	border-spacing: 0;
+}
+caption, th, td {
+	text-align: left;
+	font-weight: normal;
+}
+blockquote:before, blockquote:after,
+q:before, q:after {
+	content: "";
+}
+blockquote, q {
+	quotes: "" "";
+}

data/generators/surveyor/templates/assets/stylesheets/sass/surveyor.sass

@@ -0,0 +1,245 @@
+!main_background_color = #DCDCDC
+!page_color = #FFFFF4 
+!page_text_color = #213E00
+!menus_color = #EBEBCC
+!menus_text_color = #666666
+!headings_color = #213E00
+!headings_text_color = #B1AF03
+!flash_color = #FF0000
+!text_field_color = #fafafa
+!subtle_shift = 16
+!border_shift = 32
+!emphasis_shift = 64
+body
+  :background-color= !main_background_color
+  :font-family Helvetica
+  :word-spacing normal
+  :text-align left
+  :letter-spacing 0
+  :line-height 1.1em
+  :font-size 1em
+#flash
+  :background-color transparent
+  :color= !flash_color
+  :width 98%
+  :position absolute
+  :top 0
+  :left 0
+  :z-index 1000
+  :text-align center
+#surveyor
+  :width 960px
+  :padding 1em
+  :margin 0 auto
+  :background-color= !page_color
+  :color= !page_text_color
+  #survey_list
+    ul
+      :padding-left 2em
+      :margin-top -2em
+  #menu
+    :width 11.9em
+    :margin 0.65em -1em 0 0
+    :float right
+    ul
+      :padding 0
+      :margin 0
+      :list-style-type none
+      :border-style solid
+      :border-width 1px
+      :border-color= !main_background_color - !border_shift
+      :border-bottom-width 0
+      :border-right-width 0
+      :background-color= !main_background_color
+      :color= !menus_text_color
+      li
+        :border-bottom-style solid
+        :border-bottom-width 1px
+        :border-color= !main_background_color - !border_shift
+      li.active, li.active input[type="submit"]
+        :background-color= !menus_color
+        :color= !menus_text_color - !emphasis_shift
+  #header
+    :font-family "Century Gothic"
+    :padding 0.5em 1em 1em 0.3em
+    :margin 0
+    :font-size 2em
+    :font-weight bolid
+  .previous_section
+    :font-size 0.8em
+    :margin -0.6em 0 0.5em -1em
+    :padding 0
+    input
+      :background-color= !page_color
+  .next_section
+    :float right
+    :margin -2em 1em 0 0
+  .survey_section
+    :margin 0.5em 0.5em 0.5em -1em
+    :padding 0.5em 0 0 0      
+    .title
+      :font-weight bold
+      :font-size 1.2em
+      :margin 0
+      :padding 0.3em 0.5em 0.1em 1.4em
+      :background-color= !menus_color      
+  p
+    :padding 0.3em
+    :margin 0.5em
+    :margin 0.55em
+  input[type="submit"]
+    :font-size 1.0em
+    :border 0px
+    :padding 0.2em
+    :margin 0.2em
+    :cursor pointer
+    :background-color= !main_background_color
+    :color= !menus_text_color - !border_shift
+  input[type="text"], textarea
+    :border 2px inset #333
+    :border-color= !main_background_color - !border_shift
+    :background-color= !text_field_color
+    :padding 0.1em
+    :margin 0.1em
+    :font-size 0.8em
+  .disabled
+    :color= !page_color - !border_shift
+    input[type="text"], textarea
+      :background-color= !page_color - !subtle_shift
+  input[type="submit"].add_row
+    :padding 0.1em
+    :margin 0em
+    :margin-left -1em
+    :font-size 0.7em
+    :border 1px solid #333
+    :border-color= !main_background_color - !border_shift
+  .questions
+    :margin 0
+    :padding 1em 0.3em
+  .question
+    :margin 0 0 0.6em 0
+    :padding 0.2em
+    legend
+      :width 940px
+      :white-space normal 
+      span
+        :display block
+    .number
+      :padding 0.2em
+      :font-weight bold
+      :font-size 1.2em
+      :letter-spacing 0
+      :float left
+    .text
+      :padding-top 0.2em
+      :font-size 1.1em
+      :line-height 1.2em    
+    .help
+      :font-size 0.8em
+      :font-style italic
+      :color= !page_text_color - !emphasis_shift
+      :display none
+  ol.answers
+    :list-style-type none
+    :padding 0.2em
+    :margin 0 0 0.3em 1.5em
+    li.answer
+      :margin 0.2em
+  ol.answers_inline
+    :margin-left 1.8em
+    :list-style-type none
+    li
+      :display inline 
+      :padding-right 1.5em
+  .label
+    :padding 0.5em 1em
+    :margin 0.5em 1em
+    :line-height 1.4em
+  #dependents
+    :background-color= !page_color - !border_shift
+    .title
+      :padding 0.5em
+      :font-weight bold
+  .dependent
+    :background-color= !page_color - !border_shift
+    :margin-left 1.2em
+  .hidden
+    :display none
+  .column_highlight
+    :background-color= !page_color - !subtle_shift
+  table.grid
+    :margin 0.5em 0.2em 0.5em 1em 
+    th
+      :padding 0.2em 0.5em
+      :text-align center
+    td
+      :padding 0.2em 0.5em
+      :border-bottom 2px dotted #999
+      :border-color= !page_color - !emphasis_shift
+      :text-align center
+    td.question_prefix
+      :text-align left
+      :padding 0.2em
+    td.question_postfix
+      :text-align left
+      :padding 0.2em
+  .question_group
+    :margin 0 0 0.6em 0
+    :padding 0.2em 0.2em 1em 0.2em
+    .head
+      :padding-bottom 0.5em
+      .number
+        :padding 0.2em 0.2em 4em 0.2em
+        :font-weight bold
+        :font-size 1.2em
+        :letter-spacing 0       
+        :float left
+      .text
+        :padding-top 0.2em
+        :font-size 1.1em
+        :line-height 1.2em
+      .help
+        :font-size 0.8em
+        :font-style italic
+        :color= !page_text_color - !emphasis_shift
+    ul
+      :padding 0.3em
+      :list-style-type none
+      li
+        :display inline
+        .question
+          :display inline
+          ol.answers
+            :display inline
+            :margin 0.2em
+    ul.repeater
+      :list-style-type none
+    li.repeater
+      :display block
+      ol
+        :margin 0
+        :padding 0
+  
+      .question
+        :padding-left 1.2em
+  .inline
+    :display inline
+  //Reducing the question size for questions under a group
+  .group_questions
+    :margin 0.5em 0.2em 0.5em 1em 
+    .question
+      :margin 0
+      :padding 0em 0.3em    
+  
+    .text
+      :font-size 0.9em
+    .help
+      :font-size 0.7em
+      :font-style italic
+      :color= !page_text_color - !emphasis_shift
+    .number
+      :padding 0.2em 0 0.2em 0.2em
+      :margin 0 0 0.3em 0
+      :font-weight bold
+      :font-size 1em
+      :letter-spacing 0

data/generators/surveyor/templates/assets/stylesheets/surveyor.css

@@ -0,0 +1,231 @@
+body {
+  background-color: #dcdcdc;
+  font-family: Helvetica;
+  word-spacing: normal;
+  text-align: left;
+  letter-spacing: 0;
+  line-height: 1.1em;
+  font-size: 1em; }
+
+#flash {
+  background-color: transparent;
+  color: red;
+  width: 98%;
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 1000;
+  text-align: center; }
+
+#surveyor {
+  width: 960px;
+  padding: 1em;
+  margin: 0 auto;
+  background-color: #fffff4;
+  color: #213e00; }
+  #surveyor #survey_list ul {
+    padding-left: 2em;
+    margin-top: -2em; }
+  #surveyor #menu {
+    width: 11.9em;
+    margin: 0.65em -1em 0 0;
+    float: right; }
+    #surveyor #menu ul {
+      padding: 0;
+      margin: 0;
+      list-style-type: none;
+      border-style: solid;
+      border-width: 1px;
+      border-color: #bcbcbc;
+      border-bottom-width: 0;
+      border-right-width: 0;
+      background-color: #dcdcdc;
+      color: #666666; }
+      #surveyor #menu ul li {
+        border-bottom-style: solid;
+        border-bottom-width: 1px;
+        border-color: #bcbcbc; }
+      #surveyor #menu ul li.active, #surveyor #menu ul li.active input[type="submit"] {
+        background-color: #ebebcc;
+        color: #262626; }
+  #surveyor #header {
+    font-family: "Century Gothic";
+    padding: 0.5em 1em 1em 0.3em;
+    margin: 0;
+    font-size: 2em;
+    font-weight: bolid; }
+  #surveyor .previous_section {
+    font-size: 0.8em;
+    margin: -0.6em 0 0.5em -1em;
+    padding: 0; }
+    #surveyor .previous_section input {
+      background-color: #fffff4; }
+  #surveyor .next_section {
+    float: right;
+    margin: -2em 1em 0 0; }
+  #surveyor .survey_section {
+    margin: 0.5em 0.5em 0.5em -1em;
+    padding: 0.5em 0 0 0; }
+    #surveyor .survey_section .title {
+      font-weight: bold;
+      font-size: 1.2em;
+      margin: 0;
+      padding: 0.3em 0.5em 0.1em 1.4em;
+      background-color: #ebebcc; }
+  #surveyor p {
+    padding: 0.3em;
+    margin: 0.5em;
+    margin: 0.55em; }
+  #surveyor input[type="submit"] {
+    font-size: 1.0em;
+    border: 0px;
+    padding: 0.2em;
+    margin: 0.2em;
+    cursor: pointer;
+    background-color: #dcdcdc;
+    color: #464646; }
+  #surveyor input[type="text"], #surveyor textarea {
+    border: 2px inset #333;
+    border-color: #bcbcbc;
+    background-color: #fafafa;
+    padding: 0.1em;
+    margin: 0.1em;
+    font-size: 0.8em; }
+  #surveyor .disabled {
+    color: #dfdfd4; }
+    #surveyor .disabled input[type="text"], #surveyor .disabled textarea {
+      background-color: #efefe4; }
+  #surveyor input[type="submit"].add_row {
+    padding: 0.1em;
+    margin: 0em;
+    margin-left: -1em;
+    font-size: 0.7em;
+    border: 1px solid #333;
+    border-color: #bcbcbc; }
+  #surveyor .questions {
+    margin: 0;
+    padding: 1em 0.3em; }
+  #surveyor .question {
+    margin: 0 0 0.6em 0;
+    padding: 0.2em; }
+    #surveyor .question legend {
+      width: 940px;
+      white-space: normal; }
+      #surveyor .question legend span {
+        display: block; }
+    #surveyor .question .number {
+      padding: 0.2em;
+      font-weight: bold;
+      font-size: 1.2em;
+      letter-spacing: 0;
+      float: left; }
+    #surveyor .question .text {
+      padding-top: 0.2em;
+      font-size: 1.1em;
+      line-height: 1.2em; }
+    #surveyor .question .help {
+      font-size: 0.8em;
+      font-style: italic;
+      color: black;
+      display: none; }
+  #surveyor ol.answers {
+    list-style-type: none;
+    padding: 0.2em;
+    margin: 0 0 0.3em 1.5em; }
+    #surveyor ol.answers li.answer {
+      margin: 0.2em; }
+  #surveyor ol.answers_inline {
+    margin-left: 1.8em;
+    list-style-type: none; }
+    #surveyor ol.answers_inline li {
+      display: inline;
+      padding-right: 1.5em; }
+  #surveyor .label {
+    padding: 0.5em 1em;
+    margin: 0.5em 1em;
+    line-height: 1.4em; }
+  #surveyor #dependents {
+    background-color: #dfdfd4; }
+    #surveyor #dependents .title {
+      padding: 0.5em;
+      font-weight: bold; }
+  #surveyor .dependent {
+    background-color: #dfdfd4;
+    margin-left: 1.2em; }
+  #surveyor .hidden {
+    display: none; }
+  #surveyor .column_highlight {
+    background-color: #efefe4; }
+  #surveyor table.grid {
+    margin: 0.5em 0.2em 0.5em 1em; }
+    #surveyor table.grid th {
+      padding: 0.2em 0.5em;
+      text-align: center; }
+    #surveyor table.grid td {
+      padding: 0.2em 0.5em;
+      border-bottom: 2px dotted #999;
+      border-color: #bfbfb4;
+      text-align: center; }
+    #surveyor table.grid td.question_prefix {
+      text-align: left;
+      padding: 0.2em; }
+    #surveyor table.grid td.question_postfix {
+      text-align: left;
+      padding: 0.2em; }
+  #surveyor .question_group {
+    margin: 0 0 0.6em 0;
+    padding: 0.2em 0.2em 1em 0.2em; }
+    #surveyor .question_group .head {
+      padding-bottom: 0.5em; }
+      #surveyor .question_group .head .number {
+        padding: 0.2em 0.2em 4em 0.2em;
+        font-weight: bold;
+        font-size: 1.2em;
+        letter-spacing: 0;
+        float: left; }
+      #surveyor .question_group .head .text {
+        padding-top: 0.2em;
+        font-size: 1.1em;
+        line-height: 1.2em; }
+      #surveyor .question_group .head .help {
+        font-size: 0.8em;
+        font-style: italic;
+        color: black; }
+    #surveyor .question_group ul {
+      padding: 0.3em;
+      list-style-type: none; }
+      #surveyor .question_group ul li {
+        display: inline; }
+        #surveyor .question_group ul li .question {
+          display: inline; }
+          #surveyor .question_group ul li .question ol.answers {
+            display: inline;
+            margin: 0.2em; }
+    #surveyor .question_group ul.repeater {
+      list-style-type: none; }
+    #surveyor .question_group li.repeater {
+      display: block; }
+      #surveyor .question_group li.repeater ol {
+        margin: 0;
+        padding: 0; }
+      #surveyor .question_group li.repeater .question {
+        padding-left: 1.2em; }
+  #surveyor .inline {
+    display: inline; }
+  #surveyor .group_questions {
+    margin: 0.5em 0.2em 0.5em 1em; }
+    #surveyor .group_questions .question {
+      margin: 0;
+      padding: 0em 0.3em; }
+    #surveyor .group_questions .text {
+      font-size: 0.9em; }
+    #surveyor .group_questions .help {
+      font-size: 0.7em;
+      font-style: italic;
+      color: black; }
+    #surveyor .group_questions .number {
+      padding: 0.2em 0 0.2em 0.2em;
+      margin: 0 0 0.3em 0;
+      font-weight: bold;
+      font-size: 1em;
+      letter-spacing: 0; }