sporada/nopaque
1
0
Fork 0
mirror of https://gitlab.ub.uni-bielefeld.de/sfb1288inf/nopaque.git synced 2025-06-12 09:00:40 +00:00
Code Issues Projects Releases Wiki Activity

Add first things to get more context for one match.

Browse Source
This commit is contained in:
Stephan Porada
2019-12-02 16:13:53 +01:00
parent d2334e6a1e
commit 94e8d0895c
3 changed files with 51 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
app/templates/corpora/analyse_corpus.html.j2
View File

@ -137,6 +137,16 @@
</div>
</div>
<div id="context-modal" class="modal">
<div class="modal-content">
<h4>Modal Header</h4>
<p>A bunch of text</p>
</div>
<div class="modal-footer">
<a href="#!" class="modal-close waves-effect waves-green btn-flat">Agree</a>
</div>
</div>
<script>
var loadingModal;
document.addEventListener("DOMContentLoaded", function() {
@ -196,9 +206,10 @@
queryResultsElement.innerHTML = "";
for (let match of result['matches']) {
for (let [index, match] of result['matches'].entries()) {
matchElement = document.createElement("tr");
matchElement.classList.add("match");
matchElement.dataset.index = index;
matchTextTitlesElement = document.createElement("td");
matchTextTitlesElement.classList.add("text-titles");
matchElement.append(matchTextTitlesElement);
@ -237,6 +248,16 @@
tokenElements.push(tokenElement);
textTitles.add(result["text_lookup"][token["text"]]["title"]);
}
var moreContextBtn = document.createElement("a");
moreContextBtn.setAttribute("class", "btn-floating btn waves-effect waves-light teal right");
moreContextBtn.innerHTML = '<i class="material-icons">search</i>';
matchHitElement.append(document.createElement("br"), document.createElement("br"));
matchHitElement.append(moreContextBtn);
moreContextBtn.onclick = function(){
var cpos = match["hit"];
socket.emit("inspect_match", {"cpos": cpos});
};
matchTextTitlesElement.innerText = [...textTitles].join(",");
matchElement.append(matchHitElement);
matchRightContextElement = document.createElement("td");
@ -277,15 +298,22 @@
</td>
<td class="left-align">
Title: ${result["text_lookup"][token["text"]]["title"]}<br>
Author: ${result["text_lookup"][token["text"]]["title"]}<br>
Author: ${result["text_lookup"][token["text"]]["author"]}<br>
Publishing year: ${result["text_lookup"][token["text"]]["publishing_year"]}
</td>
</tr>
</table>`,
"inDuration": 2500,
"inDuration": 1500,
"margin": 15,
"position": "top",
"transitionMovement": 0});
}
socket.on("match_context", function(message) {
console.log(message);
var elems = document.querySelectorAll('.modal');
var instances = M.Modal.init(elems);
});
</script>
{% endblock %}