Refactor and removed unused code

static/coffee/src/courseware.coffee

@@ -3,6 +3,7 @@ class window.Courseware
     new CoursewareNavigation
     new Calculator
     new FeedbackForm
+    Logger.bind()
     @renderModules()
 
   @start: ->

static/coffee/src/main.coffee

 $ ->
   $.ajaxSetup
     headers : { 'X-CSRFToken': $.cookie 'csrftoken' }
+    dataType: 'json'
 
   window.onTouchBasedDevice = ->
     navigator.userAgent.match /iPhone|iPod|iPad/i
 
   $("a[rel*=leanModal]").leanModal()
+  $('#csrfmiddlewaretoken').attr 'value', $.cookie('csrftoken')
 
   if $('body').hasClass('courseware')
     Courseware.start()
+
+  # Preserved for backward compatibility
+  window.submit_circuit = (circuit_id) ->
+    $("input.schematic").each (index, element) ->
+      element.schematic.update_value()
+
+    schematic_value $("#schematic_#{circuit_id}").attr("value")
+    $.post "/save_circuit/#{circuit_id}", schematic: schematic_value, (data) ->
+      alert('Saved') if data.results == 'success'

templates/coffee/src/logger.coffee

+class @Logger
+  @log: (event_type, data) ->
+    $.getJSON '/event',
+      event_type: event_type
+      event: JSON.stringify(data)
+      page: window.location.href
+
+  @bind: ->
+    window.onunload = ->
+      $.ajax
+        url: '/event'
+        data:
+          event_type: 'page_close'
+          event: ''
+          page: window.location.href
+        async: false
+      return true
+
+# Keeping this for conpatibility issue only.
+@log_event = Logger.log

templates/video_init.js

-var streams=${ streams }
-var params = { allowScriptAccess: "always", bgcolor: "#cccccc", wmode: "transparent", allowFullScreen: "true" };
-var atts = { id: "myytplayer" };
-
-// If the user doesn't have flash, use the HTML5 Video instead. YouTube's
-// iFrame API which supports HTML5 is still developmental so it is not default
-if (swfobject.hasFlashPlayerVersion("10.1")){
-  swfobject.embedSWF(document.location.protocol +  "//www.youtube.com/apiplayer?enablejsapi=1&playerapiid=ytplayer?wmode=transparent",
-        "ytapiplayer", "640", "385", "8", null, null, params, atts);
-} else {
-
-  //end of this URL may need &origin=http://..... once pushed to production to prevent XSS
-  $("#html5_player").attr("src", document.location.protocol +  "//www.youtube.com/embed/" + streams["1.0"] + "?enablejsapi=1&controls=0");
-  $("#html5_player").show();
-
-  var tag = document.createElement('script');
-  tag.src = document.location.protocol +  "//www.youtube.com/player_api";
-  var firstScriptTag = document.getElementsByTagName('script')[0];
-  firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
-  // Make sure the callback is called once API ready, YT seems to be buggy
-  loadHTML5Video();
-}
-
-var captions=0;
-
-/* Cache a reference to our slider element */
-var slider = $('#slider')
-
-.slider({
-  range: "min",
-  slide: function(event,ui) {
-    var slider_time = format_time(ui.value)
-
-    seek_slide('slide',event.originalEvent,ui.value);
-    handle.qtip('option', 'content.text', '' + slider_time);
-  }, 
-  stop:function(event,ui){seek_slide('stop',event.originalEvent,ui.value);}
-}),
-
-/* Grab and cache the newly created slider handle */
-handle = $('.ui-slider-handle', slider);
-
-/* 
-	 * Selector needs changing here to match your elements.
-	 * 
-	 * Notice the second argument to the $() constructor, which tells
-	 * jQuery to use that as the top-level element to seareh down from.
-	 */
-	handle.qtip({
-		content: '' + slider.slider('option', 'value'), // Use the current value of the slider
-		position: {
-			my: 'bottom center',
-			at: 'top center',
-			container: handle // Stick it inside the handle element so it keeps the position synched up
-		},
-		hide: {
-			delay: 700 // Give it a longer delay so it doesn't hide frequently as we move the handle
-		},
-		style: {
-			classes: 'ui-tooltip-slider',
-			widget: true // Make it Themeroller compatible
-		}
-	});
-
-function good() {
-    window['console'].log(ytplayer.getCurrentTime());
-}
-
-ajax_video=good;
-
-// load the same video speed your last video was at in a sequence
-// if the last speed played on video doesn't exist on another video just use 1.0 as default
-
-function add_speed(key, stream) {
-  var id = 'speed_' + stream;
-
-  if (key == video_speed) {
-    $("#video_speeds").append(' <li class="active" id="'+id+'">'+key+'x</li>');
-    $("p.active").text(key + 'x');
-  } else {
-    $("#video_speeds").append(' <li id="'+id+'">'+key+'x</li>');
-  }
-
-  $("#"+id).click(function(){
-    change_video_speed(key, stream);
-    $(this).siblings().removeClass("active");
-    $(this).addClass("active");
-    var active = $(this).text();
-    $("p.active").text(active);
-  });
-
-}
-
-var l=[]
-for (var key in streams) {
-    l.push(key);
-}
-
-function sort_by_value(a,b) {
-    var x=parseFloat(a);
-    var y=parseFloat(b);
-    var r=((x < y) ? -1 : ((x > y) ? 1 : 0));
-    return r;
-}
-
-l.sort(sort_by_value);
-
-$(document).ready(function() {
-    video_speed = $.cookie("video_speed");
-
-    //ugly hack to account for different formats in vid speed in the XML (.75 vs 0.75, 1.5 vs 1.50);
-    if (( !video_speed ) || ( !streams[video_speed] && !streams[video_speed + "0"]) && !streams[video_speed.slice(0,-1)] && !streams[video_speed.slice(1)] && !streams["0" + video_speed]) {
-      video_speed = "1.0";
-    }
-
-    if (streams[video_speed + "0"]){
-      video_speed = video_speed + "0";
-    } else if (streams[video_speed.slice(0, -1)]){
-      video_speed = video_speed.slice(0, -1);
-    } else if (streams[video_speed.slice(1)]) {
-      video_speed = video_speed.slice(1);
-    } else if (streams["0" + video_speed]) {
-      video_speed = "0" + video_speed;
-    }
-
-    loadNewVideo(streams["1.0"], streams[video_speed], ${ position });
-
-    for(var i=0; i<l.length; i++) {
-      add_speed(l[i], streams[l[i]])
-    }
-
-    var dropUpHeight = $('ol#video_speeds').height();
-    console.log(dropUpHeight);
-    $('ol#video_speeds').css('top', -(dropUpHeight + 2));
-});
-
-function toggleVideo(){
-  if ($("#video_control").hasClass("play")){
-    play();
-    $("#video_control").removeClass().addClass("pause");
-  } else {
-    pause();
-    $("#video_control").removeClass().addClass("play");
-  }
-}
-
-$("#video_control").click(toggleVideo);
-
-// space bar to pause video
-$(".video-wrapper").keyup(function(e){
-  active = document.activeElement;
-  if (e.which == 32) {
-    e.preventDefault();
-    $("#video_control").click();
-  }
-});