More template code for query builder

This commit is contained in:
Patrick Jentsch 2021-01-18 15:07:13 +01:00
parent ea5bace7db
commit 07191b36b2
2 changed files with 16 additions and 9 deletions

View File

@ -33,11 +33,9 @@
</a> </a>
</span> </span>
</div> </div>
<div class="col s12 m1" style="margin-top: 1.75em;"> <div class="col s12 m2 right-align" style="margin-top: 1.75em;">
<a class="waves-effect waves-light btn modal-trigger" href="#query-builder-modal">Query builder</a> <a class="waves-effect waves-light btn modal-trigger" href="#query-builder-modal"><i class="material-icons left">build</i> Query builder</a>
</div> {{ wtf.render_field(query_form.submit, material_icon='send') }}
<div class="col s12 m1" style="margin-top: 1.75em;">
{{ wtf.render_field(query_form.submit, material_icon='send', style='width:100%;') }}
</div> </div>
</div> </div>
</form> </form>

View File

@ -1,9 +1,18 @@
<!-- Modal showing the corpus files for the current query results including title ant match count per corpus file. --> <!-- Modal showing the corpus files for the current query results including title ant match count per corpus file. -->
<div id="query-builder-modal" class="modal"> <div id="query-builder-modal" class="modal">
<div class="col s12 modal-content"> <div class="modal-content">
<p>Test</p> <h4>Query builder</h4>
<p>Comming soon...</p>
</div> </div>
<div class="col s12 modal-footer"> <div class="modal-footer">
<a href="#!" class="btn modal-close waves-effect waves-green btn">Done</a> <a href="#!" class="btn modal-close waves-effect waves-green btn" id="query-builder-submit">Done</a>
</div> </div>
</div> </div>
<script>
let queryBuilderSubmitElement = document.querySelector('#query-builder-submit');
queryBuilderSubmitElement.addEventListener('click', () => {
let queryElement = document.querySelector('#query-form-query');
// queryElement.value = 'Inhalt';
});
</script>