AutolabJS/AutolabJS

var download_marks=[];
var current_lab = '';
var id_no='';

function download_csv() {
  var blob = new Blob([download_marks], {
    type: "text/plain;charset=utf-8;",
  });
  saveAs(blob, current_lab+".csv");
};

$(document).ready(function() {
  $(".dropdown-button").dropdown();
  $("#labs").hide();
  $("#submission").hide();
  $("#evaluating").hide();
  $("#marks").hide();
  $("#scorecard").hide();
  $("#invalidLab").hide();
  $("#submission_pending").hide();
  $("select").material_select();
  var socket = io.connect();

  socket.on('course details',function(data)
{
  $('#logo-container').text(data['course number'] + ": " + data['name'])
  list_start = '<li><a class="grey-text text-lighten-3" target="_blank" href="#!">'
  list_end ='</a></li>'
  var list = ""
  list+= list_start + data['instructor in charge'] + "  (Instructor In-charge)" + list_end
  for(var ins in data['other instructors']) list += list_start + data['other instructors'][ins] + list_end
  $('#instructors').append(list)
})
  socket.on('labs_status', function(data) {
    $("#loadingDiv").hide();
    $("#submission").hide();
    $("#evaluating").hide();
    $("#marks").hide();
    $("#scorecard").hide();
    $("#invalidLab").hide();
    $("#submission_pending").hide();
    $("#inactiveLabContainer .row").empty();
    $("#activeLabContainer .row").empty();
    for(var i=0;i<data.length;i++)
    {
      lab_block = "<div class=\"col s4 m4\"> <div class=\"card #ffffff white\"> <div class=\"card-content black-text\"> <span class=\"card-title\">"+data[i].Lab_No.Lab_No+"</span> <ul><li>Starts at\t"+data[i].Lab_No.start_hour+":"+data[i].Lab_No.start_minute+" on "+data[i].Lab_No.start_date+"-"+data[i].Lab_No.start_month+"-"+data[i].Lab_No.start_year;
      lab_block=lab_block + "</li><li>Ends at \t"+data[i].Lab_No.end_hour+":"+data[i].Lab_No.end_minute+" on "+data[i].Lab_No.end_date+"-"+data[i].Lab_No.end_month+"-"+data[i].Lab_No.end_year+"</li><li>Late Deadline at \t"+data[i].Lab_No.hard_hour+":"+data[i].Lab_No.hard_minute+" on "+data[i].Lab_No.hard_date+"-"+data[i].Lab_No.hard_month+"-"+data[i].Lab_No.hard_year+"</li><li>Late Penalty: \t"+data[i].Lab_No.penalty+" mark(s) </li></ul> </div> <div class=\"card-action\"> <a id=\"subl"+data[i].Lab_No.Lab_No+"\" href=\"#\">Submit</a> <a id=\"scol"+data[i].Lab_No.Lab_No+"\" href=\"#\">Scoreboard</a></div> </div> </div>";
      if(data[i].status==0)
      {
        $("#inactiveLabContainer .collection").empty();
        $("#inactiveLabContainer .row").append(lab_block);
      }
      else {
        $("#activeLabContainer .collection").empty();
        $("#activeLabContainer .row").append(lab_block);
      }
    }

    $('.time').each(function(idx) {
      startTimer(data[idx].delta, $(this));
    });

    $("#labs").show();

    $('[id^=subl]').on('click', function(e) {
      e.preventDefault();
      current_lab=$(this).attr('id').substring(4);
      $('#labs').hide();
      $('#submission').show();
      $('#submission_pending').hide();
    });

    $('[id^=scol]').on('click', function(e) {
      e.preventDefault();
      current_lab=$(this).attr('id').substring(4);
      $('#labs').hide();
      $('#submission_pending').hide();
      $('#loadingDiv').show();
      request = $.ajax({
        url: "/scoreboard/"+current_lab,
        type: "get",
      });
      request.done(function (response, textStatus, jqXHR){
        $('#loadingDiv').hide();
        $("#scorecard").show();
        entry="<a href=\"\" onClick=\"download_csv(); return false;\">Download as CSV</a>";
        $("#scorecard #download").append(entry);
        download_marks=[];
        for(i=0;i<response.length;i++)
        {
          entry ="<tr> <td>"+(i+1)+"</td><td>"+response[i].id_no+"</td> <td>"+response[i].score+"</td> <td>"+response[i].time +"</td> </tr>";
          $("#scorecard tbody").append(entry);
          download_marks=download_marks+response[i].id_no+", "+response[i].score+"\n";
        }
      });
    });
  });

  $('#submitButton').on('click', function(e) {
   e.preventDefault();
   $("#submission").hide();
   $('#submission_pending').hide();
   $("#evaluating").show();
   id_no=$('#nameField').val();
   commit_hash=$('#commitHash').val();
   language = $("#language").children("option").filter(":selected").val()
   socket.emit('submission', [id_no, current_lab, commit_hash, language]);
   commit_hash="";
 });

  socket.on('invalid', function(data) {
    $("#evaluating").hide();
    $("#invalidLab").show();
  });

  socket.on('submission_pending',function(data)
  {
    console.log("Pending recieved")
    $("#evaluating").hide();
    $("#submission_pending").show();
  })

  socket.on('scores', function(data) {
    $("#evaluating").hide();
    $("#marks").show();
    total_score=0;
    $("#log").text(atob(data.log));
    for(i=0;i<data.marks.length;i++)
    {
      total_score=total_score+ parseInt(data.marks[i]);
      status = data.comment[i];
      entry ="<tr> <td>"+(i+1)+"</td><td>"+status+"</td> <td>"+data.marks[i]+"</td> </tr>";
      $("#marks tbody").append(entry);
    }
    total_score = total_score - parseInt(data.penalty);
    if(total_score < 0)
    {
      total_score = 0;
    }
    if(data.status!=0)
    {
      $("#marks").append("<h5 class = \"header light\">Penalty = "+data.penalty+"</h5>");
    }
    $("#marks").append("<h4 class = \"header light\">Total Score = "+total_score+"</h4>");
    if(data.status==0)
    {
      $("#marks").append("<p class=\"collection item\"><h6><b>Warning:</b> This lab is not active. The result of this evaluation is not added to the scoreboard.<h6>");
    }
  });
});