Feat/embed dashboard superset

configs/ecospheres/config.yaml

@@ -81,6 +81,8 @@ website:
       to: /datasets
     - text: Bouquets
       to: /bouquets
+    - text: Tableau de bord
+      to: /dashboard
     - text: A propos
       to: /about
   router:
@@ -99,6 +101,10 @@ website:
         id: 'terms'
         route: '/terms'
         url: '/ecospheres/pages/terms.md'
+      - title: Tableau de bord
+        id: dashboard
+        url: '/ecospheres/pages/dashboard.md'
+        route: /dashboard
   home_buttons:
   topic_charts:
     display: false

public/ecospheres/pages/dashboard.md

@@ -0,0 +1,7 @@
+<iframe
+    src="https://ecospheres-catalog-superset.app.france.sh/superset/dashboard/2/?standalone=1"
+    frameborder="0"
+    width="100%"
+    height="1200"
+    allowtransparency
+></iframe>

src/utils/index.js

@@ -25,9 +25,10 @@ export const descriptionFromMarkdown = (ref, attr = 'description') => {
  *
  * @param {string} value
  */
-export const fromMarkdown = (value) => {
+export const fromMarkdown = (value, safe = false) => {
   if (!value) return ''
   const parsed = marked.parse(value, markedOptions)
+  if (safe) return parsed
   return DOMPurify.sanitize(parsed)
 }
 

src/views/SimplePageView.vue

@@ -35,6 +35,6 @@ watchEffect(async () => {
   </div>
   <GenericContainer>
     <!-- eslint-disable-next-line vue/no-v-html -->
-    <div v-html="fromMarkdown(content)" />
+    <div v-html="fromMarkdown(content, true)" />
   </GenericContainer>
 </template>