From f02d1619e2894fce559b92f51ad959b65de4ba0e Mon Sep 17 00:00:00 2001
From: Inga Kirschnick <inga.kirschnick@uni-bielefeld.de>
Date: Thu, 7 Dec 2023 12:46:37 +0100
Subject: [PATCH] Try to implement anchor tags
---
app/static/js/app.js | 8 ++++++++
.../_analysis/query_builder/_query_builder.html.j2 | 13 ++++---------
2 files changed, 12 insertions(+), 9 deletions(-)
diff --git a/app/static/js/app.js b/app/static/js/app.js
index 27b675f4..57dd7ca1 100644
--- a/app/static/js/app.js
+++ b/app/static/js/app.js
@@ -168,6 +168,14 @@ nopaque.App = class App {
let manualModalTocElement = document.querySelector('#manual-modal-toc');
let manualModalToc = M.Tabs.getInstance(manualModalTocElement);
manualModalToc.select(modalTriggerElement.dataset.manualModalChapter);
+ // TODO: Make this work.
+ // if ('manualModalChapterAnchor' in modalTriggerElement.dataset) {
+ // let manualModalChapterAnchor = document.querySelector(`#${modalTriggerElement.dataset.manualModalChapterAnchor}`);
+ // let xCoord = manualModalChapterAnchor.getBoundingClientRect().left;
+ // let yCoord = manualModalChapterAnchor.getBoundingClientRect().top;
+ // let modalContentElement = modalElement.querySelector('.modal-content');
+ // modalContentElement.scroll(xCoord, yCoord);
+ // }
}
}
}
diff --git a/app/templates/corpora/_analysis/query_builder/_query_builder.html.j2 b/app/templates/corpora/_analysis/query_builder/_query_builder.html.j2
index 6baecdda..3e8a8318 100644
--- a/app/templates/corpora/_analysis/query_builder/_query_builder.html.j2
+++ b/app/templates/corpora/_analysis/query_builder/_query_builder.html.j2
@@ -40,6 +40,7 @@
<a class="btn-small 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-small 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-small 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>
+ <a class="modal-trigger" data-manual-modal-chapter="manual-modal-query-builder" href="#manual-modal"><i class="material-icons left" style="color:black">help_outline</i></a>
</div>
</div>
<div class="row">
@@ -66,7 +67,7 @@
<div id="corpus-analysis-concordance-structural-attr-modal" class="modal">
<div class="modal-content">
<div class="attr-modal-header">
- <h5>Which structural attribute do you want to add to your query?<a class="modal-trigger" data-manual-modal-chapter="manual-modal-query-builder" href="#manual-modal"><i class="material-icons left" id="corpus-analysis-concordance-add-structural-attribute-tutorial-info-icon">help_outline</i></a></h5>
+ <h5>Which structural attribute do you want to add to your query?<a class="modal-trigger" data-manual-modal-chapter="manual-modal-query-builder" data-manual-modal-chapter-anchor="add-structural-attribute-tutorial" href="#manual-modal"><i class="material-icons left" id="corpus-analysis-concordance-add-structural-attribute-tutorial-info-icon">help_outline</i></a></h5>
</div>
<p></p>
<br>
@@ -127,7 +128,7 @@
<div class="row attr-modal-header">
<p></p>
<div class="col s12">
- <h5>Which kind of token are you looking for? <a class="modal-trigger" data-manual-modal-chapter="manual-modal-query-builder" href="#manual-modal"><i class="material-icons left" id="corpus-analysis-concordance-token-tutorial-info-icon">help_outline</i></a></h5>
+ <h5>Which kind of token are you looking for? <a class="modal-trigger" data-manual-modal-chapter="manual-modal-query-builder" data-manual-modal-chapter-anchor="add-new-token-tutorial" href="#manual-modal"><i class="material-icons left" id="corpus-analysis-concordance-token-tutorial-info-icon">help_outline</i></a></h5>
</div>
<div class="input-field col s3" style="margin-left:42px;">
<select id="corpus-analysis-concordance-positional-attr-selection">
@@ -336,7 +337,7 @@
</div>
<div id="corpus-analysis-concordance-token-edit-options" data-toggle-area="input-field-options">
<div class="row">
- <h6>Options to edit your token: <a class="modal-trigger" data-manual-modal-chapter="manual-modal-query-builder" href="#manual-modal"><i class="material-icons left" id="corpus-analysis-concordance-edit-options-tutorial-info-icon">help_outline</i></a></h6>
+ <h6>Options to edit your token: <a class="modal-trigger" data-manual-modal-chapter="manual-modal-query-builder" href="#manual-modal" data-manual-modal-chapter-anchor="edit-options-tutorial"><i class="material-icons left" id="corpus-analysis-concordance-edit-options-tutorial-info-icon">help_outline</i></a></h6>
</div>
<p></p>
<div class="row">
@@ -409,9 +410,3 @@
</div>
</div>
{% endmacro %}
-
-{# {% macro scripts(id_prefix) %}
-<script>
- const concordanceQueryBuilder = new ConcordanceQueryBuilder();
-</script>
-{% endmacro %} #}
--
GitLab