Merge branch 'development' of gitlab.ub.uni-bielefeld.de:sfb1288inf/opaque into development

This commit is contained in:
Patrick Jentsch 2020-04-21 18:34:27 +02:00
commit 60cc93a806
3 changed files with 50 additions and 41 deletions

View File

@ -86,7 +86,7 @@ class DisplayOptionsForm(FlaskForm):
class InspectDisplayOptionsForm(FlaskForm): class InspectDisplayOptionsForm(FlaskForm):
expert_mode_inspect = BooleanField('Expert mode') expert_mode_inspect = BooleanField('Expert mode')
highlight_sentences = BooleanField('Highlight sentences') highlight_sentences = BooleanField('Split sentences')
context_sentences = IntegerField('Context sentences', context_sentences = IntegerField('Context sentences',
validators=[NumberRange(min=0, max=10)], validators=[NumberRange(min=0, max=10)],
default=3) default=3)

View File

@ -59,6 +59,6 @@ function queryRenderResults(payload) {
} }
// inital expert mode check and activation // inital expert mode check and activation
if (expertModeSwitchElement.checked) { if (expertModeSwitchElement.checked) {
results.resultsList.expertModeOn(); results.resultsList.expertModeOn("query-display");
} }
} }

View File

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