Intermediate result viewer push

web/app/static/js/nopaque.Results.js

@@ -96,9 +96,6 @@ class Data {
       tmp.forEach((index) => dataIndexes.push(index - 1));
       console.log(dataIndexes);
       results.jsList.getMatchWithContext(dataIndexes, "sub-results");
-      // TODO: save incoming matche infos with saveSubResultsChoices.
-      // TODO: trigger this function on dl btn click and seta flag that it has run to avoid double execution
-      // also set this flag to false if addToSubResultsIdsToShow has been altered
   }
 
 }

web/app/static/js/nopaque.callbacks.js

@@ -80,13 +80,21 @@ function queryRenderResults(payload, imported=false) {
   for (let [index, match] of payload.chunk.matches.entries()) {
     resultItems.push({...match, ...{"index": index + results.data.matches.length}});
   }
-  results.jsList.add(resultItems, (items) => {
-    for (let item of items) {
-      item.elm = results.jsList.createResultRowElement(item, payload.chunk);
-    }
-    results.jsList.update();
-    results.jsList.changeContext(); // sets lr context on first result load
-  });
+  if (!imported) {
+    results.jsList.add(resultItems, (items) => {
+      for (let item of items) {
+        item.elm = results.jsList.createResultRowElement(item, payload.chunk);
+      }
+    });
+  } else {
+    results.jsList.add(resultItems, (items) => {
+      for (let item of items) {
+        item.elm = results.jsList.createResultRowElement(item, payload.chunk,
+                                                         true);
+      }
+    });
+  }
+  results.jsList.changeContext(); // sets lr context on first result load
   // incorporating new chunk results into full results
   results.data.matches.push(...payload.chunk.matches);
   Object.assign(results.data.cpos_lookup, payload.chunk.cpos_lookup);
@@ -116,6 +124,7 @@ function queryRenderResults(payload, imported=false) {
       results.jsList.expertModeOn("query-display");
     }
   } else if (imported) {
+    progress = 100;
     results.jsList.activateInspect();
     if (expertModeSwitchElement.checked) {
       results.jsList.expertModeOn("query-display");

web/app/static/js/nopaque.lists.js

@@ -534,16 +534,74 @@ class ResultsList extends List {
     }
   }
 
+  // ### functions to inspect imported Matches
+  // This function creates an object that is similar to the object that is
+  // being recieved as an answere to the getMatchWithContext Method, which is
+  // triggering an socket.io event.
+  // It is used as an input for show match context in the context of imported
+  // results to be able to inspect matches.
+  createFakeResponse() {
+    contextModal.open();
+    let lc;
+    let c;
+    let rc;
+    let cpos_lookup;
+    let fake_response = {};
+    let contextResultsElement;
+    // function to create one match object from entire imported results
+    // that is passed into the results.jsList.showMatchContext() function
+    fake_response["payload"] = {};
+    let dataIndex = event.target.closest("tr").dataset.index;
+    fake_response.payload["matches"] = [results.data.matches[dataIndex]];
+    contextResultsElement = document.getElementById("context-results");
+    contextResultsElement.innerHTML = "";
+    if (results.data.cpos_ranges) {
+      // python range like function from MDN
+      // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/from#Sequence_generator_(range)
+      const range = (start, stop, step) => Array.from({ length: (stop - start) / step + 1}, (_, i) => start + (i * step));
+      lc = range(fake_response.payload.matches[0].lc[0],
+                 fake_response.payload.matches[0].lc[1],
+                 1);
+      c = range(fake_response.payload.matches[0].c[0],
+                fake_response.payload.matches[0].c[1],
+                1)
+      rc = range(fake_response.payload.matches[0].rc[0],
+                 fake_response.payload.matches[0].rc[1],
+                 1);
+    } else {
+      lc = fake_response.payload.matches[0].lc;
+      c = fake_response.payload.matches[0].c;
+      rc = fake_response.payload.matches[0].rc;
+    }
+    cpos_lookup = {};
+    for (let cpos of lc) {
+      cpos_lookup[cpos] = results.data.cpos_lookup[cpos];
+    }
+    for (let cpos of c) {
+      cpos_lookup[cpos] = results.data.cpos_lookup[cpos];
+    }
+    for (let cpos of rc) {
+      cpos_lookup[cpos] = results.data.cpos_lookup[cpos];
+    }
+    fake_response.payload["cpos_lookup"] = cpos_lookup
+    fake_response.payload["cpos_ranges"] = results.data.cpos_ranges;
+    fake_response.payload["query"] = results.data.query;
+    fake_response.payload["context_id"] = dataIndex + 1;
+    fake_response.payload["match_count"] = fake_response.payload.matches.length
+    fake_response.payload["corpus_type"] = "inspect-result"
+    return fake_response
+  }
+
   // gets result cpos infos for one dataIndex (list of length 1) to send back to
   // the server
   inspect(dataIndex, type) {
     let contextMatchNrElement;
+    let contextResultsElement;
     // get result infos from server and show them in context modal
     this.contextId = dataIndex[0];
      // match nr for user to display derived from data_index
     contextMatchNrElement = document.getElementById("context-match-nr");
     contextMatchNrElement.innerText = this.contextId + 1;
-    let contextResultsElement;
     contextResultsElement = document.getElementById("context-results");
     contextResultsElement.innerHTML = "";  // clear it from old inspects
     this.getMatchWithContext(dataIndex, type);
@@ -846,7 +904,9 @@ class ResultsList extends List {
     if (!Array.isArray(this.currentExpertTokenElements[htmlId])) {
       this.currentExpertTokenElements[htmlId] = [];
     }
-    this.currentExpertTokenElements[htmlId].push( ...document.getElementById(htmlId).getElementsByClassName("token"));
+    let container = document.getElementById(htmlId);
+    let tokens = container.querySelectorAll("span.token");
+    this.currentExpertTokenElements[htmlId].push(...tokens);
     this.tooltipEventCreateBind = this.tooltipEventCreate.bind(this);
     this.tooltipEventDestroyBind = this.tooltipEventDestroy.bind(this);
     this.eventTokens[htmlId] = [];
@@ -909,12 +969,13 @@ class ResultsList extends List {
   this.eventTokens[htmlId] = [];
   }
 
-  createResultRowElement(item, chunk) {
+  createResultRowElement(item, chunk, imported=false) {
     let aCellElement;
     let addToSubResultsBtn;
     let c;
     let cCellElement;
     let cpos;
+    let fakeResponse;   // used if imported results are being created;
     let inspectBtn
     let lc;
     let lcCellElement;
@@ -982,7 +1043,14 @@ class ResultsList extends List {
     inspectBtn.setAttribute("class", classes + ` disabled inspect`
                             );
     inspectBtn.innerHTML = '<i class="material-icons">search</i>';
-    inspectBtn.onclick = () => {this.inspect([values.index], "inspect")};
+    if (imported) {
+      inspectBtn.onclick = () => {
+        fakeResponse = this.createFakeResponse();
+        this.showMatchContext(fakeResponse);
+      };
+    } else {
+      inspectBtn.onclick = () => {this.inspect([values.index], "inspect")};
+    }
     // # add btn to add matches to sub-results. hidden per default
     addToSubResultsBtn = document.createElement("a");
     addToSubResultsBtn.setAttribute("style", css);