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

Poster

Browse Source
This commit is contained in:
stephan
2020-02-24 11:50:05 +01:00
parent cd405d937e
commit 945cb5e130
1 changed files with 44 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -162,13 +162,20 @@
<i class="material-icons prefix">search</i>
<input class="search" placeholder='"fox" "jumps" "over" []* "dog"' type="search"></input>
</div>
<i class="material-icons left" style="padding-left: 10px;">subdirectory_arrow_right</i>
<p>
<i class="material-icons left" style="padding-left: 10px;">subdirectory_arrow_right</i>
<span class="chip">The</span> <span class="chip">quick</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">the</span> <span class="chip">lazy</span>
<span class="chip" id="tooltipped">dog</span>&nbsp;|&nbsp;&nbsp;<span class="chip">.</span>
<span class="chip">The | DET</span>
<span class="chip">quick | ADJ</span>
<span class="chip">brown | ADJ</span>
<span class="chip light-green">fox | PROPN</span>
<span class="chip light-green">jumps | VERB</span>
<span class="chip light-green">over | ADP</span>
<span class="chip light-green">the | DET</span>
<span class="chip light-green">lazy | ADJ</span>
<span style="padding-left:48px;">
<span class="chip light-green" id="tooltipped">dog | NOUN</span>
</span>
<span class="chip">. | PUNCT</span>
</p>
</div>
</div>
@@ -200,37 +207,37 @@
</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();
});
// 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();
// });
//DarkReader.enable({"brightness": 100, "contrast": 100, "sepia": 0});
</script>
{% endblock %}