First setup for metadata modal view

web/app/static/js/nopaque.InteractionElement.js

@@ -29,17 +29,21 @@ class InteractionElement {
     let boundedCallback = callback["function"].bind(callback.bindThis);
     return boundedCallback;
   }
+}
 
-  static onChangeExecute(interactionElements) {
+class InteractionElements {
+  constructor() {
+    this.interactions = [];
+  }
+
+  addInteractions (interactionsArray) {
+    this.interactions.push(...interactionsArray);
+  }
+
+  onChangeExecute() {
     // checks if a change for every interactionElement happens and executes
     // the callbacks accordingly
-    // TODO: This function scould be a static function of the Class InteractionElements
-    // This class does not exist yet. The Class InteractionElements should hold
-    // a list of InteractionElement objects. onChangeExecute loops over InteractionElements
-    // and executes the callbacks as mentioned accordingly. An additional
-    // InteractionElements Class is logically right but also makes things a little more
-    // complex. It is not yet decided.
-    for (let interaction of interactionElements) {
+    for (let interaction of this.interactions) {
       if (interaction.checkStatus) {
         interaction.element.addEventListener("change", (event) => {
           if (event.target.checked) {

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

@@ -12,6 +12,7 @@ class Results {
     this.jsList.update();
     this.data.init();
     this.metaData.init();
+    this.resultsData.init()
     this.subResultsData.init();
   }
 
@@ -92,6 +93,15 @@ class Data {
 
   // create results data either from all results or from al lmarked sub results
   createResultsData(type) {
+    // deactivate inspect, because cqp server cannot handle multiple requests
+    results.jsList.deactivateInspect();
+    activateInspectInteraction.setCallback("noCheck",
+                                            results.jsList.deactivateInspect,
+                                            results.jsList);
+    // set flag that results are being created to avoid reactivation of
+    // sub results creation if marked matches are changed
+    resultCreationRunning = true;
+    console.log(resultCreationRunning);
     if (type === "sub-results") {
       resultsCreateElement.classList.add("disabled");  // cqp server cannot handle more than one request at a time. Thus we deactivate the resultsCreateElement
       let tmp = [...results.jsList.addToSubResultsIdsToShow].sort(function(a, b){return a-b});

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

@@ -56,12 +56,18 @@ function saveSubResultsChoices(response) {
       clearTimeout();
     }, 3000)
     // Resets the resultsCreateElement (removing spinner with setting innerText)
-    resultsCreateElement.innerText = "Create Sub-Results";
+    resultsCreateElement.innerText = "Create Results";
     resultsCreateElement.insertAdjacentHTML("beforeend", `<i class="material-icons left">build</i>`);
     // reactivate subResultsCreateElement
     subResultsCreateElement.classList.remove("disabled");
   }
-
+  // reactivate inspect
+  results.jsList.activateInspect();
+  activateInspectInteraction.setCallback("noCheck",
+                                          results.jsList.activateInspect,
+                                          results.jsList);
+  // set resultCreationRunning to flase
+  resultCreationRunning = false;
 }
 
 // This callback is called on socket.on "query".
@@ -79,6 +85,9 @@ function querySetup(payload) {
   queryResultsDeterminateElement.style.width = "0%";
   queryResultsProgressElement.classList.remove("hide");
   queryResultsUserFeedbackElement.classList.remove("hide");
+  resultsCreateElement.classList.add("disabled");
+  resultsCreateElement.classList.remove("hide");
+  resultsExportElement.classList.add("hide");
   // some initial values
   receivedMatchCountElement.innerText = "0";
   textLookupCountElement.innerText = "0";
@@ -118,6 +127,7 @@ function queryRenderResults(payload, imported=false) {
       }
       helperQueryRenderResults(payload);
       if (progress === 100) {
+        resultsCreateElement.classList.remove("disabled");
         queryResultsProgressElement.classList.add("hide");
         queryResultsUserFeedbackElement.classList.add("hide");
         resultsExportElement.classList.remove("disabled");
@@ -154,8 +164,10 @@ function helperQueryRenderResults (payload) {
   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);
-  Object.assign(results.data.text_lookup, payload.chunk.text_lookup);
+  results.data.addData(payload.chunk.cpos_lookup, "cpos_lookup");
+  results.data.addData(payload.chunk.text_lookup, "text_lookup");
+  // complete metaData
+  // results.metaData.add();
   // show user current and total match count
   receivedMatchCountElement.innerText = `${results.data.matches.length}`;
   textLookupCountElement.innerText = `${Object.keys(results.data.text_lookup).length}`;

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

@@ -330,7 +330,7 @@ class ResultsList extends List {
   // loops over interactionElements and executes callback functions accordingly
   pageChangeEventInteractionHandler(interactionElements) {
     // get elements to check thier status
-    for (let interaction of interactionElements) {
+    for (let interaction of interactionElements.interactions) {
       if (interaction.checkStatus) {
         if (interaction.element.checked) {
           let f_on = interaction.bindThisToCallback("on");
@@ -427,14 +427,18 @@ class ResultsList extends List {
       nrMarkedMatches.innerText = [...this.addToSubResultsIdsToShow].length;
       M.textareaAutoResize(textarea); // after an insert textarea has to be resized manually
     }
-    // Toggles the create button accoring to the number of ids in addToSubResultsIdsToShow
+    // Toggles the create button according to the number of ids in addToSubResultsIdsToShow
     if ([...this.addToSubResultsIdsToShow].length > 0) {
       subResultsCreateElement.classList.remove("disabled");
     } else if ([...this.addToSubResultsIdsToShow].length === 0) {
       subResultsCreateElement.classList.add("disabled");
     }
+    if (resultCreationRunning) {
+      subResultsCreateElement.classList.add("disabled");
+    }
     // After a match as been added or removed the export button will be
-    // hidden because the sub-results have been alterd and have to be built //// again. Thus subResultsCreateElement has to be shown again.
+    // hidden because the sub-results have been altered and have to be built
+    // again. Thus subResultsCreateElement has to be shown again.
     subResultsExportElement.classList.add("hide");
     subResultsCreateElement.classList.remove("hide");
     // Also activate/deactivate buttons in the table/jsList results accordingly
@@ -483,6 +487,15 @@ class ResultsList extends List {
     }
   }
 
+  // deactivate inspect buttons
+  deactivateInspect() {
+    let inspectBtnElements;
+    inspectBtnElements = document.getElementsByClassName("inspect");
+    for (let inspectBtn of inspectBtnElements) {
+      inspectBtn.classList.add("disabled");
+    }
+  }
+
   // ### 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