saltukalakus · November 24, 2023 19:17
diff --git a/index.html b/index.html
 <!DOCTYPE html>
 <html lang="en">
 <head>
  {%- auth0:head -%}
  {% if prompt.screen.name == "device-code-confirmation" %} 
  <script>
    document.addEventListener("DOMContentLoaded", function() {
      document.addEventListener("click", function(event) {
        // Check if the clicked element is a button within a form
        const clickedButton = event.target.closest("form button");

        if (clickedButton) {
          const form = clickedButton.closest("form");

          if (form) {
            clickedButton.disabled = true;

            // Get the form data
            const formData = new FormData(form);

            // Add the 'state' parameter to the FormData
            const stateParameter = form.querySelector("[name='state']");
            if (stateParameter) {
              formData.append("state", stateParameter.value);
              console.log("State Parameter:", stateParameter.value);
            }

            // Perform the POST request
            const url = `/device/confirmation?state=${encodeURIComponent(formData.get("state"))}`;
            fetch(url, {
              method: "POST",
              body: `state=${encodeURIComponent(formData.get("state"))}&action=${encodeURIComponent(clickedButton.value)}`,
              headers: {
                "Content-Type": "application/x-www-form-urlencoded"
              }
            })
            .then(response => {
              // Redirect to next page
 	      window.location.replace(response.url);
            })
            .catch(error => {
              // Handle errors
              console.error(error);
            });
          }
        }
      });
    });
  </script>
  {% endif %}
 </head>
 <body>
  {%- auth0:widget -%}
 </body>
 </html>
	<!DOCTYPE html>
	<html lang="en">
	<head>
	{%- auth0:head -%}
	{% if prompt.screen.name == "device-code-confirmation" %}
	<script>
	document.addEventListener("DOMContentLoaded", function() {
	document.addEventListener("click", function(event) {
	// Check if the clicked element is a button within a form
	const clickedButton = event.target.closest("form button");

	if (clickedButton) {
	const form = clickedButton.closest("form");

	if (form) {
	clickedButton.disabled = true;

	// Get the form data
	const formData = new FormData(form);

	// Add the 'state' parameter to the FormData
	const stateParameter = form.querySelector("[name='state']");
	if (stateParameter) {
	formData.append("state", stateParameter.value);
	console.log("State Parameter:", stateParameter.value);
	}

	// Perform the POST request
	const url = `/device/confirmation?state=${encodeURIComponent(formData.get("state"))}`;
	fetch(url, {
	method: "POST",
	body: `state=${encodeURIComponent(formData.get("state"))}&action=${encodeURIComponent(clickedButton.value)}`,
	headers: {
	"Content-Type": "application/x-www-form-urlencoded"
	}
	})
	.then(response => {
	// Redirect to next page
	window.location.replace(response.url);
	})
	.catch(error => {
	// Handle errors
	console.error(error);
	});
	}
	}
	});
	});
	</script>
	{% endif %}
	</head>
	<body>
	{%- auth0:widget -%}
	</body>
	</html>