Add cosmetics

This commit is contained in:
Stephan Porada
2020-06-25 17:44:55 +02:00
parent afd5201c05
commit b29f2ca5ee
4 changed files with 101 additions and 57 deletions

View File

@ -78,23 +78,23 @@
<h6 style="margin-top: 0px;">Export</h6>
<div class="divider" style="margin-bottom: 10px;"></div>
<div class="row">
<div class="col">
<div class="col s12">
<button id="query-results-export"
class="waves-effect
waves-light
btn-flat
disabled"
type="submit">Export Results
type="submit">Results
<i class="material-icons left">file_download</i>
</button>
</div>
<div class="col">
<div class="col s12">
<button id="sub-results-export"
class="waves-effect
waves-light
btn-flat
disabled"
type="submit">Export Sub-Results
type="submit">Sub-Results
<i class="material-icons left">file_download</i>
</button>
</div>
@ -104,7 +104,7 @@
<h6 style="margin-top: 0px;">Create</h6>
<div class="divider" style="margin-bottom: 10px;"></div>
<div class="row">
<div class="col">
<div class="col s12">
<div class="switch">
Sub-Results creation:
<label>
@ -117,7 +117,7 @@
</label>
</div>
</div>
<div class="col hide" id="sub-results-match-ids-div">
<div class="col s12 hide" id="sub-results-match-ids-div">
<div class="input-field">
<p>Marked matches for Sub-Results:</p>
<textarea id="sub-results-match-ids"
@ -126,7 +126,7 @@
</textarea>
</div>
</div>
<div class="col hide" id="sub-results-create-div">
<div class="col s12 hide" id="sub-results-create-div">
<button class="waves-effect
waves-light
btn-flat
@ -141,7 +141,7 @@
<h6 style="margin-top: 0px;">Display</h6>
<div class="divider" style="margin-bottom: 10px;"></div>
<div class="row">
<div class="col">
<div class="col s12">
<form id="display-options-form">
{{ M.render_field(display_options_form.results_per_page,
material_icon='format_list_numbered') }}
@ -156,7 +156,7 @@
<h6 style="margin-top: 0px;">Analysis</h6>
<div class="divider" style="margin-bottom: 10px;"></div>
<div class="row">
<div class="col">
<div class="col s12">
<button id="placeholder1"
class="waves-effect
waves-light
@ -166,7 +166,7 @@
<i class="material-icons left">cloud</i>
</button>
</div>
<div class="col">
<div class="col s12">
<button id="placeholder2"
class="waves-effect
waves-light
@ -190,7 +190,8 @@
<th style="width: 2%">Nr.</th>
<th style="width: 3%">Title</th>
<th style="width: 25%">Left context</th>
<th style="width: 45%">Match</th>
<th style="width: 35%">Match</th>
<th style="width: 10%">Actions</th>
<th style="width: 25%">Right Context</th>
</tr>
</thead>
@ -567,17 +568,18 @@
});
}
// checks if a change for every interactionElement happens and executes
// the callbacks accordingly
for (let interaction of interactionElements) {
if (interaction.checkStatus) {
let element = interaction.getElement()
element.addEventListener("change", (event) => {
interaction.element.addEventListener("change", (event) => {
if (event.target.checked) {
let f_on = interaction.bindThisToCallback("on");
let args_on = interaction.callbacks.on.args;
f_on(...args_on);
} else {
} else if (!event.target.checked){
let f_off = interaction.bindThisToCallback("off");
let args_off = interaction.callbacks.off.args;
f_off(...args_off);