Merged in feature/from-pantheon (pull request #16)

code from pantheon

* code from pantheon

wp/wp-content/plugins/divi-builder/includes/builder/scripts/frontend/preview.js

@@ -0,0 +1,96 @@
+(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);