CaptchEtat V2

Author: RemyNovactive

components/CaptchEtatBundle/src/bundle/Resources/public/js/captchetat-widget.js

@@ -1,3 +1,4 @@
+console.log('captchetat-widget.js')
 
 /**
  * @param {HTMLElement} container
@@ -40,21 +41,26 @@ export const addLinksToHead = container => {
 
 // Define captchaEtat object
 export const captchaEtat = (function () {
+    console.log('captchetat-widget.js captchaEtat')
     function _init(container = document) {
+        console.log('captchetat-widget.js init()')
         const widgets = container.querySelectorAll('.js-captcha-widget');
 
         for (const widget of widgets) {
             const htmlContainer = widget.querySelector('.captcha-html-container');
+            console.log('htmlContainer ::', htmlContainer);
             const idInput = widget.querySelector('.captcha-input [name*="[captcha_id]"]');
+            console.log('idInput ::', idInput);
+
             if (htmlContainer.querySelector('.captcha-html')) {
                 return;
             }
 
             fetch('/api/simple-captcha').then((response) => {
                 console.log('response ::', response);
                 return response.text();
-            }).then((html) => {
-
+            }).then((data) => {
+                console.log('data ::', data);
                 //__________________  add img tag
                 const parsedData = JSON.parse(html);
                 const imageBase64 = parsedData.imageb64;
@@ -65,7 +71,9 @@ export const captchaEtat = (function () {
                 img.classList = "captch-etat-v2";
                 console.log('imageBase64', imageBase64);
                 console.log('img', img);
-                document.getElementById('form-fre-FR-438825-1795842_fields_captcha').appendChild(img);
+
+                let parent = htmlContainer
+                htmlContainer.appendChild(img);
                 console.log('okkk ::');
                 //__________________  add img tag
 

components/CaptchEtatBundle/src/bundle/Resources/templates/captchetat-fields.html.twig

@@ -7,6 +7,7 @@
 {% endblock captchetat_label %}
 
 {% block captchetat_widget %}
+    {{ dump('vendor/almaviacx/captchetatbundle/src/bundle/Resources/templates/captchetat-fields.html.twig captchetat_widget') }}
     {% apply spaceless %}
         {%- set attr = attr|merge({
             'class': 'widget-container row align-items-center js-captcha-widget'