sporada/nopaque
1
0
Fork 0
mirror of https://gitlab.ub.uni-bielefeld.de/sfb1288inf/nopaque.git synced 2024-11-15 01:05:42 +00:00
Code Issues Projects Releases Wiki Activity

Add tooltip to posterpage

Browse Source
This commit is contained in:
Patrick Jentsch 2020-02-20 11:19:24 +01:00
parent c7155badf2
commit 6aa51fcd85
1 changed files with 43 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

45
app/templates/main/poster.html.j2
View File

@ -168,7 +168,7 @@
<span class="chip">brown</span>&nbsp;|&nbsp;&nbsp;<span class="chip">fox</span> <span class="chip">brown</span>&nbsp;|&nbsp;&nbsp;<span class="chip">fox</span>
<span class="chip">jumps</span> <span class="chip">over</span> <span class="chip">jumps</span> <span class="chip">over</span>
<span class="chip">the</span> <span class="chip">lazy</span> <span class="chip">the</span> <span class="chip">lazy</span>
<span class="chip">dog</span>&nbsp;|&nbsp;&nbsp;<span class="chip">.</span> <span class="chip" id="tooltipped">dog</span>&nbsp;|&nbsp;&nbsp;<span class="chip">.</span>
</p> </p>
</div> </div>
</div> </div>
@ -187,8 +187,49 @@
<p> <p>
<blockquote> <blockquote>
Umgesetzt mit <i>IMS Open Corpus Workbench</i><br> Umgesetzt mit <i>IMS Open Corpus Workbench</i><br>
als Docker Container mit Socketverbindung als lokaler Docker-Container
</blockquote> </blockquote>
</p> </p>
</div> </div>
<div class="col s12">
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
</div>
<script>
document.addEventListener("DOMContentLoaded", function() {
tooltippedElement = document.getElementById("tooltipped");
tooltip = M.Tooltip.init(
tooltippedElement,
{"html": `<table>
<tr>
<th>Token information</th>
<th>Source information</th>
</tr>
<tr>
<td class="left-align">
Word: dog<br>
Lemma: dog<br>
POS: NN<br>
Simple POS: NOUN<br>
NER: NULL
</td>
<td class="left-align">
Title: Current Notes<br>
Author: Unknown<br>
Publishing year: 1885
</td>
</tr>
</table>`,
"inDuration": 1500,
"margin": 15,
"position": "bottom",
"transitionMovement": 0}
);
tooltip.open();
});
</script>
{% endblock %} {% endblock %}