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

Clean up and better text break in amtch context

Browse Source
This commit is contained in:
Stephan Porada 2020-04-23 11:18:50 +02:00
parent a1439f37d7
commit 7efb16246f
1 changed files with 34 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -26,7 +26,8 @@
{{ query_form.query.label }} {{ query_form.query.label }}
<span class="helper-text"> <span class="helper-text">
<a href="http://cwb.sourceforge.net/files/CQP_Tutorial/"> <a href="http://cwb.sourceforge.net/files/CQP_Tutorial/">
<i class="material-icons" style="font-size: inherit;">help</i> <i class="material-icons" style="font-size: inherit;">help
</i>
CQP query language tutorial CQP query language tutorial
</a> </a>
</span> </span>
@ -49,10 +50,12 @@
<form id="display-options-form"> <form id="display-options-form">
<div class="row"> <div class="row">
<div class="col s12 m6"> <div class="col s12 m6">
{{ M.render_field(display_options_form.results_per_page, material_icon='format_list_numbered') }} {{ M.render_field(display_options_form.results_per_page,
material_icon='format_list_numbered') }}
</div> </div>
<div class="col s12 m6"> <div class="col s12 m6">
{{ M.render_field(display_options_form.result_context, material_icon='short_text') }} {{ M.render_field(display_options_form.result_context,
material_icon='short_text') }}
</div> </div>
<div class="col s12"> <div class="col s12">
{{ M.render_field(display_options_form.expert_mode) }} {{ M.render_field(display_options_form.expert_mode) }}
@ -79,11 +82,15 @@
<span id="match-count"></span> <span id="match-count"></span>
matches loaded. matches loaded.
<br> <br>
Matches occured in <span id="text-lookup-count"></span> corpus files. Matches occured in
<span id="text-lookup-count"></span>
corpus files.
</p> </p>
<p id="query-results-user-feedback"> <p id="query-results-user-feedback">
<i class="material-icons">help</i> <i class="material-icons">help</i>
The Server is still sending your results. Functions like "Export Results" and "Match Inspect" will be available after all matches have been loaded. The Server is still sending your results.
Functions like "Export Results" and "Match Inspect" will be
available after all matches have been loaded.
</p> </p>
</div> </div>
<div class="row"> <div class="row">
@ -94,7 +101,14 @@
</div> </div>
<div class="col s12 m6 l6"> <div class="col s12 m6 l6">
<div class="row"> <div class="row">
<button id="query-results-export" class="waves-effect waves-light btn-small right disabled" type="submit">Export Results<i class="material-icons right">file_download</i></button> <button id="query-results-export"
class="waves-effect
waves-light
btn-small
right disabled"
type="submit">Export Results
<i class="material-icons right">file_download</i>
</button>
</div> </div>
</div> </div>
<!-- Table showing the query results --> <!-- Table showing the query results -->
@ -139,12 +153,15 @@
class="modal modal-fixed-footer no-autoinit"> class="modal modal-fixed-footer no-autoinit">
<div class="modal-content"> <div class="modal-content">
<h4>Download current query Results</h4> <h4>Download current query Results</h4>
<p>The results of the current query can be downlaoded as several files like csv or json. Those files can be used in other software like excel. Also it is easy to publish your results as raw data like this!</p> <p>The results of the current query can be downloaded as several files like
csv or json. Those files can be used in other software like Excel.
Also it is easy to publish your results as raw data like this!</p>
<table> <table>
<tr> <tr>
<td>JSON</td> <td>JSON</td>
<td> <td>
<a class="btn waves-effect waves-light" id="download-results-json">Download <a class="btn waves-effect waves-light" id="download-results-json">
Download
<i class="material-icons right">file_download</i> <i class="material-icons right">file_download</i>
</a> </a>
</td> </td>
@ -152,7 +169,9 @@
<tr> <tr>
<td>CSV</td> <td>CSV</td>
<td> <td>
<a class="btn waves-effect waves-light disabled" id="download-results-csv">Download <a class="btn waves-effect waves-light disabled"
id="download-results-csv">
Download
<i class="material-icons right">file_download</i> <i class="material-icons right">file_download</i>
</a> </a>
</td> </td>
@ -186,9 +205,10 @@
<h4>Match Inspect</h4> <h4>Match Inspect</h4>
<div id="inspect-display-options"> <div id="inspect-display-options">
<form> <form>
<div class="row">
<ul class="collection with-header"> <ul class="collection with-header">
<li class="collection-header"><h5>Display options</h5></li> <li class="collection-header">
<h5>Display options</h5>
</li>
<li class="collection-item"> <li class="collection-item">
{{ inspect_display_options_form.expert_mode_inspect.label.text }} {{ inspect_display_options_form.expert_mode_inspect.label.text }}
<div class="secondary-content"> <div class="secondary-content">
@ -231,14 +251,12 @@
</div> </div>
</li> </li>
</ul> </ul>
</div>
</form> </form>
</div> </div>
<div> <div class="col s12" >
<h5>Context</h5> <h5>Context</h5>
<div class="row"> <div id="context-results" style="hyphens: auto;
<div class="clo s12" id="context-results" style="overflow-wrap: break-word;"> overflow: auto;">
</div>
</div> </div>
</div> </div>
</div> </div>