fixed sending test mail
This commit is contained in:
parent
9b1ab6fc5b
commit
4f65a295fb
1 changed files with 45 additions and 39 deletions
|
@ -56,7 +56,7 @@
|
||||||
<form id="test-form" class="test-form" action="/editorapi/test?editor=grapejs" method="post" style="display: none">
|
<form id="test-form" class="test-form" action="/editorapi/test?editor=grapejs" method="post" style="display: none">
|
||||||
<div class="putsmail-c">
|
<div class="putsmail-c">
|
||||||
<div class="gjs-sm-property" style="font-size: 10px">
|
<div class="gjs-sm-property" style="font-size: 10px">
|
||||||
Hello! I'm a placerholder message.
|
Please enter the email address to send a test to:
|
||||||
<span class="form-status" style="opacity: 0">
|
<span class="form-status" style="opacity: 0">
|
||||||
<i class="fa fa-refresh anim-spin" aria-hidden="true"></i>
|
<i class="fa fa-refresh anim-spin" aria-hidden="true"></i>
|
||||||
</span>
|
</span>
|
||||||
|
@ -355,7 +355,50 @@
|
||||||
mdlDialog.className += ' ' + mdlClass;
|
mdlDialog.className += ' ' + mdlClass;
|
||||||
testContainer.style.display = 'block';
|
testContainer.style.display = 'block';
|
||||||
md.setTitle('Test your Newsletter');
|
md.setTitle('Test your Newsletter');
|
||||||
md.setContent(testContainer);
|
|
||||||
|
var modalContent = $('<div>').append(testContainer).html();
|
||||||
|
md.setContent(modalContent);
|
||||||
|
|
||||||
|
testContainer = $(".gjs-mdl-dialog #test-form");
|
||||||
|
|
||||||
|
var statusFormElC = document.querySelector('.form-status');
|
||||||
|
var statusFormEl = document.querySelector('.form-status i');
|
||||||
|
|
||||||
|
var ajaxTest = ajaxable(testContainer, { headers: { 'X-CSRF-TOKEN': '{{csrfToken}}' } })
|
||||||
|
.onStart(function() {
|
||||||
|
statusFormEl.className = 'fa fa-refresh anim-spin';
|
||||||
|
statusFormElC.style.opacity = '1';
|
||||||
|
statusFormElC.className = 'form-status';
|
||||||
|
})
|
||||||
|
.onResponse(function(res) {
|
||||||
|
if (res.data) {
|
||||||
|
statusFormElC.style.opacity = '0';
|
||||||
|
statusFormEl.removeAttribute('data-tooltip');
|
||||||
|
md.close();
|
||||||
|
toastr.success('Testmail sent');
|
||||||
|
} else if (res.errors) {
|
||||||
|
statusFormEl.className = 'fa fa-exclamation-circle';
|
||||||
|
statusFormEl.setAttribute('data-tooltip', res.errors);
|
||||||
|
statusFormElC.className = 'form-status text-danger';
|
||||||
|
toastr.error(res.errors);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
// Remember testemail address
|
||||||
|
|
||||||
|
var isValidEmail = function(email) {
|
||||||
|
return /\S+@\S+\.\S+/.test(email);
|
||||||
|
};
|
||||||
|
|
||||||
|
if (isValidEmail(localStorage.getItem('testemail'))) {
|
||||||
|
$('#test-form input[name=email]').val(localStorage.getItem('testemail'));
|
||||||
|
}
|
||||||
|
|
||||||
|
$('#test-form').on('submit', function() {
|
||||||
|
var email = $('#test-form input[name=email]').val();
|
||||||
|
isValidEmail(email) && localStorage.setItem('testemail', email);
|
||||||
|
});
|
||||||
|
|
||||||
md.open();
|
md.open();
|
||||||
md.getModel().once('change:open', function() {
|
md.getModel().once('change:open', function() {
|
||||||
mdlDialog.className = mdlDialog.className.replace(mdlClass, '');
|
mdlDialog.className = mdlDialog.className.replace(mdlClass, '');
|
||||||
|
@ -375,43 +418,6 @@
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
|
|
||||||
var statusFormElC = document.querySelector('.form-status');
|
|
||||||
var statusFormEl = document.querySelector('.form-status i');
|
|
||||||
|
|
||||||
var ajaxTest = ajaxable(testContainer, { headers: { 'X-CSRF-TOKEN': '{{csrfToken}}' } })
|
|
||||||
.onStart(function() {
|
|
||||||
statusFormEl.className = 'fa fa-refresh anim-spin';
|
|
||||||
statusFormElC.style.opacity = '1';
|
|
||||||
statusFormElC.className = 'form-status';
|
|
||||||
})
|
|
||||||
.onResponse(function(res) {
|
|
||||||
if (res.data) {
|
|
||||||
statusFormElC.style.opacity = '0';
|
|
||||||
statusFormEl.removeAttribute('data-tooltip');
|
|
||||||
md.close();
|
|
||||||
toastr.success('Testmail sent');
|
|
||||||
} else if (res.errors) {
|
|
||||||
statusFormEl.className = 'fa fa-exclamation-circle';
|
|
||||||
statusFormEl.setAttribute('data-tooltip', res.errors);
|
|
||||||
statusFormElC.className = 'form-status text-danger';
|
|
||||||
toastr.error(res.errors);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
// Remember testemail address
|
|
||||||
|
|
||||||
var isValidEmail = function(email) {
|
|
||||||
return /\S+@\S+\.\S+/.test(email);
|
|
||||||
};
|
|
||||||
|
|
||||||
if (isValidEmail(localStorage.getItem('testemail'))) {
|
|
||||||
$('#test-form input[name=email]').val(localStorage.getItem('testemail'));
|
|
||||||
}
|
|
||||||
|
|
||||||
$('#test-form').on('submit', function() {
|
|
||||||
var email = $('#test-form input[name=email]').val();
|
|
||||||
isValidEmail(email) && localStorage.setItem('testemail', email);
|
|
||||||
});
|
|
||||||
|
|
||||||
|
|
||||||
// Merge Tag Reference command
|
// Merge Tag Reference command
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue