97 lines
3.0 KiB
JavaScript
97 lines
3.0 KiB
JavaScript
(function($) {
|
|
// Turn of all hrefs which point to another page
|
|
$('body').on('click', 'a', function(event) {
|
|
const href = $(this).attr('href');
|
|
const start = typeof href !== 'undefined' ? href.substr(0, 1) : '';
|
|
|
|
// Stop the link if it points to another URL
|
|
if (start !== '#' && start !== '') {
|
|
event.preventDefault();
|
|
|
|
// Display notification
|
|
$('.link-disabled').addClass('active');
|
|
}
|
|
});
|
|
|
|
// Prompt closing mechanism
|
|
$('body').on('click', '.et_pb_prompt_proceed', () => {
|
|
$('.link-disabled').removeClass('active');
|
|
});
|
|
|
|
// Build preview screen
|
|
const ET_PageBuilder_Preview = function(e) {
|
|
// Create form on the fly
|
|
const $form = $('<form id="preview-data-submission" method="POST" style="display: none;"></form>');
|
|
let value;
|
|
let { data } = e;
|
|
const msie = document.documentMode;
|
|
|
|
// Origins should be matched
|
|
if (e.origin !== et_preview_params.preview_origin) {
|
|
$('.et-pb-preview-loading').replaceWith($('<h4 />', { style: 'text-align: center;' }).html(et_preview_params.alert_origin_not_matched));
|
|
return;
|
|
}
|
|
|
|
// IE9 below fix. They have postMessage, but it has to be in string
|
|
if (typeof msie !== 'undefined' && msie < 10) {
|
|
data = JSON.parse(data);
|
|
}
|
|
|
|
// Ignore messages not coming from the builder.
|
|
if (! data || ! data.et_pb_preview_nonce) {
|
|
return;
|
|
}
|
|
|
|
// Loop postMessage data and append it to $form
|
|
for (const name in data) {
|
|
const $textarea = $('<textarea />', { name, style: 'display: none; ' }).val(data[name]);
|
|
$textarea.appendTo($form);
|
|
}
|
|
|
|
$form.append('<input type="submit" value="submit" style="display: none;" />');
|
|
|
|
$form.appendTo('.container');
|
|
|
|
// Submit the form
|
|
$('#preview-data-submission').trigger('submit');
|
|
};
|
|
|
|
// listen to data passed from builder
|
|
window.addEventListener('message', ET_PageBuilder_Preview, false);
|
|
|
|
/**
|
|
* Notify parent of parsed shortcode.
|
|
*/
|
|
const previewLoaded = $('#content > .content .et-pb-preview-loading').length !== 1;
|
|
|
|
if (previewLoaded && typeof parent !== 'undefined') {
|
|
/**
|
|
* There's no way to determine when the shortcode's JS has done parsing, so
|
|
* assume a safe fixed timeout before contacting parent's window.
|
|
*/
|
|
setTimeout(() => {
|
|
const output = {
|
|
html: $('#content > .content').html(),
|
|
stylesheets: [],
|
|
};
|
|
|
|
jQuery.each(window.location.search.substr(1).split('&'), (index, param) => {
|
|
const paramArray = param.split('=');
|
|
|
|
if (typeof paramArray[0] !== 'undefined' && typeof paramArray[1] !== 'undefined' && 'iframe_id' === paramArray[0]) {
|
|
output.iframe_id = paramArray[1];
|
|
}
|
|
});
|
|
|
|
/**
|
|
* Pass parsed shortcode's style hrefs to parent.
|
|
*/
|
|
$('link[rel="stylesheet"]').each((index, style) => {
|
|
output.stylesheets.push($(style).attr('href'));
|
|
});
|
|
|
|
parent.postMessage(output, window.location.origin);
|
|
}, 2000);
|
|
}
|
|
})(jQuery);
|