<!DOCTYPE html>
<html lang="en">
<head>
<?php echo e(config(['app.name' => get_settings('system_title')])); ?>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title><?php echo e(get_phrase('Edit Layout')); ?> | <?php echo e(config('app.name')); ?></title>
<meta content="<?php echo e(csrf_token()); ?>" name="csrf_token" />
<link rel="shortcut icon" href="<?php echo e(asset(get_frontend_settings('favicon'))); ?>" />
<!-- owl carousel -->
<link rel="stylesheet" href="<?php echo e(asset('assets/frontend/default/css/owl.carousel.min.css')); ?>">
<link rel="stylesheet" href="<?php echo e(asset('assets/frontend/default/css/owl.theme.default.min.css')); ?>">
<!-- Jquery Ui Css -->
<link rel="stylesheet" href="<?php echo e(asset('assets/frontend/default/css/jquery-ui.css')); ?>">
<!-- Nice Select Css -->
<link rel="stylesheet" href="<?php echo e(asset('assets/frontend/default/css/nice-select.css')); ?>">
<!-- Fontawasome Css -->
<link rel="stylesheet" href="<?php echo e(asset('assets/frontend/default/css/all.min.css')); ?>">
<!-- FlatIcons Css -->
<link rel="stylesheet" href="<?php echo e(asset('assets/global/icons/uicons-bold-rounded/css/uicons-bold-rounded.css')); ?>" />
<link rel="stylesheet" href="<?php echo e(asset('assets/global/icons/uicons-bold-straight/css/uicons-bold-straight.css')); ?>" />
<link rel="stylesheet" href="<?php echo e(asset('assets/global/icons/uicons-regular-rounded/css/uicons-regular-rounded.css')); ?>" />
<link rel="stylesheet" href="<?php echo e(asset('assets/global/icons/uicons-solid-rounded/css/uicons-solid-rounded.css')); ?>" />
<link rel="stylesheet" href="<?php echo e(asset('assets/global/icons/uicons-solid-rounded/css/uicons-solid-rounded.css')); ?>" />
<!-- Custom Fonts -->
<link rel="stylesheet" href="<?php echo e(asset('assets/frontend/default/css/custome-front/custom-fronts.css')); ?>">
<!-- Player Css -->
<link rel="stylesheet" href="<?php echo e(asset('assets/frontend/default/css/plyr.css')); ?>">
<!-- Player Css -->
<link rel="stylesheet" href="<?php echo e(asset('assets/frontend/default/css/sweet_alert.css')); ?>">
<!-- Bootstrap Css -->
<link rel="stylesheet" href="<?php echo e(asset('assets/frontend/default/css/bootstrap.min.css')); ?>">
<!-- Main Css -->
<link rel="stylesheet" href="<?php echo e(asset('assets/frontend/default/css/style.css')); ?>">
<link rel="stylesheet" href="<?php echo e(asset('assets/frontend/default/css/responsive.css')); ?>">
<link rel="stylesheet" href="<?php echo e(asset('assets/frontend/default/css/custom_style.css')); ?>">
<!-- Jquery Js -->
<script src="<?php echo e(asset('assets/frontend/default/js/jquery-3.7.1.min.js')); ?>"></script>
<!-- Bootstrap Js -->
<script src="<?php echo e(asset('assets/frontend/default/js/bootstrap.bundle.min.js')); ?>"></script>
<!-- nice select js -->
<script src="<?php echo e(asset('assets/frontend/default/js/jquery.nice-select.min.js')); ?>"></script>
<!-- owl carousel js -->
<script src="<?php echo e(asset('assets/frontend/default/js/owl.carousel.min.js')); ?>"></script>
<!-- Player Js -->
<script src="<?php echo e(asset('assets/frontend/default/js/plyr.js')); ?>"></script>
<!-- Jquery Ui Js -->
<script src="<?php echo e(asset('assets/frontend/default/js/jquery-ui.min.js')); ?>"></script>
<!-- price range Js -->
<script src="<?php echo e(asset('assets/frontend/default/js/price_range_script.js')); ?>"></script>
<!-- Main Js -->
<script src="<?php echo e(asset('assets/frontend/default/js/script.js')); ?>"></script>
<!-- toster file -->
<?php echo $__env->make('frontend.default.toaster', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
<style>
.text-30px {
font-size: 30px;
}
</style>
</head>
<body>
<!-- Builder bar -->
<div id="editor_top_bar" class="editor_top_bar">
<div class="container">
<div class="row">
<div class="col-4 py-3">
<div class="editor_title"><?php echo e(get_phrase('Page Builder')); ?></div>
</div>
<div class="col-4 py-2 text-center">
<a class="btn btn-dark btn-lg mx-1 save-button" href="<?php echo e(route('admin.page.preview', $id)); ?>" target="_blank">
<i class="fi-rr-eye"> </i><?php echo e(get_phrase('Preview')); ?>
</a>
<button class="btn btn-dark btn-lg mx-1 save-button" onclick="getDeveloperFileContent()">
<i class="fi-rr-arrow-alt-square-down"> </i><?php echo e(get_phrase('Save')); ?>
</button>
</div>
<div class="col-4 py-2">
<a class="btn btn-dark btn-lg float-end mx-1" href="<?php echo e(route('admin.pages')); ?>">
<i class="fi-rr-angle-left"> </i><?php echo e(get_phrase('Back')); ?></a>
</div>
</div>
</div>
</div>
<div id="main">
<?php $builder_file_names = App\Models\Builder_page::where('id', $id)->firstOrNew()->html; ?>
<?php $__currentLoopData = json_decode($builder_file_names, true) ?? []; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $key => $builder_file_name): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
<div builder-block-identifier="<?php echo e(time() . rand(1000, 9999) . $key); ?>" builder-block-file-name="<?php echo e($builder_file_name); ?>">
<?php echo $__env->make('components.home_made_by_builder.' . $builder_file_name, \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
</div>
<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
</div>
<?php echo $__env->make('admin.page_builder.page_layout_edit_offcanvas', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
<?php echo $__env->make('admin.toaster', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
<script>
"use strict";
// Save the edited layout into database
function save_layout(developer_elements, builder_elements) {
// Remove builder tool START
// removes the options elements: buttons & borders
$(".content_editor_buttons").remove();
$('.builder-editable.initialized').removeClass('initialized');
$('#main .builder-editable-wraper > .builder-editable').each(function(index, elem) {
//To remove parent div (.builder-editable-wraper)
$(this).unwrap();
});
// Remove builder tool END
// Sending the ajax call
$.ajax({
headers: {
'X-CSRF-TOKEN': '<?php echo e(csrf_token()); ?>'
},
type: "POST",
data: {
developer_elements: developer_elements,
builder_elements: builder_elements,
id: <?php echo e($id); ?>
},
url: "<?php echo e(route('admin.page.layout.update', ['id' => $id])); ?>",
success: function(msg) {
success('Layout updated');
// Re-initiate the builder
builder_initiated()
}
});
}
function separateElementsByDom(html) {
// Create a new DOMParser instance
let parser = new DOMParser();
let doc = parser.parseFromString(html, 'text/html');
let builderElements = {};
// console.log(html)
// Find all elements with the builder-block-file-name attribute
let nodes = doc.querySelectorAll('[builder-block-file-name]');
nodes.forEach(node => {
// console.log(node.innerHTML);
// Find elements within each node with builder-identity attribute
let nodeIdentities = node.querySelectorAll('[builder-identity]');
let fileName = node.getAttribute('builder-block-file-name');
// Initialize the fileName key in the builderElements object
if (!builderElements[fileName]) {
builderElements[fileName] = {};
}
console.log(nodeIdentities.length)
if (nodeIdentities.length > 0) {
nodeIdentities.forEach(identityNode => {
let identity = identityNode.getAttribute('builder-identity');
// Check for duplicate identity
if (builderElements[fileName][identity]) {
var errorMessage = `Duplicate builder-identity "${identity}" found in "${fileName}". Execution stopped. You can solve this issue by removing the "${fileName}" block and adding it again from the right sidebar.`;
error(errorMessage);
// Show an error message and stop execution
throw new Error(errorMessage);
}
builderElements[fileName][identity] = {
element: identityNode.outerHTML,
tag: identityNode.tagName.toLowerCase(),
identity: identity,
content: identityNode.textContent,
src: identityNode.getAttribute('src')
};
// console.log(builderElements[fileName][identity])
});
} else {
builderElements[fileName][1] = {
element: 'null',
tag: 'null',
identity: 'null',
content: 'null',
src: 'null'
};
}
// console.log(builderElements)
});
return builderElements;
}
function getDeveloperFileContent() {
// get developer file content
$.ajax({
headers: {
'X-CSRF-TOKEN': '<?php echo e(csrf_token()); ?>'
},
type: "POST",
url: "<?php echo e(route('admin.page.all.builder.developer.file')); ?>",
success: function(developerhtml) {
var builder_html = document.querySelector('#main').innerHTML;
// console.log(builder_html);
var developer_elements = separateElementsByDom(developerhtml);
var builder_elements = separateElementsByDom(builder_html);
// console.log(builder_elements);
save_layout(developer_elements, builder_elements);
}
});
}
</script>
<style>
.parent {
position: relative;
/* Add any other styles you want for the parent div */
}
.parent:hover {
outline: 2px dashed black;
display: block;
}
.child {
position: absolute;
display: none;
float: right;
text-align: center;
top: 0;
left: 0;
width: 100%;
cursor: move;
margin-top: 5px;
}
.parent:hover>.child {
display: block;
}
.block_delete {
border-radius: 5px 0px 0px 5px !important;
margin-right: -5px !important;
}
.block_add {
border-radius: 0px 5px 5px 0px !important;
}
.editor_top_bar {
background-color: #121729;
}
.editor_title {
color: #faf4ff;
font-size: 14px;
}
.builder_image img {
display: block;
}
.placeholder_block {
text-align: center;
outline: 2px dashed #c1b4d8;
padding: 50px;
margin-top: 50px;
border-radius: 10px;
}
.placeholder_block>div {
margin-top: 10px;
font-size: 16px;
margin-bottom: 20px;
color: #12172a;
}
.toast {
font-size: 13px;
}
/* Flaticon spacing isse fixed START*/
i:not(.fas, .fa, .fab) {
line-height: 1.5 !important;
vertical-align: -0.12em !important;
display: inline-flex !important;
margin: 3px;
}
/* Flaticon spacing isse fixed END*/
</style>
</body>
</html>
<?php /**PATH /home/u528834676/domains/ahavalms.com/public_html/resources/views/admin/page_builder/page_layout_edit.blade.php ENDPATH**/ ?>