Continue new list building for results

app/templates/corpora/analyse_corpus.html.j2

@@ -378,13 +378,16 @@
     resultList.add(resultItems, items => {
       for (let item of items) {
         item.elm = resultList.createResultRowElement(item, chunk);}
+      resultList.update();
     });
-    resultList.update();
     });
 
     // inspect match functions
-    function inspect() {
-      console.log("Inspect!")
+    function inspect(dataIndex) {
+      console.log("Inspect!");
+      console.log(result["matches"][dataIndex]["hit"]);
+      contextModal.open();
+      nopaque.socket.emit("inspect_match", {"cpos": result["matches"][dataIndex]["hit"]});
     }
 
     // Function to download data to a file
@@ -442,7 +445,7 @@
                    "transitionMovement": 0});
   }
 
-
+  // get context of one match if inspected
   nopaque.socket.on("match_context", function(message) {
     console.log("### match_context ###");
     console.log(message);
@@ -450,9 +453,7 @@
     document.getElementById("context-modal-loading").classList.add("hide");
     document.getElementById("context-modal-ready").classList.remove("hide");
 
-    var sentenceElement;
-    var token;
-    var tokenElement;
+    let sentenceElement, token, tokenElement;
 
     lookup["cpos"] = {...lookup["cpos"], ...message["cpos_lookup"]};
     lookup["s"] = message["context_s_cpos"];
@@ -469,11 +470,11 @@
         }
         tokenElement.dataset.cpos = cpos;
         tokenElement.innerText = token["word"];
-        if (expertModeSwitchElement.checked) {
-          tokenElement.classList.add("chip");
-          addToolTipToTokenElement(tokenElement, token);
-        }
-        tokenElements.add(tokenElement);
+      //   if (expertModeSwitchElement.checked) {
+      //     tokenElement.classList.add("chip");
+      //     addToolTipToTokenElement(tokenElement, token);
+      //   }
+        // tokenElements.add(tokenElement);
         sentenceElement.append(tokenElement);
         sentenceElement.append(document.createTextNode(" "));
       }