mirror of
https://gitlab.ub.uni-bielefeld.de/sfb1288inf/nopaque.git
synced 2025-06-12 17:10:41 +00:00
QB form update + incidence modifier
This commit is contained in:
Inga Kirschnick
@ -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>
|
||||
|
||||
@ -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>
|
||||
|
||||
Reference in New Issue
Block a user