Cavemanon/piratepoet
8
Fork 0
Code Pull Requests Actions Releases 16 Activity

Refactor tight container detection to a function

Browse Source 
[MAILPOET-2850]
This commit is contained in:
Rostislav Wolny
2020-05-11 14:45:06 +02:00
committed by Veljko V
parent d797526b16
commit 3111f91622
1 changed files with 14 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
assets/js/src/public.jsx
View File

@@ -18,6 +18,17 @@ jQuery(($) => {
}); });
}; };
/**
* @param form jQuery object of form form.mailpoet_form
*/
function checkFormContainer(form) {
if (form.width() < 500) {
form.addClass('mailpoet_form_tight_container');
} else {
form.removeClass('mailpoet_form_tight_container');
}
}
function isSameDomain(url) { function isSameDomain(url) {
const link = document.createElement('a'); const link = document.createElement('a');
link.href = url; link.href = url;
@@ -48,12 +59,7 @@ jQuery(($) => {
} }
setTimeout(() => { setTimeout(() => {
formDiv.addClass('active'); formDiv.addClass('active');
checkFormContainer(form);
if (form.width() < 500) {
form.addClass('mailpoet_form_tight_container');
} else {
form.removeClass('mailpoet_form_tight_container');
}
if (showOverlay) { if (showOverlay) {
formDiv.prev('.mailpoet_form_popup_overlay').addClass('active'); formDiv.prev('.mailpoet_form_popup_overlay').addClass('active');
@@ -96,12 +102,7 @@ jQuery(($) => {
$('.mailpoet_form').each((index, element) => { $('.mailpoet_form').each((index, element) => {
// Detect form is placed in tight container // Detect form is placed in tight container
const formDiv = $(element); const formDiv = $(element);
const form = formDiv.find('form'); checkFormContainer(formDiv.find('form'));
if (form.width() < 500) {
form.addClass('mailpoet_form_tight_container');
} else {
form.removeClass('mailpoet_form_tight_container');
}
}); });
}); });
@@ -109,9 +110,7 @@ jQuery(($) => {
$('form.mailpoet_form').each((index, element) => { $('form.mailpoet_form').each((index, element) => {
const form = $(element); const form = $(element);
// Detect form is placed in tight container // Detect form is placed in tight container
if (form.width() < 500) { checkFormContainer(form);
form.addClass('mailpoet_form_tight_container');
}
form.parsley().on('form:validated', () => { form.parsley().on('form:validated', () => {
// clear messages // clear messages
form.find('.mailpoet_message > p').hide(); form.find('.mailpoet_message > p').hide();