File: /var/www/html/easyEdit4/edit.php
<?php
include("../includes/limittext.php");
include('../Connections/videoondemand.php');
require("../DbSql2.inc.php");
require("../NewsSql2.inc.php");
$db = new NewsSQL;
include("../protect.php");
session_start();
$userid=$_SESSION['euserid'];
if (empty ($userid) )
{
header("Location: $siteaddress2/m/auth/login");
}
if(empty($_GET['themeid']))
{
header("Location: $siteaddress2/m/auth/login");
exit();
}
else
{
$themeid = $_GET['themeid'];
$themeid = $db->base64url_decode($themeid);
}
?>
<style>
html, body, #editor-container {
width: 100%;
height: 100%;
padding: 0;
margin: 0;
font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
</style>
<body>
<div id="editor-container"></div>
<script src="dist/pixie.umd.js?<?php echo rand(1992,212121212);?>"></script>
<script>
const pixie = new Pixie({
selector: "#editor-container",
baseUrl: 'assets',
state: "<?php echo $siteaddress; ?>easyEdit/myjson<?php echo $themeid; ?>.json",
objectDefaults: {
transparentCorners: false,
borderOpacityWhenMoving: 1,
cornerStyle: 'circle', //rect or circle
cornerColor: '#ccc',
cornerStrokeColor: '#fff',
cornerSize: 16,
strokeWidth: 0.05,
lockUniScaling: true, //preserver aspect ratio when resizing via handle
},
text: {
textAlign: 'initial',
underline: false,
linethrough: false,
fontStyle: 'normal',
fontFamily: 'Times New Roman',
fontWeight: 'normal',
stroke: undefined,
fontSize: 40,
},
tools: {
text: {
replaceDefault: false,
defaultCategory: 'handwriting',
items: [
{
family: 'bla',
src: 'fonts/open-sans-v27-latin-ext_latin-regular.woff2',
},
{
family: 'Fuzzy Bubbles',
src: 'fonts/fuzzy-bubbles-v3-latin-700.woff2',
descriptors: {weight: '700'},
}
]
}
},
ui: {
activeTheme: 'light',
nav: {
position: 'bottom',
replaceDefault: true,
items: [
{name: 'filter', icon: 'filter-custom', action: 'filter'},
{name: 'my button', icon: 'remove', action: function() {
alert('custom action');
}}
],
}
},
onSave: async function(data) {
const state = brand.getState();
const response = await fetch('<?php echo $siteaddress; ?>TheBrandZ/mode.php?mode=saveDesignNewInterface&themeid=<?php echo $themeid; ?>&nani=<?php echo $userid; ?>', {
method: 'POST',
body: state,
data: state
});
console.log(response);
console.log(state);
//console.log(data);
});
</script>
</body>
</html>