sporada/nopaque
1
0
Fork 0
mirror of https://gitlab.ub.uni-bielefeld.de/sfb1288inf/nopaque.git synced 2025-11-03 20:02:47 +00:00
Code Issues Projects Releases Wiki Activity

Rename some things. Add metadata to downloadable json

Browse Source
This commit is contained in:
Stephan Porada
2020-04-30 15:21:55 +02:00
parent 1350e6ddd6
commit 58295b986d
4 changed files with 65 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
app/static/js/nopaque.Results.js
View File

@@ -1,20 +1,20 @@
class Results {
constructor(resultsJSON, resultsList , resultsMetaData) {
this.resultsJSON = resultsJSON;
this.resultsList = resultsList;
this.resultsMetaData = resultsMetaData
constructor(data, jsList , metaData) {
this.data = data;
this.jsList = jsList;
this.metaData = metaData
}
clearAll() {
this.resultsList.clear();
this.resultsList.update();
this.resultsJSON.init();
this.resultsMetaData.init();
this.jsList.clear();
this.jsList.update();
this.data.init();
this.metaData.init();
}
}
class ResultsJSON {
class Data {
// Sets empty object structure. Also usefull to delete old results.
// matchCount default is 0
init(matchCount = 0) {
@@ -24,6 +24,10 @@ class ResultsJSON {
this["match_count"] = matchCount;
}
addData(jsonData) {
Object.assign(this, jsonData);
}
// get query as string from form Element
getQueryStr(queryFormElement) {
// gets query
@@ -77,7 +81,7 @@ class ResultsJSON {
}
}
class ResultsMetaData {
class MetaData {
// Sets empty object structure when no input is given.
// Else it works like a delete.
init(json = {}) {

38
app/static/js/nopaque.callbacks.js
View File

@@ -1,5 +1,5 @@
function recvMetaData(payload) {
results.resultsMetaData.init(payload)
results.metaData.init(payload)
// results.metaDataJSON.corpus_name = payload.corpus_name;
// results.metaDataJSON.corpus_description = payload.corpus_description;
// results.metaDataJSON.corpus_creation_date = payload.corpus_creation_date;
@@ -10,7 +10,7 @@ function recvMetaData(payload) {
// results.metaDataJSON.corpus_analysis_date = payload.corpus_analysis_date;
// results.metaDataJSON.corpus_cqi_py_version = payload.corpus_cqi_py_version;
// results.metaDataJSON.corpus_cqpserver_version = payload.corpus_cqpserver_version;
console.log(results.resultsMetaData);
console.log(results.metaData);
}
function querySetup(payload) {
@@ -28,8 +28,8 @@ function querySetup(payload) {
// this has to be done here again because the last chunk from old results was still being recieved
results.clearAll()
// Get query string again
results.resultsJSON.getQueryStr(queryFormElement);
results.resultsJSON.match_count = payload.match_count;
results.data.getQueryStr(queryFormElement);
results.data.match_count = payload.match_count;
}
function queryRenderResults(payload) {
@@ -37,9 +37,9 @@ function queryRenderResults(payload) {
// This is called when results are transmitted and being recieved
console.log("Current recieved chunk:", payload.chunk);
if (payload.chunk.cpos_ranges == true) {
results.resultsJSON["cpos_ranges"] = true;
results.data["cpos_ranges"] = true;
} else {
results.resultsJSON["cpos_ranges"] = false;
results.data["cpos_ranges"] = false;
}
// update progress bar
queryResultsDeterminateElement.style.width = `${payload.progress}%`;
@@ -47,33 +47,33 @@ function queryRenderResults(payload) {
resultItems = []; // list for holding every row item
// get infos for full match row
for (let [index, match] of payload.chunk.matches.entries()) {
resultItems.push({...match, ...{"index": index + results.resultsJSON.matches.length}});
resultItems.push({...match, ...{"index": index + results.data.matches.length}});
}
resultsList.add(resultItems, (items) => {
results.jsList.add(resultItems, (items) => {
for (let item of items) {
item.elm = resultsList.createResultRowElement(item, payload.chunk);
item.elm = results.jsList.createResultRowElement(item, payload.chunk);
}
resultsList.update();
results.resultsList.changeContext(); // sets lr context on first result load
results.jsList.update();
results.jsList.changeContext(); // sets lr context on first result load
});
// incorporating new chunk results into full results
results.resultsJSON.matches.push(...payload.chunk.matches);
Object.assign(results.resultsJSON.cpos_lookup, payload.chunk.cpos_lookup);
Object.assign(results.resultsJSON.text_lookup, payload.chunk.text_lookup);
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);
// show user current and total match count
receivedMatchCountElement.innerText = `${results.resultsJSON.matches.length}`;
textLookupCountElement.innerText = `${Object.keys(results.resultsJSON.text_lookup).length}`;
console.log("Results recieved:", results.resultsJSON);
receivedMatchCountElement.innerText = `${results.data.matches.length}`;
textLookupCountElement.innerText = `${Object.keys(results.data.text_lookup).length}`;
console.log("Results recieved:", results.data);
// upate progress status
progress = payload.progress; // global declaration
if (progress === 100) {
queryResultsProgressElement.classList.add("hide");
queryResultsUserFeedbackElement.classList.add("hide");
queryResultsExportElement.classList.remove("disabled");
results.resultsList.activateInspect();
results.jsList.activateInspect();
}
// inital expert mode check and activation
if (expertModeSwitchElement.checked) {
results.resultsList.expertModeOn("query-display");
results.jsList.expertModeOn("query-display");
}
}

16
app/static/js/nopaque.lists.js
View File

@@ -175,8 +175,8 @@ class ResultsList extends List {
nopaque.socket.emit("corpus_analysis_inspect_match",
{
payload: {
first_cpos: results.resultsJSON.matches[dataIndex].c[0],
last_cpos: results.resultsJSON.matches[dataIndex].c[1]
first_cpos: results.data.matches[dataIndex].c[0],
last_cpos: results.data.matches[dataIndex].c[1]
}
}
);
@@ -209,8 +209,10 @@ class ResultsList extends List {
let tokenHTMlElement;
let uniqueS;
// TODO: contextData needs some identifier like match Nr to indicate what context this is. Also use this in the filename
this.contextData = response.payload;
this.contextData["query"] = results.resultsJSON.query;
this.contextData["query"] = results.data.query;
Object.assign(this.contextData, results.metaData);
contextResultsElement = document.getElementById("context-results");
modalExpertModeSwitchElement = document.getElementById("inspect-display-options-form-expert_mode_inspect");
highlightSentencesSwitchElement = document.getElementById("inspect-display-options-form-highlight_sentences");
@@ -441,7 +443,7 @@ class ResultsList extends List {
tooltipEventCreate(event) {
// console.log("Create Tooltip on mouseover.");
let token;
token = results.resultsJSON.cpos_lookup[event.target.dataset.cpos];
token = results.data.cpos_lookup[event.target.dataset.cpos];
if (!token) {
token = this.contextData.cpos_lookup[event.target.dataset.cpos];
}
@@ -488,11 +490,11 @@ class ResultsList extends List {
NER: ${token.ner}
</td>
<td class="left-align">
Title: ${resultsJSON.text_lookup[token.text].title}
Title: ${results.data.text_lookup[token.text].title}
<br>
Author: ${resultsJSON.text_lookup[token.text].author}
Author: ${results.data.text_lookup[token.text].author}
<br>
Publishing year: ${resultsJSON.text_lookup[token.text].publishing_year}
Publishing year: ${results.data.text_lookup[token.text].publishing_year}
</td>
</tr>
</table>`}