🐛 fix(analytics): lancement dsfr start dans les pages SPA [DS-3855] (#…

…995) - correction des collectes d'actions des pages d'exemples react et vue, le dsfr en manuel n'était pas lancé
GouvernementFR · Oct 23, 2024 · 8db9b5b · 8db9b5b
1 parent c2d6959
commit 8db9b5b
Show file tree

Hide file tree

Showing 3 changed files with 38 additions and 1 deletion.
diff --git a/src/analytics/example/spa/angular/_index.ejs b/src/analytics/example/spa/angular/_index.ejs
@@ -99,4 +99,18 @@ app.config(function($routeProvider) {
   </header>
 
   <div ng-view></div>
+
+  <script>
+    switch (document.readyState) {
+        case "loading":
+        document.addEventListener("DOMContentLoaded", () => dsfr.start());
+        break;
+        case "interactive":
+        dsfr.start();
+        break;
+        case "complete":
+        dsfr.start();
+        break;
+    }
+  </script>
 </div>
diff --git a/src/analytics/example/spa/react/index.ejs b/src/analytics/example/spa/react/index.ejs
@@ -112,5 +112,16 @@
 
   ReactDOM.render(<ReactRouterDOM.BrowserRouter><App /></ReactRouterDOM.BrowserRouter>, document.querySelector('#react-container'));
 
+  switch (document.readyState) {
+    case "loading":
+      document.addEventListener("DOMContentLoaded", () => dsfr.start());
+      break;
+    case "interactive":
+      dsfr.start();
+    break;
+    case "complete":
+      dsfr.start();
+    break;
+  }
 
-</script>
+</script>
diff --git a/src/analytics/example/spa/vue/index.ejs b/src/analytics/example/spa/vue/index.ejs
@@ -165,4 +165,16 @@
   })
   .use(router)
   .mount("#vue-container")
+
+  switch (document.readyState) {
+    case "loading":
+      document.addEventListener("DOMContentLoaded", () => dsfr.start());
+      break;
+    case "interactive":
+      dsfr.start();
+    break;
+    case "complete":
+      dsfr.start();
+    break;
+  }
 </script>