beefed up survey

pgbovine · pgbovine · commit d32bfbb8332c · 2014-06-04T21:52:58.000-04:00
diff --git a/v3/js/composingprograms.js b/v3/js/composingprograms.js
@@ -43,8 +43,8 @@ var originFrontendJsFile = 'composingprograms.js';
 
 
 var postSessionSurvey = '\n\
-<div id="postSessionSurveyDiv" style="border: 1px solid #C2382F; padding: 5px; margin-top: 5px; line-height: 175%;">\n\
-<span style="font-size: 8pt; color: #666;">Support our research by answering these questions before you leave:</span><br/>\n\
+<div id="postSessionSurveyDiv" style="border: 1px solid #BE554E; padding: 5px; margin-top: 5px; line-height: 175%;">\n\
+<span style="font-size: 8pt; color: #666;">Support our research by giving anonymous feedback.</span><br/>\n\
 How useful was this particular session? (click star to rate)\n\
 <span class="star-rating togetherjsIgnore">\n\
   <input type="radio" class="togetherjsIgnore" name="rating" value="1"/><i></i>\n\
@@ -54,15 +54,41 @@ How useful was this particular session? (click star to rate)\n\
   <input type="radio" class="togetherjsIgnore" name="rating" value="5"/><i></i>\n\
 </span>\n\
 <br/>\
-What did you just learn? <input type="text" id="what-learned" class="surveyQ togetherjsIgnore" size=60 maxlength=140/>\n\
+What did you just learn? <input type="text" id="sharedSessionWhatLearned" class="surveyQ togetherjsIgnore" size=60 maxlength=140/>\n\
 <button id="submitSessionSurveyBtn" type="button" style="font-size: 8pt;">Submit</button>\n\
+<span id="sharedSessionWhatLearnedThanks" style="color: #e93f34; font-weight: bold; font-size: 10pt; display: none;">Thanks!</span>\n\
 </div>'
 
 
 function TogetherjsReadyHandler() {
   populateTogetherJsShareUrl();
+
   $("#togetherjsStatus").append(postSessionSurvey);
 
+  $('.star-rating :radio').change(function() {
+    if (TogetherJS.running) {
+      TogetherJS.send({type: "surveyHowUsefulStars",
+                       stars: Number(this.value)});
+    }
+  });
+
+  $('#submitSessionSurveyBtn').click(function() {
+    var resp = $('#sharedSessionWhatLearned').val();
+    if (TogetherJS.running && resp) {
+      TogetherJS.send({type: "surveyFreetextQuestion",
+                       question: "What did you just learn?",
+                       answer: $('#sharedSessionWhatLearned').val()});
+
+    $("#sharedSessionWhatLearned").val('');
+    $("#sharedSessionWhatLearnedThanks").show();
+    $.doTimeout('sharedSessionWhatLearnedThanksFadeOut', 1000, function() {
+      $("#sharedSessionWhatLearnedThanks").fadeOut(2000);
+    });
+
+
+    }
+  });
+
   updateChatName();
 }
 
