Display popup form

[MAILPOET-2741]

assets/js/src/public.jsx

@@ -35,6 +35,17 @@ jQuery(($) => {
   }
 
   $(() => {
+    $('div.mailpoet_form_popup').each((index, element) => {
+      const formDiv = $(element);
+      let delay = formDiv.find('form').data('delay');
+      delay = parseInt(delay, 10);
+      if (Number.isNaN(delay)) {
+        delay = 0;
+      }
+      setTimeout(() => {
+        formDiv.addClass('active');
+      }, delay * 1000);
+    });
     // setup form validation
     $('form.mailpoet_form').each((index, element) => {
       const form = $(element);

lib/Form/DisplayFormInWPContent.php

@@ -123,6 +123,8 @@ class DisplayFormInWPContent {
       ((int)$_GET['mailpoet_error'] === $form->getId())
     );
 
+    $templateData['delay'] = $formSettings['popup_form_delay'] ?? 0;
+
     // generate security token
     $templateData['token'] = Security::generateToken();
 

views/form/front_end_form.html

@@ -17,6 +17,7 @@
       class="mailpoet_form mailpoet_form_form mailpoet_form_<%= form_type %>"
       novalidate
       style="<%= form_element_styles %>"/* paragraphs (label + input)
+      data-delay="<%= delay %>"
     >
       <input type="hidden" name="data[form_id]" value="<%= form_id %>" />
       <input type="hidden" name="token" value="<%= token %>" />