diff --git a/app/corpora/forms.py b/app/corpora/forms.py index 9021da97e7ff16aaecfbdd2cafdf836752663fac..8ec9d17b1e0380ff82c8be19f5829530470cb605 100644 --- a/app/corpora/forms.py +++ b/app/corpora/forms.py @@ -86,7 +86,7 @@ class DisplayOptionsForm(FlaskForm): class InspectDisplayOptionsForm(FlaskForm): expert_mode_inspect = BooleanField('Expert mode') - highlight_sentences = BooleanField('Highlight sentences') + highlight_sentences = BooleanField('Split sentences') context_sentences = IntegerField('Context sentences', validators=[NumberRange(min=0, max=10)], default=3) diff --git a/app/static/js/nopaque.callbacks.js b/app/static/js/nopaque.callbacks.js index c12df6955471baa6ff6273b09d6d723d5214409d..d283e742a66a3b37e68ddd09b8f2c6d3aee943e7 100644 --- a/app/static/js/nopaque.callbacks.js +++ b/app/static/js/nopaque.callbacks.js @@ -59,6 +59,6 @@ function queryRenderResults(payload) { } // inital expert mode check and activation if (expertModeSwitchElement.checked) { - results.resultsList.expertModeOn(); + results.resultsList.expertModeOn("query-display"); } } \ No newline at end of file diff --git a/app/templates/corpora/analyse_corpus.html.j2 b/app/templates/corpora/analyse_corpus.html.j2 index 5a89198dd5d7629a1b6294a9b50ce6abec2ef30c..d1764a3266f74ac4e03fade69e9ad531d4224be7 100644 --- a/app/templates/corpora/analyse_corpus.html.j2 +++ b/app/templates/corpora/analyse_corpus.html.j2 @@ -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">