diff --git a/app/static/js/CorpusAnalysis/CorpusAnalysisConcordance.js b/app/static/js/CorpusAnalysis/CorpusAnalysisConcordance.js index 485daeb9ce92d8ea4ff3dcb9cff994f2b76cf93b..58e486a230ea5fd3a73f71628d61f3536209e818 100644 --- a/app/static/js/CorpusAnalysis/CorpusAnalysisConcordance.js +++ b/app/static/js/CorpusAnalysis/CorpusAnalysisConcordance.js @@ -1,23 +1,22 @@ class CorpusAnalysisConcordance { name = 'Concordance'; - constructor(app) { + constructor(app, idPrefix) { this.app = app; this.data = {}; this.elements = { - // TODO: Prefix elements with "corpus-analysis-app-" - container: document.querySelector('#concordance-extension-container'), - error: document.querySelector('#concordance-extension-error'), - UIForm: document.querySelector('#concordance-extension-ui-form'), - form: document.querySelector('#concordance-extension-form'), - progress: document.querySelector('#concordance-extension-progress'), - subcorpusInfo: document.querySelector('#concordance-extension-subcorpus-info'), - subcorpusActions: document.querySelector('#concordance-extension-subcorpus-actions'), - subcorpusItems: document.querySelector('#concordance-extension-subcorpus-items'), - subcorpusList: document.querySelector('#concordance-extension-subcorpus-list'), - subcorpusPagination: document.querySelector('#concordance-extension-subcorpus-pagination') + container: document.querySelector(`#${idPrefix}-container`), + error: document.querySelector(`#${idPrefix}-error`), + UIForm: document.querySelector(`#${idPrefix}-ui-form`), + form: document.querySelector(`#${idPrefix}-form`), + progress: document.querySelector(`#${idPrefix}-progress`), + subcorpusInfo: document.querySelector(`#${idPrefix}-subcorpus-info`), + subcorpusActions: document.querySelector(`#${idPrefix}-subcorpus-actions`), + subcorpusItems: document.querySelector(`#${idPrefix}-subcorpus-items`), + subcorpusList: document.querySelector(`#${idPrefix}-subcorpus-list`), + subcorpusPagination: document.querySelector(`#${idPrefix}-subcorpus-pagination`) }; this.settings = { @@ -383,7 +382,9 @@ class CorpusAnalysisConcordance { document.getSelection().removeAllRanges(); document.getSelection().addRange(range); }); - this.app.elements.m.extensionTabs.select('reader-extension-container'); + this.app.elements.m.extensionTabs.select( + this.app.extensions.Reader.elements.container.id + ); }); } for (let selectTriggerElement of this.elements.subcorpusItems.querySelectorAll('.select-trigger')) { diff --git a/app/static/js/CorpusAnalysis/CorpusAnalysisReader.js b/app/static/js/CorpusAnalysis/CorpusAnalysisReader.js index eb63cae98db8a1f3a8fa20749dcf21646d7914fb..ab1030680b844bac306733127b114e6de4597ce6 100644 --- a/app/static/js/CorpusAnalysis/CorpusAnalysisReader.js +++ b/app/static/js/CorpusAnalysis/CorpusAnalysisReader.js @@ -1,19 +1,18 @@ class CorpusAnalysisReader { name = 'Reader'; - constructor(app) { + constructor(app, idPrefix) { this.app = app; this.data = {}; this.elements = { - // TODO: Prefix elements with "corpus-analysis-app-" - container: document.querySelector('#reader-extension-container'), - error: document.querySelector('#reader-extension-error'), - form: document.querySelector('#reader-extension-form'), - progress: document.querySelector('#reader-extension-progress'), - corpus: document.querySelector('#reader-extension-corpus'), - corpusPagination: document.querySelector('#reader-extension-corpus-pagination') + container: document.querySelector(`#${idPrefix}-container`), + error: document.querySelector(`#${idPrefix}-error`), + form: document.querySelector(`#${idPrefix}-form`), + progress: document.querySelector(`#${idPrefix}-progress`), + corpus: document.querySelector(`#${idPrefix}-corpus`), + corpusPagination: document.querySelector(`#${idPrefix}-corpus-pagination`) }; this.settings = { diff --git a/app/templates/corpora/_analysis/concordance.html.j2 b/app/templates/corpora/_analysis/concordance.html.j2 index 6740425a05b2e8e05b9cfd50b785adc86bcd1e61..78df52e7cfbfb36797448f102014cafa50d18f1b 100644 --- a/app/templates/corpora/_analysis/concordance.html.j2 +++ b/app/templates/corpora/_analysis/concordance.html.j2 @@ -170,7 +170,7 @@ {# The extension scripts #} {% macro scripts(id_prefix) %} <script> - const corpusAnalysisConcordance = new CorpusAnalysisConcordance(corpusAnalysisApp); + const corpusAnalysisConcordance = new CorpusAnalysisConcordance(corpusAnalysisApp, "{{ id_prefix }}"); {# const concordanceQueryBuilder = new ConcordanceQueryBuilder(); #} let queryBuilderDisplay = document.getElementById("{{ id_prefix }}-query-builder-display"); diff --git a/app/templates/corpora/_analysis/reader.html.j2 b/app/templates/corpora/_analysis/reader.html.j2 index 276c76c030bd0202c7e44556a0a5099e06286a0e..2ed756d8b910ea18e7634d4408f60593061ca7f4 100644 --- a/app/templates/corpora/_analysis/reader.html.j2 +++ b/app/templates/corpora/_analysis/reader.html.j2 @@ -79,6 +79,6 @@ {# The extension scripts #} {% macro scripts(id_prefix) %} <script> - const corpusAnalysisReader = new CorpusAnalysisReader(corpusAnalysisApp); + const corpusAnalysisReader = new CorpusAnalysisReader(corpusAnalysisApp, "{{ id_prefix }}"); </script> {% endmacro %} diff --git a/app/templates/corpora/_analysis/static_visualization.html.j2 b/app/templates/corpora/_analysis/static_visualization.html.j2 index 2abd34ec9c63f26afd3e9aab21d30a2aef03ec5b..f489c46ee95aa1a666da060035d164e1d2e133eb 100644 --- a/app/templates/corpora/_analysis/static_visualization.html.j2 +++ b/app/templates/corpora/_analysis/static_visualization.html.j2 @@ -158,7 +158,7 @@ {% macro scripts(id_prefix) %} <script> - const corpusAnalysisStaticVisualization = new CorpusAnalysisStaticVisualization(corpusAnalysisApp); + const corpusAnalysisStaticVisualization = new CorpusAnalysisStaticVisualization(corpusAnalysisApp, "{{ id_prefix }}"); </script> {% endmacro %} \ No newline at end of file diff --git a/app/templates/corpora/analysis.html.j2 b/app/templates/corpora/analysis.html.j2 index 31eee99dcce12bbeece0aa49a45e613a48be310f..261eb2267c74c3f6e746bbaa7fd15d5c3b56618f 100644 --- a/app/templates/corpora/analysis.html.j2 +++ b/app/templates/corpora/analysis.html.j2 @@ -6,9 +6,9 @@ {% set extensions = { - 'concordance-extension': concordance_extension, - 'reader-extension': reader_extension, - 'static-visualizations-extension': static_visualization_extension + 'corpus-analysis-app-concordance-extension': concordance_extension, + 'corpus-analysis-app-reader-extension': reader_extension, + 'corpus-analysis-app-static-visualizations-extension': static_visualization_extension } %} @@ -42,7 +42,7 @@ {% endfor %} </div> - {{ static_visualization_extension.container_content('static-visualizations-extension') }} + {{ static_visualization_extension.container_content('corpus-analysis-app-static-visualizations-extension') }} </div>