File: /var/www/html/tmpr/../tmpr/../tmpr/../tmpr/..//tmpr/..//tmpr/../easyEdit/editX.php
<?php
include("../header.php");
?>
<!DOCTYPE html>
<html xmlns:fb="http://www.facebook.com/2008/fbml" xml:lang="en-gb" lang="en-gb">
<head>
<meta charset="utf-8" />
<?php /*?><title><?php if(!empty($mode)) { echo ucwords($mode); }?><?php if(!empty($splash)) { echo ucwords($splash); }?> | <?php if(!empty($slug)) {echo $catalognameX." | ". $front_indextitle; }else {echo $front_indextitle;} ?></title><?php */?>
<?php if(empty($websiteTitle)) { $websiteTitle = ucwords($mode); }?>
<title><?php echo $siteName ?> - Easy Edit</title>
<meta name="description" content="<?php if(!empty($slug)) { echo $descriptionX; } else {echo $description;}?>" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<link rel="stylesheet" href="<?php echo $siteaddress; ?>easyEdit/assets/css/stylesX.min.css">
<link href='<?php echo $siteaddress; ?>easyEdit/assets/css/css.css' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="<?php echo $siteaddress; ?>css/eziki.css" type="text/css" />
<link rel="stylesheet" type="text/css" href="<?php echo $siteaddress; ?>css/icofont.min.css">
<link rel="stylesheet" type="text/css" href="<?php echo $siteaddress; ?>pages/splash/startags.css">
<style>
body, html {
margin: 0;
width: 100%;
height: 100%;
margin-top: 25px
}
</style>
<?php
$userid=$_SESSION['euserid'];
if(empty($_GET['themeid']))
{
exit();
}
else
{
$themeid = $_GET['themeid'];
$themeid = $db->base64url_decode($themeid);
}
/*
<script src="//cdn.jsdelivr.net/npm/sweetalert2@10/dist/sweetalert2.min.js"></script>
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/sweetalert2@10/dist/sweetalert2.min.css" id="theme-styles">
<!-- Include a polyfill for ES6 Promises (optional) for IE11 -->
<!-- <script src="//cdn.jsdelivr.net/npm/promise-polyfill@8/dist/polyfill.js"></script> -->
<!-- This is what you need -->
<!-- <script src="//cdn.jsdelivr.net/npm/sweetalert2@10"></script> -->
*/
?>
<?php include("../newdatasets/headerNew.php");?>
<brandeditor-editor >
<div class="global-spinner">
<style>.global-spinner {display: none; align-items: center; justify-content: center; z-index: 999; background: #fff; position: fixed; top: 0; left: 0; width: 100%; height: 100%;}</style>
<style>.la-ball-spin-clockwise,.la-ball-spin-clockwise>div{position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.la-ball-spin-clockwise{display:block;font-size:0;color:#1976d2}.la-ball-spin-clockwise.la-dark{color:#333}.la-ball-spin-clockwise>div{display:inline-block;float:none;background-color:currentColor;border:0 solid currentColor}.la-ball-spin-clockwise{width:32px;height:32px}.la-ball-spin-clockwise>div{position:absolute;top:50%;left:50%;width:8px;height:8px;margin-top:-4px;margin-left:-4px;border-radius:100%;-webkit-animation:ball-spin-clockwise 1s infinite ease-in-out;-moz-animation:ball-spin-clockwise 1s infinite ease-in-out;-o-animation:ball-spin-clockwise 1s infinite ease-in-out;animation:ball-spin-clockwise 1s infinite ease-in-out}.la-ball-spin-clockwise>div:nth-child(1){top:5%;left:50%;-webkit-animation-delay:-.875s;-moz-animation-delay:-.875s;-o-animation-delay:-.875s;animation-delay:-.875s}.la-ball-spin-clockwise>div:nth-child(2){top:18.1801948466%;left:81.8198051534%;-webkit-animation-delay:-.75s;-moz-animation-delay:-.75s;-o-animation-delay:-.75s;animation-delay:-.75s}.la-ball-spin-clockwise>div:nth-child(3){top:50%;left:95%;-webkit-animation-delay:-.625s;-moz-animation-delay:-.625s;-o-animation-delay:-.625s;animation-delay:-.625s}.la-ball-spin-clockwise>div:nth-child(4){top:81.8198051534%;left:81.8198051534%;-webkit-animation-delay:-.5s;-moz-animation-delay:-.5s;-o-animation-delay:-.5s;animation-delay:-.5s}.la-ball-spin-clockwise>div:nth-child(5){top:94.9999999966%;left:50.0000000005%;-webkit-animation-delay:-.375s;-moz-animation-delay:-.375s;-o-animation-delay:-.375s;animation-delay:-.375s}.la-ball-spin-clockwise>div:nth-child(6){top:81.8198046966%;left:18.1801949248%;-webkit-animation-delay:-.25s;-moz-animation-delay:-.25s;-o-animation-delay:-.25s;animation-delay:-.25s}.la-ball-spin-clockwise>div:nth-child(7){top:49.9999750815%;left:5.0000051215%;-webkit-animation-delay:-.125s;-moz-animation-delay:-.125s;-o-animation-delay:-.125s;animation-delay:-.125s}.la-ball-spin-clockwise>div:nth-child(8){top:18.179464974%;left:18.1803700518%;-webkit-animation-delay:0s;-moz-animation-delay:0s;-o-animation-delay:0s;animation-delay:0s}.la-ball-spin-clockwise.la-sm{width:16px;height:16px}.la-ball-spin-clockwise.la-sm>div{width:4px;height:4px;margin-top:-2px;margin-left:-2px}.la-ball-spin-clockwise.la-2x{width:64px;height:64px}.la-ball-spin-clockwise.la-2x>div{width:16px;height:16px;margin-top:-8px;margin-left:-8px}.la-ball-spin-clockwise.la-3x{width:96px;height:96px}.la-ball-spin-clockwise.la-3x>div{width:24px;height:24px;margin-top:-12px;margin-left:-12px}@-webkit-keyframes ball-spin-clockwise{0%,100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}20%{opacity:1}80%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}}@-moz-keyframes ball-spin-clockwise{0%,100%{opacity:1;-moz-transform:scale(1);transform:scale(1)}20%{opacity:1}80%{opacity:0;-moz-transform:scale(0);transform:scale(0)}}@-o-keyframes ball-spin-clockwise{0%,100%{opacity:1;-o-transform:scale(1);transform:scale(1)}20%{opacity:1}80%{opacity:0;-o-transform:scale(0);transform:scale(0)}}@keyframes ball-spin-clockwise{0%,100%{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}20%{opacity:1}80%{opacity:0;-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);transform:scale(0)}}</style>
<div class="la-ball-spin-clockwise la-2x">
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>
</div>
<script>setTimeout(function() {
var spinner = document.querySelector('.global-spinner');
if (spinner) spinner.style.display = 'flex';
}, 100);</script>
</brandeditor-editor>
<script src="<?php echo $siteaddress; ?>easyEdit/assets/js/scriptsX.min.js"></script>
<script>
var brandeditor = new Brandeditor({
// ENTER CONFIGURATION HERE
watermarkText: 'Brandeditor Demo',
crossOrigin: true,
onLoad: function () {
window.postMessage('brandeditorLoaded', '*');
brandeditor.loadState('<?php echo $siteaddress; ?>easyEdit/myjson<?php echo $themeid; ?>.json').then(function() { });
setTimeout(function(){
setInterval(function(){
var stateX = brandeditor.getState();
brandeditor.http().post('<?php echo $siteaddress; ?>TheBrandX/mode.php?mode=saveDesignNewInterface&themeid=<?php echo $themeid; ?>&nani=<?php echo $userid; ?>', {data: stateX}).subscribe(function(response) {
});
//start
// Swal.fire({
// position: 'top-end',
// icon: 'success',
// title: 'Your work has been saved',
// showConfirmButton: false,
// timer: 1500
// })
//end
}, 5000);
}, 20000);
},
// onSave: function(data) {
// var stateX = brandeditor.getState();
// brandeditor.http().post('http://localhost/thebrand/TheBrandX/mode.php?mode=saveDesignNewInterface&nani=152&themeid=<?php echo $themeid; ?>&userid=<?php echo $userid; ?>', {data: stateX}).subscribe(function(response) {
// }); },
ui: {
defaultTheme: 'dark',
mode: 'inline',
compact: true,
openImageDialog: {
sampleImages: [
{ url: "images/samples/sample1.jpg", thumbnail: "images/samples/sample1_thumbnail.jpg" },
{ url: "images/samples/sample2.jpg", thumbnail: "images/samples/sample2_thumbnail.jpg" },
{ url: "images/samples/sample3.jpg", thumbnail: "images/samples/sample3_thumbnail.jpg" },
],
} ,
toolbar: {
replaceDefaultLeftItems: true,
replaceDefaultCenterItems: true,
replaceDefaultRightItems: true,
/* leftItems: [
{
type: "button",
icon: "photo-library",
text: "Add",
showInCompactMode: !0,
dropdownItems: [
{ action: "openBackgroundImage", label: "Background Image" },
{ action: "openOverlayImage", label: "Overlay Image" },
{ action: "openStateFile", label: "Open Template" },
],
},
],
*/
leftItems: [{
type: 'button',
icon: 'photo-library',
text: 'Add',
action: 'openOverlayImage', showInCompactMode: !0,
},],
centerItems: [{ type: "zoomWidget", showInCompactMode: !0, },],
rightItems: [
{ type: "button", icon: "history", action: "toggleHistory", showInCompactMode: !0,marginLeft: "40px" },
{ type: "button", text: "Layers",icon: "layers", action: "toggleObjects" , showInCompactMode: !0}, {
type: "button",
icon: "file-download",
text: "Save",
action: "exportImage",
showInCompactMode: !0,
},
],
},
},
});
</script>