Target Classifications: use breadcrumbs classification component on report cards

components/DataProtectionBanner.vue

@@ -25,13 +25,13 @@ export default {
   data() {
     return {
       cookieName: 'eubopen-portal_data-protection-banner-dismissed-v1',
-      showBanner: true,
+      showBanner: false,
     }
   },
   mounted() {
     const bannerDismissed = VueCookies.get(this.cookieName)
-    if (bannerDismissed) {
-      this.showBanner = false
+    if (!bannerDismissed) {
+      this.showBanner = true
     }
   },
   methods: {

components/mainPage/visualisations/TargetsTree/TargetsSunburst.vue

@@ -6,26 +6,7 @@
         <v-card-subtitle> Targets in EUbOPEN</v-card-subtitle>
         <v-divider />
         <div class="breadcrumbs-area">
-          <v-breadcrumbs :items="currentPath">
-            <template #item="{ item }">
-              <v-breadcrumbs-item
-                :href="item.href"
-                :disabled="item.disabled"
-                v-bind="attrs"
-                v-on="on"
-              >
-                <v-tooltip bottom>
-                  <template #activator="{ on, attrs }">
-                    <span v-bind="attrs" v-on="on">{{ item.text }}</span>
-                  </template>
-                  <span
-                    >Click to explore all targets of the class
-                    {{ item.text }}.</span
-                  >
-                </v-tooltip>
-              </v-breadcrumbs-item>
-            </template>
-          </v-breadcrumbs>
+          <TargetClassificationBreadcrumbs :path="currentPath" />
         </div>
         <div class="sunburst-area">
           <Sunburst
@@ -47,12 +28,13 @@
 import RequestNotifications from '@/web-components-submodule/utils/RequestNotifications.js'
 import ESProxyService from '~/web-components-submodule/services/ESProxyService.js'
 import Sunburst from '~/web-components-submodule/components/common/Visualisations/Sunburst/Sunburst.vue'
-import EntityNames from '~/web-components-submodule/standardisation/EntityNames.js'
-import LinksToBrowsers from '~/web-components-submodule/standardisation/LinksToBrowsers.js'
+import TargetClassificationBreadcrumbs from '~/web-components-submodule/components/common/Visualisations/TargetsHierarchy/TargetClassificationBreadcrumbs.vue'
+import TargetsHierarchy from '~/web-components-submodule/utils/TargetsHierarchy.js'
 
 export default {
   components: {
     Sunburst,
+    TargetClassificationBreadcrumbs,
   },
   data() {
     return {
@@ -92,47 +74,18 @@ export default {
         })
     },
     updateBreadcrumbsPath(newPath) {
-      const entityID = EntityNames.EubopenTarget.entityID
       const parsedPath = newPath.map((pathItem) => {
-        const b64State = this.getB64StateForTargetClass(
-          pathItem.queryString,
-          pathItem.name
-        )
         return {
           text: `${pathItem.name} (${pathItem.belongingsCount})`,
           disabled: pathItem.tentative,
-          href: LinksToBrowsers.buildURLForEntityBrowser(entityID, b64State),
+          href: TargetsHierarchy.getURLForTargetsBelongingToClass(
+            pathItem.queryString,
+            pathItem.name
+          ),
         }
       })
       this.currentPath = parsedPath
     },
-    getB64StateForTargetClass(queryString, itemName) {
-      const desiredState = this.getStateToExport(queryString, itemName)
-      const strState = JSON.stringify(desiredState)
-      const b64State = btoa(strState)
-      return b64State
-    },
-    getStateToExport(queryString, itemName) {
-      return {
-        dataset: {
-          entityID: EntityNames.EubopenTarget.entityID,
-          initialQuery: {
-            query: {
-              bool: {
-                must: [
-                  {
-                    query_string: {
-                      query: queryString,
-                    },
-                  },
-                ],
-              },
-            },
-          },
-          subsetHumanDescription: `${EntityNames.EubopenTarget.pluralEntityName} that belong to the class ${itemName}`,
-        },
-      }
-    },
   },
 }
 </script>

web-components-submodule @ 19a869be

-Subproject commit 37804947034ded17796faf31683fd4625f4ae1b9
+Subproject commit 19a869bec9384506cf39172125cb9d6241e03d39