breakpointer-surveyor 0.2.0

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

@@ -0,0 +1,35 @@
+// Javascript source to drive the UI for the survey engine
+
+// Hooking up after the page loads
+jQuery(document).ready(function(){
+  /******** Event hooks ******/
+
+  // Attaching to the primary survey form to do async postbacks 
+  //options object
+  var options = {  
+    dataType:        'json', 
+    success:      successfulSave
+  };
+
+  function successfulSave(responseText){
+    jQuery.each(responseText.show, function(){
+      jQuery('#' + this).show("slow");
+    });
+    jQuery.each(responseText.hide, function(){
+      jQuery('#' + this).hide("slow");
+    });
+    return false;
+  }
+
+  jQuery("form#survey_form").bind("change", function(){
+    //jQuery(this).ajaxSubmit(options);
+    var this_form = jQuery(this);
+    var post_data = this_form.serialize();
+    jQuery.post(this_form.attr("action"),post_data);
+    return false;
+  });
+
+  jQuery("#dependents").remove();
+
+
+});

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,321 @@
+!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
+!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
+  :margin 0
+  :padding 0
+
+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
+    :border 2px inset #333
+    :border-color= !main_background_color - !border_shift
+    :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
+
+#flash
+  :background-color transparent
+  :color= !headings_color
+  :width 98%
+  :margin 0.3em
+  :position absolute
+  :top 0
+  :left 0
+  :z-index 1000
+  :color #f00
+  :text-align center
+  
+#survey_with_menu
+  :background-color= !main_background_color
+  :color= !page_text_color
+  :margin 0
+  :padding 0
+
+  #header
+    :font-family "Century Gothic"
+    :padding 0.5em 1em 1em 0.3em
+    :margin 0
+    :font-size 2em
+    :font-weight bolid
+
+  #content
+    :width 960px
+    :padding 1em
+    :margin 0
+    :margin-left auto
+    :margin-right auto
+    :background-color= !page_color
+    :color= !page_text_color
+
+    .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
+        
+  .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
+  
+  #menu
+    :width 11.9em 
+    :padding 0
+    :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
+        :background-color= !menus_color
+        :color= !menus_text_color - !emphasis_shift
+        
+        input[type="submit"]
+          :background-color= !menus_color
+          :color= !menus_text_color - !emphasis_shift
+          
+  #survey_list
+    ul
+      :padding-left 2em
+      :margin-top -2em
+          
+.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
+  
+// Question group related styles
+
+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
+      
+//Reducing the question size for questions under a group
+
+  .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
+  
+  .group_questions
+    :margin 0.5em 0.2em 0.5em 1em 
+    
+