MET-6108 Add feedback widget

europeana · Oct 25, 2024 · a06484f · a06484f
1 parent 90b7b98
commit a06484f
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 45 deletions.
diff --git a/src/app/footer/footer.component.html b/src/app/footer/footer.component.html
@@ -1,13 +1,4 @@
 <footer class="fit-to-page footer">
-  <div class="feedback-wrapper">
-    <a
-      class="external-link"
-      data-e2e="user-assistance"
-      [href]="feedbackUrl"
-      target="_blank"
-      >Feedback</a
-    >
-  </div>
   <ul class="links">
     <li class="link-detail">Europeana Foundation</li>
     <li class="link-detail">

diff --git a/src/app/footer/footer.component.scss b/src/app/footer/footer.component.scss
diff --git a/src/index.html b/src/index.html
@@ -46,8 +46,24 @@
       href="https://fonts.googleapis.com/icon?family=Material+Icons"
       rel="stylesheet"
     />
+    <link
+      rel="stylesheet"
+      href="https://cdn.jsdelivr.net/npm/@europeana/feedback-widget@0.2.0/dist/europeana-feedback-widget.css"
+    />
   </head>
   <body>
+    <div id="europeana-feedback-widget"></div>
+    <script
+      type="module"
+      src="https://cdn.jsdelivr.net/npm/@europeana/feedback-widget@0.3.0/dist/europeana-feedback-widget.js"
+      [attr.data-api-url]="feedbackUrl"
+      integrity="sha384-u9uk9KOvOrG5X4yAGn1xMj1P5YmrJWanSqij7tvI4eZTjI/UQGK98lq3e/I6XfuP"
+    ></script>
+    <style>
+      .europeana-feedback-container .btn {
+        word-wrap: normal;
+      }
+    </style>
     <app-root></app-root>
   </body>
 </html>