public function browser_cache_page()
{
if (empty($_GET['pootle_pb_ipad_cache_helper'])) {
return;
}
Pootle_Page_Builder_Live_Editor::instance(__FILE__)->public->actions();
get_header();
$user = '';
$current_user = wp_get_current_user();
if (!empty($current_user->user_login)) {
$user = '******' . $current_user->user_login;
}
?>
<script>
ppbData = {"widgets":[{"text":"<h2>Hello shramee,</h2><p>I am your first row, go ahead, tap in me to start editing...</p>","info":{"class":"Pootle_PB_Content_Block","grid":0,"style":"{\"background-color\":\"\",\"background-transparency\":\"\",\"text-color\":\"\",\"border-width\":\"\",\"border-color\":\"\",\"padding\":\"\",\"rounded-corners\":\"\",\"inline-css\":\"\",\"class\":\"\",\"wc_prods-add\":\"\",\"wc_prods-attribute\":\"\",\"wc_prods-filter\":null,\"wc_prods-ids\":null,\"wc_prods-category\":null,\"wc_prods-per_page\":\"\",\"wc_prods-columns\":\"\",\"wc_prods-orderby\":\"\",\"wc_prods-order\":\"\"}","cell":0,"id":0}}],"grids":[{"id":0,"cells":1,"style":{"background":"","background_image":"","background_image_repeat":"","background_image_size":"cover","background_parallax":"","background_toggle":"","bg_color_wrap":"","bg_image_wrap":"","bg_mobile_image":"","bg_overlay_color":"","bg_overlay_opacity":"0.5","bg_video":"","bg_video_wrap":"","bg_wrap_close":"","class":"","col_class":"","col_gutter":"1","full_width":"","hide_row":"","margin_bottom":"0","margin_top":"0","row_height":"0","style":""}}],"grid_cells":[{"grid":0,"weight":0.9983,"id":0}]}
</script>
<div id="pootle-page-builder">
<div class="panel-grid ppb-row" id="pg-522-0" style="margin-bottom: 0;">
<div class="pootle-live-editor ppb-live-edit-object ppb-edit-row" data-index="0" data-i_bkp="0">
<span title="Row Sorting" class="dashicons-before dashicons-editor-code">
<span class="screen-reader-text">Sort row</span>
<span class="intro-popup">
<b>Touch and drag</b> to sort row.<br>
<b>Tap</b> to show row options.<br>
<b>Double tap</b> to open row settings.
</span>
</span>
<span title="Row Styling" class="dashicons-before dashicons-admin-appearance">
<span class="screen-reader-text">Edit Row</span>
</span>
<span title="Delete Row" class="dashicons-before dashicons-no">
<span class="screen-reader-text">Delete Row</span>
</span>
</div>
<div class="ppb-row panel-row-style panel-row-style- " style="">
<style>
#pg-522-0 .panel-grid-cell {
padding: 0 0.5% 0;
}
</style>
<div class="panel-grid-cell-container">
<div class="ppb-col panel-grid-cell " id="pgc-522-0-0" data-index="0">
<div id="panel-522-0-0-0" class="ppb-block ppb-no-mobile-spacing" style="">
<div class="pootle-live-editor ppb-live-edit-object ppb-edit-block" data-index="0"
data-i_bkp="0">
<span title="Drag and Drop content block"
class="dashicons-before dashicons-move">
<span class="screen-reader-text">Sort Content Block</span>
<span class="intro-popup">
<b>Touch and drag</b> to sort content block.<br>
<b>Double tap</b> to open content block settings.
</span>
</span>
<span title="Edit Content" class="dashicons-before dashicons-edit">
<span class="screen-reader-text">Edit Content Block</span>
</span>
<span title="Insert Image" class="dashicons-before dashicons-format-image">
<span class="screen-reader-text">Insert Image</span>
</span>
<span title="Addons"
class="dashicons-before dashicons-admin-plugins pootle-live-editor-addons">
<span class="screen-reader-text">Add ons</span>
<span class="pootle-live-editor-addons-list">
<span data-id="ppb-blog-customizer" title="Posts"
class="pootle-live-editor-addon dashicons-before dashicons-admin-post">
<span class="addon-text"><span class="addon-label">Posts</span></span>
</span>
<span data-id="ppb-photo-addon" title="Photos"
class="pootle-live-editor-addon dashicons-before dashicons-star-filled">
<span class="addon-text"><span class="addon-label">Photos</span></span>
</span>
<span data-id="wc_prods" title="Products"
class="pootle-live-editor-addon dashicons-before dashicons-cart">
<span class="addon-text"><span class="addon-label">Products</span></span>
</span>
</span>
</span>
<span title="Delete Content"
class="dashicons-before dashicons-no">
<span class="screen-reader-text">Delete Content</span>
</span>
</div>
<div class="pootle-live-editor-realtime"><h2>Hello<?php
echo $user;
?>
,</h2>
<p>I am your first row, go ahead, tap in me to start editing...</p></div>
</div>
<div class="pootle-live-editor resize-cells"></div>
</div>
</div><!--.panel-grid-cell-container--></div><!--.panel-row-style--></div><!--.panel-grid-->
<div class="pootle-live-editor ppb-live-add-object add-row">
<span title="Add row" class="dashicons-before dashicons-plus">
<span class="screen-reader-text">Add row</span>
</span>
</div>
<!----------Pootle Page Builder Inline Styles---------->
<style id="pootle-live-editor-styles" type="text/css" media="all">.panel-grid-cell {
display: inline-block !important;
vertical-align: top !important;
}
.panel-grid-cell-container {
font-size: 0;
}
.panel-grid-cell-container > * {
font-size: initial;
}
#pootle-page-builder, .panel-row-style, .panel-grid-cell-container {
position: relative;
}
.panel-grid-cell-container {
z-index: 1;
}
.panel-grid-cell-container {
padding-bottom: 1px;
}
.panel-row-style:before {
position: absolute;
width: 100%;
height: 100%;
content: "";
top: 0;
left: 0;
z-index: 0;
}
.panel-grid-cell .panel {
margin-bottom: 0px
}
.panel-grid-cell .panel:last-child {
margin-bottom: 0 !important
}
.panel {
padding: 10px
}
@media ( max-width: 780px ) {
#pg-522-0 .panel-grid-cell {
float: none
}
#pg-522-0 .panel-grid-cell {
width: auto
}
.panel-grid-cell:not(:last-child) {
margin-bottom: 10px
}
.panel-grid {
margin-left: 0 !important;
margin-right: 0 !important;
}
.panel-grid-cell {
padding: 0 !important;
width: 100% !important;
}
}
@media ( max-width: 768px ) {
.panel {
padding: 5px
}
}
.panel-grid:hover .ppb-edit-row span.intro-popup,
.ppb-block:hover .pootle-live-editor span.intro-popup{
visibility: visible;
}
span.intro-popup {
position: absolute;
}
#pootle-page-builder:hover .ppb-row:hover span.intro-popup {
background: #fff;
border: 1px solid #aaa;
width: 160px;
display: block !important;
padding: 16px;
top: 97%;
left: 0;
box-shadow: 0 1px 3px 0px rgba(0,0,0,0.25);
}
#pootle-page-builder:hover .ppb-row:hover .ppb-block span.intro-popup {
top: 106%;
left: auto;
right:0
}
span.intro-popup:before {
position: absolute;
content: '';
border: 12px solid transparent;
border-bottom: 10px solid #aaa;
bottom:100%;
left:5px;
}
.ppb-block span.intro-popup:before {
left:auto;
right:5px;
}
</style>
</div>
<?php
get_footer();
exit;
}
/**
* Constructor function.
* @param string $file __FILE__ of the main plugin
* @access private
* @since 2.0.0
*/
private function __construct($file)
{
self::$token = 'pootle-live-editor';
self::$file = $file;
self::$url = plugin_dir_url($file) . 'inc/live-editor/';
self::$path = plugin_dir_path($file) . 'inc/live-editor/';
self::$version = '2.0.0';
add_action('plugins_loaded', array($this, 'init'));
}
/**
* Include the required files
* @since 0.1.0
*/
private function includes()
{
/** Variables used throughout the plugin */
require_once POOTLEPB_DIR . 'inc/vars.php';
/** Functions used throughout the plugin */
require_once POOTLEPB_DIR . 'inc/funcs.php';
/** Enhancements and fixes */
require_once POOTLEPB_DIR . 'inc/enhancements-and-fixes.php';
/** PPB Admin Class */
require_once POOTLEPB_DIR . 'inc/class-admin.php';
/** @var Pootle_Page_Builder_Admin PPB Admin Class Instance */
$this->admin = $GLOBALS['Pootle_Page_Builder_Admin'] = new Pootle_Page_Builder_Admin();
/** PPB Public Class */
require_once POOTLEPB_DIR . 'inc/class-public.php';
/** @var Pootle_Page_Builder_Public PPB Public Class Instance */
$this->public = $GLOBALS['Pootle_Page_Builder_Public'] = new Pootle_Page_Builder_Public();
if (ppb_fs()->is__premium_only()) {
if (ppb_fs()->is_plan('ppbpro')) {
/** PPB Public Class */
require_once POOTLEPB_DIR . 'ppbpro/ppbpro.php';
}
}
/** PPB Live Editor */
require_once POOTLEPB_DIR . 'inc/class-live-editor.php';
/** Intantiating main plugin class */
Pootle_Page_Builder_Live_Editor::instance(__FILE__);
}
