-
-
+
+ )}
+
+ {autoSwithcing && showProgressBar && (
+
+ )}
+
+ ));
+ };
+
+ const blockWrapperClasses = classnames(
+ { [`qubely-block-${uniqueId}`]: typeof uniqueId !== "undefined" },
+ { "with-auto-swithing": autoSwithcing },
+ { [className]: typeof className !== "undefined" }
+ );
+ const blockClasses = classnames("qubely-block-tab", `${interactionClass}`, `qubely-tab-style-${tabStyle}`, {
+ "with-auto-swithing": autoSwithcing,
+ });
+
+ return (
+
+ {navLayout !== "three" && (
+
+ {typeof title.avatar !== "undefined" && title.avatar.url ? (
+ 
+ ) : (
+
+ )}
+
+ {(enableImageNavTitle || enableImageNavDesciption) && (
+
+
+ ) : (
+
+
+
+ )}
+
+ {enableImageNavTitle && (
+
+ )}
+
+
+ );
+ }
+ }
+ ]
});
diff --git a/assets/reactjs/src/blocks/team/index.js b/assets/reactjs/src/blocks/team/index.js
index 6ace07cd..bf9f813f 100644
--- a/assets/reactjs/src/blocks/team/index.js
+++ b/assets/reactjs/src/blocks/team/index.js
@@ -1,6 +1,6 @@
-import "./style.scss";
import Edit from "./Edit";
import Save from "./Save";
+import "./style.scss";
const { __ } = wp.i18n;
const { registerBlockType } = wp.blocks;
const {
@@ -25,7 +25,7 @@ registerBlockType("qubely/team", {
example: {
attributes: {
contentBg: "",
- image: { url: "https://qubely.io/wp-content/uploads/qubely-assets/demo/team1.jpg" },
+ image: { url: "" },
},
},
attributes: {
diff --git a/assets/reactjs/src/blocks/testimonial/Edit.js b/assets/reactjs/src/blocks/testimonial/Edit.js
index 477565da..b9e1621b 100644
--- a/assets/reactjs/src/blocks/testimonial/Edit.js
+++ b/assets/reactjs/src/blocks/testimonial/Edit.js
@@ -25,7 +25,6 @@ const {
withCSSGenerator,
InspectorTabs,
InspectorTab,
- InspectorSections,
} = wp.qubelyComponents;
import icons from "../../helpers/icons";
@@ -214,10 +213,7 @@ class Edit extends Component {
return (
+
+ {renderTabTitles()}
+
+
+
-
-
-
- {sections.map((section, i) => (
-
-
- 
-
- ))}
-
-
-
-
- {__("Upgrade to Pro")}
-
- {__(
- "Get all features of post grid at your disposal by upgrading to pro version"
- )}
-
-
-
- {__("Upgrade Now")}
-
) : (
- {__("Upgrade to Pro")}
-
- {__("Get all features of post grid at your disposal by upgrading to pro version")}
-
-
-
- {__("Upgrade Now")}
-
)}
diff --git a/assets/reactjs/src/components/others/import-button/index.js b/assets/reactjs/src/components/others/import-button/index.js
deleted file mode 100644
index 23259c1d..00000000
--- a/assets/reactjs/src/components/others/import-button/index.js
+++ /dev/null
@@ -1,20 +0,0 @@
-import { ModalManager } from "../../../helpers/ModalManager";
-import PageListModal from "../../../helpers/PageListModal";
-
-const { __ } = wp.i18n;
-
-const ImportButton = () => {
- return (
-
-
-
- );
-};
-export default ImportButton;
diff --git a/assets/reactjs/src/components/others/index.js b/assets/reactjs/src/components/others/index.js
index c83bdb18..17fc945c 100644
--- a/assets/reactjs/src/components/others/index.js
+++ b/assets/reactjs/src/components/others/index.js
@@ -1,2 +1,2 @@
export { default as Pagination } from "./pagination";
-export { default as ImportButton } from "./import-button";
+
diff --git a/assets/reactjs/src/editor.scss b/assets/reactjs/src/editor.scss
index 145abbcd..f9bc58c7 100644
--- a/assets/reactjs/src/editor.scss
+++ b/assets/reactjs/src/editor.scss
@@ -33,7 +33,6 @@
}
.qubely-row > .block-editor-inner-blocks > .block-editor-block-list__layout {
display: flex;
- // flex-wrap: wrap;
}
.wp-block-qubely-row > .block-editor-inner-blocks > .block-editor-block-list__layout > [data-type="qubely/column"] {
display: flex;
@@ -645,13 +644,11 @@ div[data-type="qubely/row"].is-resizing
//// new
.components-resizable-box__container {
.qubely-column {
- //width: 100%;
max-width: 100%;
}
}
.block-editor-block-list__layout {
.components-resizable-box__container {
- //width: 100% !important;
max-width: 100% !important;
}
}
@@ -680,14 +677,6 @@ div[data-type="qubely/row"].is-resizing
margin-right: 0;
}
-// .qubely-row .editor-block-list__block .editor-block-contextual-toolbar {
-// margin-left: 0;
-// margin-right: 0;
-// }
-
-//.qubely-row .block-editor-block-list__layout .editor-block-list__block.is-selected >.editor-block-list__block-edit::before {
-// outline: 0;
-//}
.qubely-row
.block-editor-block-list__layout
.editor-block-list__block
@@ -697,14 +686,7 @@ div[data-type="qubely/row"].is-resizing
.components-resizable-box__container {
position: relative;
}
-// .block-editor-block-list__layout .editor-block-list__block .qubely-row .editor-block-list__block-edit::before {
-// right: 1px;
-// left: 1px;
-// }
-// .block-editor-block-list__layout .editor-block-list__block .qubely-row .editor-block-drop-zone + .editor-block-list__block-edit::before {
-// right: -14px;
-// left: -14px;
-// }
+
.qubely-row
.block-editor-block-list__layout
.editor-block-list__block.is_hovered[data-type="qubely/columns"]
@@ -721,25 +703,6 @@ div[data-type="qubely/row"].is-resizing
position: relative;
}
-.qubely-row
- .block-editor-block-list__layout
- .editor-block-list__block
- .editor-block-list__block-edit
- > .editor-block-contextual-toolbar
- + [data-block]
- .components-resizable-box__container::before {
- // z-index: 0;
- // content: "";
- // position: absolute;
- // outline: 1px solid #e2e4e7;
- // transition: outline .1s linear;
- // pointer-events: none;
- // right: -14px;
- // left: -14px;
- // top: -14px;
- // bottom: -14px;
-}
-
.qubely-row .block-editor-block-list__layout .editor-block-list__block.is_hovered .components-resizable-box__container {
position: relative;
}
@@ -817,22 +780,6 @@ div[data-type="qubely/row"].is-resizing
}
}
}
-
- .import-layout-btn-container {
- .is-button.is-primary {
- text-shadow: none;
- background: #2184f9;
- box-shadow: none;
- border: 0;
- padding: 10px 12px;
- line-height: 1;
- height: auto;
- transition: color 300ms, background-color 300ms;
- &:hover {
- background: rgb(29, 116, 223);
- }
- }
- }
}
// ----------------------------------------
@@ -891,57 +838,6 @@ div[data-type="qubely/row"].is-resizing
}
}
-#qubelyImportLayoutBtn {
- position: relative;
- vertical-align: middle;
- display: inline-flex;
- align-items: center;
- text-decoration: none;
- white-space: nowrap;
- border-width: 1px;
- border-style: solid;
- font-size: 13px;
- color: #ffffff;
- background: linear-gradient(90deg, #aa0fd0 4.81%, #4321e0 57.77%, #65a8ff 104.73%);
- margin: 0 15px 0 15px;
- padding: 9px 12px;
- border: 0;
- border-radius: 8px;
- cursor: pointer;
- transition: color 300ms;
- z-index: 1;
-
- &:before {
- content: " ";
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- background: linear-gradient(90deg, #d638fd 4.81%, #502cf5 57.77%, #4395ff 104.73%);
- border-radius: 8px;
- opacity: 0;
- z-index: -2;
- transition: opacity 300ms;
- }
-
- &:hover,
- &:focus,
- &:active {
- color: #fff;
- text-decoration: none;
- &:before {
- opacity: 1;
- }
- }
-
- img {
- height: 16px;
- width: 16px;
- margin-right: 10px;
- }
-}
-
// Common
.qubely-editor-btn {
background: none;
@@ -1097,22 +993,6 @@ div[data-type="qubely/row"].is-resizing
pointer-events: none;
}
-// .qubely-section .qubely-row .block-editor-inner-blocks {
-// padding: 14px;
-// }
-.qubely-row * > [data-type="qubely/column"].has-child-selected .block-editor-inner-blocks {
- // padding: 14px;
-}
-
-.editor-styles-wrapper .qubely-row * > [data-type="qubely/column"] [data-block] {
- // margin-top: 0;
- // margin-bottom: 0;
-}
-.editor-styles-wrapper .qubely-row * > [data-type="qubely/column"].has-child-selected [data-block] {
- // margin-top: 28px;
- // margin-bottom: 28px;
-}
-
.block-editor-block-list__block .qubely-row * > [data-type="qubely/column"] .block-list-appender {
margin: 0;
}
@@ -1127,10 +1007,6 @@ div[data-type="qubely/row"].is-resizing
span.block-editor-block-icon img {
max-width: 24px;
}
-.qubely-import-button-wrapper {
- display: inline-flex;
- align-items: center;
-}
.advanced-background-trigger {
margin-left: 10px;
diff --git a/assets/reactjs/src/helpers/ModalManager.js b/assets/reactjs/src/helpers/ModalManager.js
deleted file mode 100755
index 72d4364f..00000000
--- a/assets/reactjs/src/helpers/ModalManager.js
+++ /dev/null
@@ -1,86 +0,0 @@
-const { __ } = wp.i18n;
-const { Component, Fragment } = wp.element;
-
-var onClose;
-
-class Modal extends Component {
- constructor(props) {
- super(props);
- this.state = {
- afterOpen: false,
- beforeClose: false,
- };
- }
- close() {
- if (!this.props.onRequestClose || this.props.onRequestClose()) {
- Manager.close();
- }
- }
- handleKeyDown = (event) => {
- if (event.keyCode === 27) {
- Manager.close();
- }
- };
- componentDidMount() {
- const { openTimeoutMS, closeTimeoutMS } = this.props;
- document.addEventListener("keydown", this.handleKeyDown);
- setTimeout(() => this.setState({ afterOpen: true }), openTimeoutMS ? openTimeoutMS : 150);
-
- onClose = (callback) => {
- this.setState({ beforeClose: true }, () => {
- this.closeTimer = setTimeout(callback, closeTimeoutMS ? closeTimeoutMS : 150);
- });
- };
- }
- componentWillUnmount() {
- onClose = null;
- clearTimeout(this.closeTimer);
- document.removeEventListener("keydown", this.handleKeyDown);
- }
-
- render() {
- return (
- e.stopPropagation()}>
- {this.props.children}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {((!(itemType == "layout" && layer == "single") && !(itemType == "saved_blocks")) ||
- (this.state.parent_id && layer === "single")) &&
- Categories
} - {((!this.state.parent_id && layer != "block") || - (this.state.parent_id && layer === "single")) && ( --
-
- this._OnChangeCategory("")} - > - {__("All ")} - {itemType == "block" ? "Sections" : "Starter Packs"} - {this._getDataLength("category", currentPageData.length)} - - {pageCategories.map((data, index) => ( -
- this._OnChangeCategory(data.slug)} - key={index} - > - {data.name} - - {itemType == "block" - ? blockData[data.slug] - ? blockData[data.slug].length - : 0 - : data.count} - - - ))} -
- {itemType != "saved_blocks" && (
-
-
-
- )}
-
- {!this.state.loading ? (
- - {this.state.itemType == "layout" && this.state.layer == "single" && ( - this.setState({ layer: "multiple", parent_id: "" })} - > - - - - )} - {this._getDataLength( - itemType === "layout" && selectedLayoutCategory === "" && layer !== "single" - ? "category" - : "heading", - currentPageData.length - )} - - {itemType == "block" - ? __("Sections") - : this.state.layer == "single" - ? __("Layouts") - : __("Starter Packs")} -
-
-
-
-
-
-
-
- ) : (
-
- {/*
-
- ( this.state.itemType == 'layout' ) &&
-
*/}
-
-
-
-
- -
-
- this.setState( { layer: 'multiple', parent_id: '' } ) } /> -
- this.setState( { layer: 'single' } ) } /> -
- {this.state.layer == "single" &&
- this._sliceCurrentData(currentPageData).map((item) => (
-
-
- {item.map((data, index) => (
-
- ))}
-
- {this.state.layer == "multiple" &&
- currentPageData.map((data, index) => (
-
-
- )}
-
- {this.state.layer == "block" &&
- currentPageData.map((data, index) => (
-
- {__("Title")}
-
-
-
-
- {__("Publish")}{" "}
-
-
-
- )}
- - {" "} - {this.state.notFoundMessage}{" "} -
-
-
- )}
-
- {this.state.requestFailedMsg ? (
- this.state.requestFailedMsg.map((error, index) =>
- {error}
) - ) : ( -
-
- )}
- {/**/}
-
-
- {__("Apply global styling while importing this?")}
-
-
-
-
- this.setState((state) => {
- return { rememberChoice: !state.rememberChoice };
- })
- }
- />
-
-
-
-
- {
- importBlocks("no");
- }}
- >
- {__("No")}
-
- {
- importBlocks("yes");
- }}
- >
- {__("Yes")}
-
-
-
- );
-};
diff --git a/assets/reactjs/src/helpers/components/ReusableBlockItem.js b/assets/reactjs/src/helpers/components/ReusableBlockItem.js
deleted file mode 100755
index b2245e42..00000000
--- a/assets/reactjs/src/helpers/components/ReusableBlockItem.js
+++ /dev/null
@@ -1,31 +0,0 @@
-const { __ } = wp.i18n;
-export default (props) => {
- return (
- props.onClickSingleEntity(props.data.ID)}>
-
-
- })
- {props.data.pro && {__("Pro")} }
-
-
-
-
- {props.totalLayouts} {__("Layouts")}
-
-
-
-
- );
-};
diff --git a/assets/reactjs/src/helpers/components/SingleItem.js b/assets/reactjs/src/helpers/components/SingleItem.js
deleted file mode 100755
index 05218be3..00000000
--- a/assets/reactjs/src/helpers/components/SingleItem.js
+++ /dev/null
@@ -1,70 +0,0 @@
-const { __ } = wp.i18n;
-const { Fragment } = wp.element;
-
-export default (props) => {
- return (
-
-
-
-
-
- 16 Feb 2019
-
-
-
-
-
-
- );
-};
diff --git a/assets/reactjs/src/helpers/globalCSS.js b/assets/reactjs/src/helpers/globalCSS.js
index c276bb5a..d1206cfd 100644
--- a/assets/reactjs/src/helpers/globalCSS.js
+++ b/assets/reactjs/src/helpers/globalCSS.js
@@ -1,6 +1,5 @@
const PATH = "/qubely/v1/global_settings";
-import { _device, _push } from "../components/CssHelper";
-import { DEFAULTPRESETS, DEFAULTBREAKINGPOINTS } from "../plugins/global-settings/constants";
+import { DEFAULTBREAKINGPOINTS, DEFAULTPRESETS } from "../plugins/global-settings/constants";
async function fetchFromApi() {
return await wp.apiFetch({ path: PATH });
}
diff --git a/assets/reactjs/src/index.js b/assets/reactjs/src/index.js
index 0dc4626f..0ffa6c9a 100644
--- a/assets/reactjs/src/index.js
+++ b/assets/reactjs/src/index.js
@@ -4,40 +4,40 @@ const { render } = wp.element;
import "./components/FieldRender";
import "./components/format-library";
-import "./editor.scss";
import "./blocks/scss/style.scss";
+import "./editor.scss";
-import "./blocks/row"; // Row
-import "./blocks/row/column"; // Column
+import "./blocks/accordion"; // Accordion
+import "./blocks/advancedlist"; // Advanced List
+import "./blocks/animatedheadline"; // Animated Headline
import "./blocks/button"; // Button
-import "./blocks/text"; // Text
-import "./blocks/icon"; // Icon
-import "./blocks/map"; // Map
+import "./blocks/buttongroup"; // Button Group
+import "./blocks/contactform"; // Contact Form
+import "./blocks/counter"; // counter
import "./blocks/divider"; // Divider
-import "./blocks/infobox"; // Info Box
-import "./blocks/image"; // Image
-import "./blocks/testimonial"; // Testimonial
-import "./blocks/accordion"; // Accordion
import "./blocks/heading"; // Heading Box
-import "./blocks/videopopup"; // Video popup
+import "./blocks/icon"; // Icon
+import "./blocks/iconlist"; // Icon List
+import "./blocks/image"; // Image
+import "./blocks/image-comparison"; // image-comparison
+import "./blocks/infobox"; // Info Box
+import "./blocks/map"; // Map
+import "./blocks/pieprogress"; // PieProgress
+import "./blocks/postgrid"; // Postgrid
+import "./blocks/pricing"; // pricing
import "./blocks/progressbar"; // Progress Bar
-import "./blocks/counter"; // counter
+import "./blocks/row"; // Row
+import "./blocks/row/column"; // Column
+import "./blocks/socialicons"; // Social Icons
+import "./blocks/table-of-contents";
import "./blocks/tabs"; // Tabs
import "./blocks/tabs/tab"; // Inner Tabs
-import "./blocks/socialicons"; // Social Icons
-import "./blocks/contactform"; // Contact Form
-import "./blocks/buttongroup"; // Button Group
-import "./blocks/advancedlist"; // Advanced List
-import "./blocks/iconlist"; // Icon List
-import "./blocks/wrapper"; // Wrapper
import "./blocks/team"; // Team
-import "./blocks/pricing"; // pricing
+import "./blocks/testimonial"; // Testimonial
+import "./blocks/text"; // Text
import "./blocks/timeline"; // Timeline
-import "./blocks/postgrid"; // Postgrid
-import "./blocks/animatedheadline"; // Animated Headline
-import "./blocks/pieprogress"; // PieProgress
-import "./blocks/table-of-contents";
-import "./blocks/image-comparison"; // image-comparison
+import "./blocks/videopopup"; // Video popup
+import "./blocks/wrapper"; // Wrapper
import "./plugins";
@@ -114,22 +114,4 @@ wp.blocks.updateCategory("qubely", {
),
});
-import { ImportButton } from "./components/others";
-
-wp.domReady(function () {
- setTimeout(function () {
- const toolbar = document.querySelector(".edit-post-header__toolbar");
- const toolbarChild = document.querySelector(".edit-post-header-toolbar");
-
- if (!toolbar) {
- return;
- }
- const qubelyImportWrapper = document.createElement("div");
- qubelyImportWrapper.classList.add("qubely-import-button-wrapper");
- if (!toolbar.querySelector(".qubely-import-button-wrapper")) {
- render(
-
- {/* qubely-single-item-inner */}
-
-
- 
- {props.data.pro && {__("Pro")}}
-
- {/* qubely-default-template-image */}
-
-
- {/* qubely-tmpl-info */}
-
- {props.itemType != "comming" ? (
-
- {props.data.liveurl && (
-
- {__("Preview")}{" "}
-
- )}
- {props.types == "inactive" && props.data.pro == true ? (
-
- {__("Upgrade to Pro")}
-
- ) : (
- {
- props.importLayoutBlock(props.data, props.data.pro);
- }}
- >
- {props.spinner == props.data.ID ? (
-
- ) : (
-
- )}
- {__("Import")}
-
- )}
-
- ) : (
-
- {/* qubely-import-button-group */}
-
- {__("Coming Soon.")}
-
- )}
-