Toggle view (#91)

* Adding new visualization option for student progress

* Fixing username list

* removing conflict

backend/app/dashboard/static/dashboard-progress.js

@@ -42,6 +42,14 @@ function createHandsontable(data, columns_list) {
 
 function updateHandsontable(data, columns_list) {
   data = filterStudentsInClass(data);
+
+  ret = generateMatrix(data, columns_list)
+  usernames = ret[0]
+  zvals = ret[1]
+  data_h[0]['x'] = columns_list.slice(1);
+  data_h[0]['y'] = usernames;
+  data_h[0]['z'] = zvals;
+  Plotly.redraw('chart');
 
   ret = generateMatrix(data, columns_list)
   zvals = ret[1]
@@ -167,7 +175,6 @@ function generateMatrix(tableData, columns){
     });
     zvals.push(studentvals)
   });
-  console.log(usernames)
   return [usernames.reverse(), zvals.reverse()]
 }
 
@@ -210,7 +217,8 @@ document.addEventListener("DOMContentLoaded", function () {
 
   createHandsontable(tableData, columns);
 
-  ret = generateMatrix(tableData, columns)
+  data = filterStudentsInClass(tableData);
+  ret = generateMatrix(data, columns)
   usernames = ret[0]
   zvals = ret[1]
   data_h = [
@@ -238,7 +246,7 @@ document.addEventListener("DOMContentLoaded", function () {
     },
     xaxis: {showticklabels: false, ticks: "", side:"top"},
     showlegend: false,
-    height: usernames.length * 20,
+    height: Math.max(400, usernames.length * 25),
     autosize: true
   };
 

backend/app/dashboard/templates/dashboard/instructor-progress.html

@@ -42,7 +42,7 @@ <h1>Class Progress</h1>
               {% endfor %}
             </datalist>
           </div>
-          <button onclick="toggleVisibility()" class="btn btn-secondary">Alternar visualização</button>
+          <button onclick="toggleVisibility()" class="btn btn-secondary">Toggle visualization</button>
         </div>
         {% endif %}