22

✏️ Editing: iframe.js

if (typeof window.n2SSIframeLoader !== "function") {
    (function ($) {
        var frames = [],
            eventMethod = window.addEventListener ? "addEventListener" : "attachEvent";
        window[eventMethod](eventMethod === "attachEvent" ? "onmessage" : "message", function (e) {
            for (var i = 0; i < frames.length; i++) {
                if (frames[i] && frames[i].match(e.source)) {
                    frames[i].message(e[e.message ? "message" : "data"]);
                }
            }
        });

function S(frame, i) {
            this.i = i;
            this.frame = frame;
            this.$frame = $(frame);
        }

S.prototype.match = function (w) {
            if (w === (this.frame.contentWindow || this.frame.contentDocument)) {
                this.frameContent = this.frame.contentWindow || this.frame.contentDocument;
                return true;
            }

return false;
        };

S.prototype.message = function (data) {
            switch (data["key"]) {
                case "setLocation":
                    if (typeof window.zajax_goto === 'function') {
                        /**
                         * @url https://wordpress.org/plugins/zajax-ajax-navigation/
                         */
                        window.zajax_goto(data.location);
                    } else {
                        window.location = data.location;
                    }
                    break;
                case "ready":
                    var clientHeight = this.getClientHeight();
                    this.frameContent.postMessage({
                        key: "ackReady",
                        clientHeight: clientHeight
                    }, "*");
                    break;
                case "resize":
                    if (data.fullPage) {
                        if (this.fullpage !== data.fullPage) {
                            this.fullpage = data.fullPage;
                            this.verticalOffsetSelectors = $(data.verticalOffsetSelectors);
                            this.resizeFullPage();
                            $(window).on("resize.n2-ss-iframe-" + this.i, $.proxy(this.resizeFullPage, this));
                            $(window).on("orientationchange.n2-ss-iframe-" + this.i, $.proxy(this.resizeFullPage, this));
                        }
                    } else {
                        this.fullpage = 0;
                    }
                    this.$frame.css({
                        height: data.height
                    });

if (data.forceFull && this.forcefull !== data.forceFull) {

this.forcefull = data.forceFull;

var $container = $('body');
                        $container.css("overflow-x", "hidden");

this.resizeFullWidth();
                        $(window).on("resize.n2-ss-iframe-" + this.i, $.proxy(this.resizeFullWidth, this));
                    }
                    break;
            }
        };

S.prototype.exists = function () {
            if ($.contains(document.body, this.frame)) {
                return true;
            }

frames[this.i] = false;
            $(window).off(".n2-ss-iframe-" + this.i);

return false;
        };

S.prototype.resizeFullWidth = function (e) {
            if (this.exists()) {
                var customWidth = 0,
                    adjustLeftOffset = 0,
                    $fullWidthTo = $('.editor-writing-flow,.fl-responsive-preview .fl-builder-content');
                if ($fullWidthTo.length) {
                    customWidth = $fullWidthTo.width();
                    adjustLeftOffset = $fullWidthTo.offset().left;
                }

var windowWidth = customWidth > 0 ? customWidth : (document.body.clientWidth || document.documentElement.clientWidth),
                    outerEl = this.$frame.parent(),
                    outerElBoundingRect = outerEl[0].getBoundingClientRect(),
                    outerElOffset,
                    isRTL = $("html").attr("dir") === "rtl";
                if (isRTL) {
                    outerElOffset = windowWidth - (outerElBoundingRect.left + outerEl.outerWidth());
                } else {
                    outerElOffset = outerElBoundingRect.left;
                }
                this.$frame.css(isRTL ? 'marginRight' : 'marginLeft', -outerElOffset - parseInt(outerEl.css('paddingLeft')) - parseInt(outerEl.css('borderLeftWidth')) + adjustLeftOffset)
                    .css("maxWidth", "none")
                    .width(windowWidth);
            }
        };

S.prototype.resizeFullPage = function (e) {
            if (this.exists()) {
                var clientHeight = this.getClientHeight(e);
                for (var i = 0; i < this.verticalOffsetSelectors.length; i++) {
                    clientHeight -= this.verticalOffsetSelectors.eq(i).outerHeight();
                }
                this.frameContent.postMessage({
                    key: "update",
                    clientHeight: clientHeight
                }, "*");
                this.$frame.height(clientHeight);
            }
        };

S.prototype.getClientHeight = function (e) {
            var clientHeight = 0;
            if (window.matchMedia && (/Android|iPhone|iPad|iPod|BlackBerry/i).test(navigator.userAgent || navigator.vendor || window.opera)) {
                var innerHeight,
                    isOrientationChanged = false,
                    lastOrientation = this.lastOrientation;

if (e && e.type === 'orientationchange') {
                    isOrientationChanged = true;
                }

if (/iPad|iPhone|iPod/.test(navigator.platform)) {
                    innerHeight = document.documentElement.clientHeight;
                } else {
                    innerHeight = window.innerHeight;
                }

if (window.matchMedia("(orientation: landscape)").matches) {
                    clientHeight = Math.min(screen.width, innerHeight);
                    if (lastOrientation !== 90) {
                        isOrientationChanged = true;
                        this.lastOrientation = 90;
                    }
                } else {
                    clientHeight = Math.min(screen.height, innerHeight);
                    if (lastOrientation !== 0) {
                        isOrientationChanged = true;
                        this.lastOrientation = 0;
                    }
                }

if (!isOrientationChanged && Math.abs(clientHeight - this.lastClientHeight) < 100) {
                    clientHeight = this.lastClientHeight;
                } else {
                    this.lastClientHeight = clientHeight;
                }
            } else {
                clientHeight = document.documentElement.clientHeight || document.body.clientHeight;
            }

return clientHeight;
        };

window.n2SSIframeLoader = function (iframe) {
            frames.push(new S(iframe, frames.length));
        }
    })(jQuery);
}

MR SKB