E2100. Tagging report for Students

app/assets/javascripts/answer_tags.js

@@ -15,6 +15,16 @@ save_tag = function(answer_id, tag_prompt_deployment_id, control){
         tag_prompt_deployment_id: tag_prompt_deployment_id.toString(),
         value: control.value.toString()
     }));
+    // Update Heatmap -- Line added March 2021 Project E2100
+    if (document.URL.includes("view_team")){ //Only display the heatmap on the view_team page, the update table only happens when conduct tag save action on view_team page.
+        tagActionOnUpdate();
+    }
+
+    if (document.URL.includes("view_my_scores")){ //On view_my_scores page, no heatmap exists, should not update table, but a simple counter is displayed for tagging progress.
+        var total_tags = countTotalTags();
+        var tagged_tages = countTaggedTags();
+        document.getElementById("tag_stats").innerHTML = "Tag Finished: " + tagged_tages + "/" + total_tags
+    }
 }
 
 toggleLabel = function(range) {

app/assets/javascripts/view_my_scores_helper.js

@@ -0,0 +1,22 @@
+/* Added as part of E2100, Tagging Report for Students, March 2021
+ * Queries the page for completed tags and sets up the mini-tagging-report on Alternate View
+ */
+
+// Count total number of tag prompts on the page
+function countTotalTags() {
+    var tagPrompts = document.getElementsByName("tag_checkboxes[]");
+    return tagPrompts.length;
+}
+
+// Count number of tags which have been clicked
+function countTaggedTags() {
+    var TaggedTags = 0;
+    var tagPrompts = document.getElementsByName("tag_checkboxes[]");
+
+    for (index = 0; index < tagPrompts.length; ++index) {
+        if (tagPrompts[index].value != 0) {
+            TaggedTags++;
+        }
+    }
+    return TaggedTags;
+}