sporada/nopaque
1
0
Fork 0
mirror of https://gitlab.ub.uni-bielefeld.de/sfb1288inf/nopaque.git synced 2024-12-26 03:14:19 +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
Show Stats 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> <i class="material-icons prefix">search</i>
<input class="search" placeholder='"fox" "jumps" "over" []* "dog"' type="search"></input> <input class="search" placeholder='"fox" "jumps" "over" []* "dog"' type="search"></input>
</div> </div>
<p>
<i class="material-icons left" style="padding-left: 10px;">subdirectory_arrow_right</i> <i class="material-icons left" style="padding-left: 10px;">subdirectory_arrow_right</i>
<span class="chip">The</span> <span class="chip">quick</span> <p>
<span class="chip">brown</span>&nbsp;|&nbsp;&nbsp;<span class="chip">fox</span> <span class="chip">The | DET</span>
<span class="chip">jumps</span> <span class="chip">over</span> <span class="chip">quick | ADJ</span>
<span class="chip">the</span> <span class="chip">lazy</span> <span class="chip">brown | ADJ</span>
<span class="chip" id="tooltipped">dog</span>&nbsp;|&nbsp;&nbsp;<span class="chip">.</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> </p>
</div> </div>
</div> </div>
@ -200,37 +207,37 @@
</div> </div>
<script> <script>
document.addEventListener("DOMContentLoaded", function() { // document.addEventListener("DOMContentLoaded", function() {
tooltippedElement = document.getElementById("tooltipped"); // tooltippedElement = document.getElementById("tooltipped");
tooltip = M.Tooltip.init( // tooltip = M.Tooltip.init(
tooltippedElement, // tooltippedElement,
{"html": `<table> // {"html": `<table>
<tr> // <tr>
<th>Token information</th> // <th>Token information</th>
<th>Source information</th> // <th>Source information</th>
</tr> // </tr>
<tr> // <tr>
<td class="left-align"> // <td class="left-align">
Word: dog<br> // Word: dog<br>
Lemma: dog<br> // Lemma: dog<br>
POS: NN<br> // POS: NN<br>
Simple POS: NOUN<br> // Simple POS: NOUN<br>
NER: NULL // NER: NULL
</td> // </td>
<td class="left-align"> // <td class="left-align">
Title: Current Notes<br> // Title: Current Notes<br>
Author: Unknown<br> // Author: Unknown<br>
Publishing year: 1885 // Publishing year: 1885
</td> // </td>
</tr> // </tr>
</table>`, // </table>`,
"inDuration": 1500, // "inDuration": 1500,
"margin": 15, // "margin": 15,
"position": "bottom", // "position": "bottom",
"transitionMovement": 0} // "transitionMovement": 0}
); // );
tooltip.open(); // tooltip.open();
}); // });
//DarkReader.enable({"brightness": 100, "contrast": 100, "sepia": 0}); //DarkReader.enable({"brightness": 100, "contrast": 100, "sepia": 0});
</script> </script>
{% endblock %} {% endblock %}