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

Some visual stuff

Browse Source
This commit is contained in:
Stephan Porada 2020-04-21 10:31:34 +02:00
parent 78f93a884b
commit ddc7859002
1 changed files with 48 additions and 39 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -183,54 +183,63 @@
<!-- Context modal used for detailed information about one match -->
<div id="context-modal" class="modal modal-fixed-footer">
<div class="modal-content">
<h4>Match context</h4>
<div class="divider"></div>
<div class="section" id="inspect-display-options">
<h4>Match Inspect</h4>
<div id="inspect-display-options">
<form>
<h5>Display options</h5>
<div class="row">
<div class="col s9">
<p>{{ inspect_display_options_form.expert_mode_inspect.label.text }}</p>
</div>
<div class="col s3 right-align">
<div class="switch">
<label>
{{ inspect_display_options_form.expert_mode_inspect() }}
<span class="lever"></span>
</label>
<ul class="collection with-header">
<li class="collection-header"><h5>Display options</h5></li>
<li class="collection-item">
{{ inspect_display_options_form.expert_mode_inspect.label.text }}
<div class="secondary-content">
<div class="switch">
<label>
{{ inspect_display_options_form.expert_mode_inspect() }}
<span class="lever"></span>
</label>
</div>
</div>
</div>
<div class="col s9">
<p>{{ inspect_display_options_form.highlight_sentences.label.text }}</p>
</div>
<div class="col s3 right-align">
<div class="switch">
<label>
{{ inspect_display_options_form.highlight_sentences() }}
<span class="lever"></span>
</label>
</li>
<li class="collection-item">
{{ inspect_display_options_form.highlight_sentences.label.text }}
<div class="secondary-content">
<div class="switch">
<label>
{{ inspect_display_options_form.highlight_sentences() }}
<span class="lever"></span>
</label>
</div>
</div>
</div>
<div class="col s6">
<p>Nr. of sentences around the match</p>
</div>
<div class="col s6 right-align">
<div class="input-field">
<p class="range-field">
<input type="range" id="context-sentences"
min="1"
max="10"
value="3" />
</p>
</li>
<li class="collection-item">
Sentences around match
<div class="secondary-content"
style="margin-top: -35px;
border-top-width: 0px;
margin-bottom: -20px;">
<div class="input-field">
<p class="range-field">
<input type="range"
id="context-sentences"
style="margin-top: 20px;
margin-bottom: 10px;"
min="1"
max="10"
value="3" />
</p>
</div>
</div>
</div>
</li>
</ul>
</div>
</form>
</div>
<div class="divider"></div>
<div class="section">
<div>
<h5>Context</h5>
<div class="row" id="context-results" style="overflow-wrap: break-word;"></div>
<div class="row">
<div class="clo s12" id="context-results" style="overflow-wrap: break-word;">
</div>
</div>
</div>
</div>
<div class="modal-footer">