From d0d134d0753584d31919034449672e379a5e72f0 Mon Sep 17 00:00:00 2001
From: Hugo SUBTIL <ext.sopra.husubtil@grandlyon.com>
Date: Thu, 18 Feb 2021 16:09:58 +0100
Subject: [PATCH] fix: update typeform update

---
 .../user-verification.component.html          | 45 ++++---------------
 .../user-verification.component.scss          |  6 +++
 src/index.html                                |  1 +
 3 files changed, 16 insertions(+), 36 deletions(-)

diff --git a/src/app/user-verification/user-verification.component.html b/src/app/user-verification/user-verification.component.html
index 4d2ba4981..ed99a6f36 100644
--- a/src/app/user-verification/user-verification.component.html
+++ b/src/app/user-verification/user-verification.component.html
@@ -11,7 +11,6 @@
         Votre compte a bien été créé.
       </h3>
     </div>
-
     <div *ngIf="structure" class="structureInfoBlock" fxLayout="row" fxLayoutAlign=" center">
       <div class="structureInfoContent" fxLayout="column">
         {{ structure.structureName }}
@@ -23,43 +22,17 @@
         </svg>
       </div>
     </div>
-    <div class="btnSection" fxLayout="row" fxLayoutAlign="space-around center">
-      <button *ngIf="structure" class="btn" routerLink="/home" [state]="{ data: structure }">Voir ma structure</button>
-      <button class="btn tmp-form-link" routerLink="/home">
-        <a
-          class="typeform-share button"
-          href="https://form.typeform.com/to/vfbLqfKe?typeform-medium=embed-snippet"
-          data-mode="popup"
-          data-size="100"
-          target="_blank"
-          rel="noopener noreferrer"
-          >Donnez nous votre avis !
-        </a>
-      </button>
-    </div>
   </div>
   <p *ngIf="verificationIssue">
     Une erreur est survenue lors de la validation de votre email... Veuillez envoyer un mail au support.
   </p>
-  <script>
-    (function () {
-      var qs,
-        js,
-        q,
-        s,
-        d = document,
-        gi = d.getElementById,
-        ce = d.createElement,
-        gt = d.getElementsByTagName,
-        id = 'typef_orm_share',
-        b = 'https://embed.typeform.com/';
-      if (!gi.call(d, id)) {
-        js = ce.call(d, 'script');
-        js.id = id;
-        js.src = b + 'embed.js';
-        q = gt.call(d, 'script')[0];
-        q.parentNode.insertBefore(js, q);
-      }
-    })();
-  </script>
+  <div
+    class="typeform-widget test"
+    data-url="https://form.typeform.com/to/m7DV3CdW?typeform-medium=embed-snippet"
+  ></div>
+  <div class="btnSection" fxLayout="row" fxLayoutAlign="space-around center">
+    <button *ngIf="structure && verificationSuccess" class="btn" routerLink="/home" [state]="{ data: structure }">
+      Voir ma structure
+    </button>
+  </div>
 </div>
diff --git a/src/app/user-verification/user-verification.component.scss b/src/app/user-verification/user-verification.component.scss
index e48bfc961..b6e482712 100644
--- a/src/app/user-verification/user-verification.component.scss
+++ b/src/app/user-verification/user-verification.component.scss
@@ -57,3 +57,9 @@
     color: $white !important;
   }
 }
+
+.test {
+  width: 100%;
+  height: 300px;
+  transform: scale(0.75);
+}
diff --git a/src/index.html b/src/index.html
index 034e83f36..1dfbff37e 100644
--- a/src/index.html
+++ b/src/index.html
@@ -12,6 +12,7 @@
       href="https://cdn.jsdelivr.net/npm/leaflet.locatecontrol@0.72.0/dist/L.Control.Locate.min.css"
     />
     <script src="https://openlayers.org/en/v4.6.5/build/ol.js" type="text/javascript"></script>
+    <script src="https://embed.typeform.com/embed.js"></script>
   </head>
   <body>
     <app-root></app-root>
-- 
GitLab