Add expert view in a hacky way

app/static/css/nopaque.css

@@ -92,6 +92,11 @@ indicator will show up how the column is sorted right now.; */
   z-index: 999; /* tmp fix */
 }
 
+/* class for expert view */
+.expert-view {
+  cursor: pointer;
+}
+
 /* styles for resource lists */
 .service[data-service]:before {
   content: "help";

app/static/js/nopaque.js

@@ -168,21 +168,17 @@ nopaque.socket.on("foreign_jobs_update", function(msg) {
 // get context of one match if inspected
 nopaque.socket.on("match_context", function(message) {
   console.log("### match_context ###");
-  console.log(message);
+  console.log("Incoming data:", message);
   contextResultsElement.innerHTML = "<p>&nbsp;</p>";
   document.getElementById("context-modal-loading").classList.add("hide");
   document.getElementById("context-modal-ready").classList.remove("hide");
 
   let sentenceElement, token, tokenElement;
 
-  lookup["cpos"] = {...lookup["cpos"], ...message["cpos_lookup"]};
-  lookup["s"] = message["context_s_cpos"];
-  lookup["text"] = {...lookup["text"], ...message["text_lookup"]};
-
   for (let [key, value] of Object.entries(message['context_s_cpos'])) {
     sentenceElement = document.createElement("p");
     for (cpos of value) {
-      token = lookup["cpos"][cpos];
+      token = message["cpos_lookup"][cpos];
       tokenElement = document.createElement("span");
       tokenElement.classList.add("token");
       if (message["match_cpos_list"].includes(cpos)) {

app/static/js/nopaque.lists.js

@@ -127,7 +127,7 @@ class ResultList extends List {
       var inspectBtn = document.createElement("a");
       inspectBtn.setAttribute("class", "btn-floating btn-flat waves-effect waves-light grey right inspect");
       inspectBtn.innerHTML = '<i class="material-icons">search</i>';
-      inspectBtn.onclick = function () {inspect(values["index"])};
+      inspectBtn.onclick = function() {inspect(values["index"])};
     }
     // add text titles at front as first td of one row
     hitCellElement.appendChild(inspectBtn);