From 29e5b83233c0362a26702b37d9761f1a33cf5dc2 Mon Sep 17 00:00:00 2001
From: Jean-Baptiste Pasquier <contact@jbpasquier.eu>
Date: Wed, 6 Mar 2024 18:36:53 +0100
Subject: [PATCH] feature: link from supporting evidence on top to filtered
view
---
.../partials/supporting-evidence-counter.js | 15 +++++++++++----
1 file changed, 11 insertions(+), 4 deletions(-)
diff --git a/src/components/partials/supporting-evidence-counter.js b/src/components/partials/supporting-evidence-counter.js
index 6f21900..f8d0147 100644
--- a/src/components/partials/supporting-evidence-counter.js
+++ b/src/components/partials/supporting-evidence-counter.js
@@ -124,6 +124,16 @@ importCore().then(core => {
this.rendering = html`${this.rendering}${template}`;
}
+ navigate(e) {
+ let target = e.target.getAttribute('target');
+ if(target) {
+ let targetElement = document.querySelector('custom-supporting-evidence');
+ targetElement.filtering = [target];
+ targetElement.requestUpdate();
+ targetElement.parentElement.parentElement.parentElement.parentElement.parentElement.scrollIntoView();
+ }
+ }
+
render() {
if(!this.dataSrc) nothing;
@@ -139,10 +149,7 @@ importCore().then(core => {
<div class="chip small text-12 bg-green-pea">${classification.counter}</div>
<span class="text-14 text-green-pea">
for
- <span class="underline"
- >${classification.name}</span
- ></span
- >
+ <a @click="${this.navigate}" target="${classification.name}" class="underline cursor-pointer text-green-pea">${classification.name}</a></span>
</div>
</div>
`);
--
GitLab