First feature complete rebuilt of analysis interface

app/templates/corpora/pj_analyse_corpus.html.j2

@@ -327,10 +327,44 @@
 
     // get context of one match if inspected via socket.io
     nopaque.socket.on("pj_match_context", showMatchContext);
+
+    // live update of hits per page if hits per page value is changed
+    hitsPerPageInputElement = document.getElementById("display-options-form-results_per_page");
+    hitsPerPageInputElement.onchange = changeHitsPerPage;
+
+    // live update of lr context per item if context value is changed
+    contextPerItemElement = document.getElementById("display-options-form-result_context");
+    contextPerItemElement.onchange = changeContext;
+
+    // eventListener if pagination is used to apply new context size to new page
+    // and also activate inspect match if queryFinished is true
+    paginationElements = document.getElementsByClassName("pagination");
+    for (element of paginationElements) {
+      element.addEventListener("click", changeContext);
+      element.addEventListener("click", activateInspect);
+    }
+
+    // epxert mode table view
+    expertModeSwitchElement = document.getElementById("display-options-form-expert_mode");
+    expertModeSwitchElement.addEventListener("change", function(event) {
+      let currentTokenElements = document.getElementsByClassName("token");
+      let paginationElements = document.getElementsByClassName("pagination");
+      if (event.target.checked) {
+        console.log("Checked!");
+        expertModeOn(currentTokenElements, resultsJSON);
+        for (element of paginationElements) {
+          element.tokenElements = currentTokenElements;
+          element.addEventListener("click", eventHandlerCheck);
+        }
+      } else {
+        console.log("Unchecked!");
+        expertModeOff(currentTokenElements);
+        console.log("unchecked! Destroy");
+      }
+    })
   });
 
-
-  // Add onclick to open download modal wen Export Results button is pressed
+  // Add onclick to open download modal when Export Results button is pressed
   queryResultsExportElement.onclick = function() {
     exportModal.open();
   }