sporada/nopaque
1
0
Fork 0
mirror of https://gitlab.ub.uni-bielefeld.de/sfb1288inf/nopaque.git synced 2025-11-04 04:12:45 +00:00
Code Issues Projects Releases Wiki Activity

QB form update + incidence modifier

Browse Source
This commit is contained in:
Inga Kirschnick
2023-08-21 07:26:54 +02:00
parent 8a5c94f448
commit fe7f69d596
9 changed files with 197 additions and 168 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/templates/corpora/_analysis/query_builder/_expert_mode.html.j2
View File

@@ -1,6 +1,6 @@
{% macro card_content(id_prefix) %}
<div class="row">
<form id="corpus-analysis-concordance-form">
<form id="corpus-analysis-concordance-expert-mode-form">
<div class="input-field col s12 m9">
<i class="material-icons prefix">search</i>
<input class="validate corpus-analysis-action" id="corpus-analysis-concordance-form-query" name="query" type="text" required pattern=".*\S+.*" placeholder="Type in your query or use the Query Builder on the right"></input>

107
app/templates/corpora/_analysis/query_builder/_query_builder.html.j2
View File

@@ -1,8 +1,8 @@
{% macro card_content(id_prefix) %}
<form id="corpus-analysis-concordance-form">
<form id="corpus-analysis-concordance-query-builder-form">
<div class="row">
<div class="col s9">
<div class="chips" id="corpus-analysis-concordance-form-query-builder"></div>
<div class="col s9" id="corpus-analysis-concordance-query-builder-input-field-container">
<div id="corpus-analysis-concordance-query-builder-input-field"></div>
</div>
<div class="input-field col s3">
<i class="material-icons prefix">arrow_forward</i>
@@ -30,6 +30,7 @@
<p></p>
<a class="btn waves-effect waves-light tooltipped modal-trigger" href="#corpus-analysis-concordance-positional-attr-modal" data-position="bottom" data-tooltip="Search for any token, for example a word, a lemma or a part-of-speech tag">Add new token to your query</a>
<a class="btn waves-effect waves-light tooltipped modal-trigger" href="#corpus-analysis-concordance-structural-attr-modal" data-position="bottom" data-tooltip="Structure your query with structural attributes, for example sentences, entities or annotate the text">Add structural attributes to your query</a>
<a class="btn waves-effect waves-light tooltipped dropdown-trigger disabled" data-target="corpus-analysis-concordance-token-incidence-modifiers-dropdown" data-toggle-area="token-incidence-modifiers" data-position="top" data-tooltip="Incidence Modifiers are special characters or patterns, <br>which determine how often a character represented previously should occur.">incidence modifiers</a>
</div>
</div>
<div class="row">
@@ -42,6 +43,14 @@
</div>
</div>
</form>
<ul id="corpus-analysis-concordance-token-incidence-modifiers-dropdown" class="dropdown-content">
{{ incidence_modifiers_dropdown_content("token") }}
</ul>
{{ exactly_n_modal_content("token") }}
{{ exactly_nm_modal_content("token") }}
{% endmacro %}
{% macro structural_attribute_modal(id_prefix) %}
@@ -63,10 +72,10 @@
<p></p>
<br>
<div class="row">
<a class="btn waves-effect waves-light col s4" id="corpus-analysis-concordance-empty-entity">Add Entity of any type</a>
<a class="btn waves-effect waves-light col ent-type-selection-action" data-ent-type="any">Add Entity of any type</a>
<p class="col s1 l1"></p>
<div class= "input-field col s3">
<select name="englishenttype" id="corpus-analysis-concordance-english-ent-type">
<select name="englishenttype" class="ent-type-selection-action" data-ent-type="english">
<option value="" disabled selected>English ent_type</option>
<option value="CARDINAL">CARDINAL</option>
<option value="DATE">DATE</option>
@@ -90,7 +99,7 @@
<label>Entity Type</label>
</div>
<div class= "input-field col s3">
<select name="germanenttype" id="corpus-analysis-concordance-german-ent-type">
<select name="germanenttype" class="ent-type-selection-action" data-ent-type="german">
<option value="" disabled selected>German ent_type</option>
<option value="LOC">LOC</option>
<option value="MISC">MISC</option>
@@ -347,10 +356,10 @@
</div>
<p></p>
<div class="row">
<div class="col s6" data-toggle-area="input-field-options">
<div class="col s8" data-toggle-area="input-field-options">
<a class="btn-small waves-effect waves-light tooltipped positional-attr-options-action-button" data-options-action="wildcard-char" data-position="top" data-tooltip="Look for a variable character (also called wildcard character)">Wildcard character</a>
<a class="btn-small waves-effect waves-light tooltipped positional-attr-options-action-button" data-options-action="option-group" data-position="top" data-tooltip="Find character sequences from a list of options">Option Group</a>
<a class="dropdown-trigger btn-small waves-effect waves-light disabled" href="#" data-target="corpus-analysis-concordance-incidence-modifiers-dropdown" data-toggle-area="incidence-modifiers" data-position="top" data-tooltip="Incidence Modifiers are special characters or patterns, <br>which determine how often a character represented previously should occur.">incidence modifiers</a>
<a class="dropdown-trigger btn-small waves-effect waves-light disabled" href="#" data-target="corpus-analysis-concordance-character-incidence-modifiers-dropdown" data-toggle-area="incidence-modifiers" data-position="top" data-tooltip="Incidence Modifiers are special characters or patterns, <br>which determine how often a character represented previously should occur.">incidence modifiers</a>
<span data-toggle-area="ignore-case-checkbox">
<label>
<input type="checkbox" class="filled-in" id="corpus-analysis-concordance-ignore-case-checkbox"/>
@@ -363,47 +372,61 @@
<a class="btn-small tooltipped waves-effect waves-light disabled positional-attr-options-action-button" data-options-action="and" data-toggle-area="and" data-position="bottom" data-tooltip="You can add another condition to your token. <br>Both must be fulfilled">and</a>
</div>
<ul id="corpus-analysis-concordance-incidence-modifiers-dropdown" class="dropdown-content">
<li><a class="tooltipped incidence-modifier-selection" data-token="+" data-incidence-modifier="one-or-more" data-position ="top" data-tooltip="...occurrences of the character/token before">one or more (+)</a></li>
<li><a class="tooltipped incidence-modifier-selection" data-token="*" data-incidence-modifier="zero-or-more" data-position ="top" data-tooltip="...occurrences of the character/token before">zero or more (*)</a></li>
<li><a class="tooltipped incidence-modifier-selection" data-token="?" data-incidence-modifier="zero-or-one" data-position ="top" data-tooltip="...occurrences of the character/token before">zero or one (?)</a></li>
<li><a class="modal-trigger tooltipped" href="#corpus-analysis-concordance-exactly-n-modal" data-position ="top" data-tooltip="...occurrences of the character/token before">exactly n ({n})</a></li>
<li><a class="modal-trigger tooltipped" href="#corpus-analysis-concordance-between-nm-modal" data-position ="top" data-tooltip="...occurrences of the character/token before">between n and m ({n,m})</a></li>
<ul id="corpus-analysis-concordance-character-incidence-modifiers-dropdown" class="dropdown-content">
{{ incidence_modifiers_dropdown_content("character") }}
</ul>
</div>
</div>
</div>
<div id="corpus-analysis-concordance-exactly-n-modal" class="modal">
<div class="row modal-content">
<div class="input-field col s10">
<i class="material-icons prefix">mode_edit</i>
<input class="n-m-input" placeholder="type in a number for 'n'" type="text" data-value-type="n">
</div>
<div class="col s2">
<p class="btn-floating waves-effect waves-light n-m-submit-button" data-modal-id="corpus-analysis-concordance-exactly-n-modal">
<i class="material-icons right">send</i>
</p>
</div>
</div>
{{ exactly_n_modal_content("character") }}
{{ exactly_nm_modal_content("character") }}
</div>
</div>
</div>
{% endmacro %}
<div id="corpus-analysis-concordance-between-nm-modal" class="modal">
<div class="row modal-content">
<div class="input-field col s5">
<i class="material-icons prefix">mode_edit</i>
<input class="n-m-input" placeholder="number for 'n'" type="text" data-value-type="n">
</div>
<div class="input-field col s5">
<i class="material-icons prefix">mode_edit</i>
<input class="n-m-input" placeholder="number for 'm'" type="text" data-value-type="m">
</div>
<div class="col s2">
<p class="btn-floating waves-effect waves-light n-m-submit-button" data-modal-id="corpus-analysis-concordance-between-nm-modal">
<i class="material-icons right">send</i>
</p>
</div>
</div>
{% macro incidence_modifiers_dropdown_content(type) %}
<li><a class="incidence-modifier-selection" data-token="+" data-incidence-modifier="one-or-more">one or more (+)</a></li>
<li><a class="incidence-modifier-selection" data-token="*" data-incidence-modifier="zero-or-more">zero or more (*)</a></li>
<li><a class="incidence-modifier-selection" data-token="?" data-incidence-modifier="zero-or-one">zero or one (?)</a></li>
<li><a class="modal-trigger" href="#corpus-analysis-concordance-exactly-n-{{ type }}-modal">exactly n ({n})</a></li>
<li><a class="modal-trigger" href="#corpus-analysis-concordance-between-nm-{{ type }}-modal">between n and m ({n,m})</a></li>
{% endmacro %}
{% macro exactly_n_modal_content(type) %}
<div id="corpus-analysis-concordance-exactly-n-{{ type }}-modal" class="modal">
<div class="row modal-content">
<div class="input-field col s10">
<i class="material-icons prefix">mode_edit</i>
<input class="n-m-input" placeholder="type in a number for 'n'" type="text" data-value-type="n">
</div>
<div class="col s2">
<p class="btn-floating waves-effect waves-light n-m-submit-button" data-modal-id="corpus-analysis-concordance-exactly-n-{{ type }}-modal">
<i class="material-icons right">send</i>
</p>
</div>
</div>
</div>
{% endmacro %}
{% macro exactly_nm_modal_content(type) %}
<div id="corpus-analysis-concordance-between-nm-{{ type }}-modal" class="modal">
<div class="row modal-content">
<div class="input-field col s5">
<i class="material-icons prefix">mode_edit</i>
<input class="n-m-input" placeholder="number for 'n'" type="text" data-value-type="n">
</div>
<div class="input-field col s5">
<i class="material-icons prefix">mode_edit</i>
<input class="n-m-input" placeholder="number for 'm'" type="text" data-value-type="m">
</div>
<div class="col s2">
<p class="btn-floating waves-effect waves-light n-m-submit-button" data-modal-id="corpus-analysis-concordance-between-nm-{{ type }}-modal">
<i class="material-icons right">send</i>
</p>
</div>
</div>
</div>