Autosave and preview function migrated to fetch function
This commit is contained in:
Diego Najar
parent
b32bc1e054
commit
38092a051c
|
|
@ -400,8 +400,9 @@ $(document).ready(function() {
|
|||
var title = $("#jstitle").val();
|
||||
var content = editorGetContent();
|
||||
var ajax = new bluditAjax();
|
||||
ajax.autosave(uuid, title, content, false);
|
||||
window.open("<?php echo DOMAIN_PAGES.'autosave-'.$page->uuid().'?preview='.md5('autosave-'.$page->uuid()) ?>", "_blank");
|
||||
bluditAjax.preview(uuid, title, content).then(function(data) {
|
||||
window.open("<?php echo DOMAIN_PAGES.'autosave-'.$uuid.'?preview='.md5('autosave-'.$uuid) ?>", "_blank");
|
||||
});
|
||||
});
|
||||
|
||||
// Button Save
|
||||
|
|
@ -444,8 +445,11 @@ $(document).ready(function() {
|
|||
// Call autosave only when the user change the content
|
||||
if (currentContent!=content) {
|
||||
currentContent = content;
|
||||
// showAlert is the function to display an alert defined in alert.php
|
||||
ajax.autosave(uuid, title, content, showAlert);
|
||||
bluditAjax.autosave(uuid, title, content).then(function(data) {
|
||||
if (data.status==0) {
|
||||
showAlert("Autosave success");
|
||||
}
|
||||
});
|
||||
}
|
||||
},1000*60*AUTOSAVE_INTERVAL);
|
||||
|
||||
|
|
|
|||
|
|
@ -349,10 +349,10 @@ $(document).ready(function() {
|
|||
var uuid = $("#jsuuid").val();
|
||||
var title = $("#jstitle").val();
|
||||
var content = editorGetContent();
|
||||
var ajax = new bluditAjax();
|
||||
ajax.autosave(uuid, title, content, false);
|
||||
bluditAjax.preview(uuid, title, content).then(function(data) {
|
||||
window.open("<?php echo DOMAIN_PAGES.'autosave-'.$uuid.'?preview='.md5('autosave-'.$uuid) ?>", "_blank");
|
||||
});
|
||||
});
|
||||
|
||||
// Button Save
|
||||
$("#jsbuttonSave").on("click", function() {
|
||||
|
|
@ -373,13 +373,20 @@ $(document).ready(function() {
|
|||
|
||||
// Autosave
|
||||
// Autosave works when the content of the page is bigger than 100 characters
|
||||
var currentContent = editorGetContent();
|
||||
setInterval(function() {
|
||||
var uuid = $("#jsuuid").val();
|
||||
var title = $("#jstitle").val();
|
||||
var content = editorGetContent();
|
||||
var ajax = new bluditAjax();
|
||||
// showAlert is the function to display an alert defined in alert.php
|
||||
ajax.autosave(uuid, title, content, showAlert);
|
||||
// Call autosave only when the user change the content
|
||||
if (currentContent!=content) {
|
||||
currentContent = content;
|
||||
bluditAjax.autosave(uuid, title, content).then(function(data) {
|
||||
if (data.status==0) {
|
||||
showAlert("Autosave success");
|
||||
}
|
||||
});
|
||||
}
|
||||
},1000*60*AUTOSAVE_INTERVAL);
|
||||
|
||||
});
|
||||
|
|
|
|||
|
|
@ -1,33 +1,40 @@
|
|||
<?php defined('BLUDIT') or die('Bludit CMS.');
|
||||
header('Content-Type: application/json');
|
||||
|
||||
/*
|
||||
| Create/Edit a page and save as draft
|
||||
| If the UUID already exists the page is updated
|
||||
|
|
||||
| @_POST['title'] string Page title
|
||||
| @_POST['content'] string Page content
|
||||
| @_POST['uuid'] string Page uuid
|
||||
|
|
||||
| @return array
|
||||
*/
|
||||
|
||||
// $_POST
|
||||
// ----------------------------------------------------------------------------
|
||||
// (string) $_POST['title']
|
||||
$title = isset($_POST['title']) ? $_POST['title'] : false;
|
||||
// (string) $_POST['content']
|
||||
$content = isset($_POST['content']) ? $_POST['content'] : false;
|
||||
// (string) $_POST['uuid']
|
||||
$uuid = isset($_POST['uuid']) ? $_POST['uuid'] : false;
|
||||
// ----------------------------------------------------------------------------
|
||||
|
||||
// Check UUID
|
||||
if (empty($uuid)) {
|
||||
ajaxResponse(1, 'Autosave fail. UUID not defined.');
|
||||
ajaxResponse(1, 'Save as draft fail. UUID not defined.');
|
||||
}
|
||||
|
||||
$autosaveUUID = 'autosave-'.$uuid;
|
||||
$page = array(
|
||||
'uuid'=>$autosaveUUID,
|
||||
'key'=>$autosaveUUID,
|
||||
'slug'=>$autosaveUUID,
|
||||
'title'=>$title.' [ Autosave ] ',
|
||||
'uuid'=>$uuid,
|
||||
'key'=>$uuid,
|
||||
'slug'=>$uuid,
|
||||
'title'=>$title,
|
||||
'content'=>$content,
|
||||
'type'=>'draft'
|
||||
);
|
||||
|
||||
// Get the page key by the UUID
|
||||
$pageKey = $pages->getByUUID($autosaveUUID);
|
||||
$pageKey = $pages->getByUUID($uuid);
|
||||
|
||||
// if pageKey is empty means the autosave page doesn't exist
|
||||
if (empty($pageKey)) {
|
||||
|
|
@ -36,8 +43,8 @@ if (empty($pageKey)) {
|
|||
editPage($page);
|
||||
}
|
||||
|
||||
ajaxResponse(0, 'Autosave successfully.', array(
|
||||
'uuid'=>$autosaveUUID
|
||||
ajaxResponse(0, 'Save as draft successfully.', array(
|
||||
'uuid'=>$uuid
|
||||
));
|
||||
|
||||
?>
|
||||
|
|
@ -1,45 +1,58 @@
|
|||
class bluditAjax {
|
||||
|
||||
// Autosave works only when the content has more than 100 characters
|
||||
// callBack function need to be showAlert(), this function is for display alerts to the user, defined in alert.php
|
||||
autosave(uuid, title, content, callBack) {
|
||||
var ajaxRequest;
|
||||
if (ajaxRequest) {
|
||||
ajaxRequest.abort();
|
||||
static async preview(uuid, title, content) {
|
||||
let url = HTML_PATH_ADMIN_ROOT+"ajax/save-as-draft"
|
||||
try {
|
||||
const response = await fetch(url, {
|
||||
credentials: 'same-origin',
|
||||
method: "POST",
|
||||
headers: new Headers({
|
||||
'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8'
|
||||
}),
|
||||
body: new URLSearchParams({
|
||||
'tokenCSRF': tokenCSRF,
|
||||
'uuid': "autosave-" + uuid,
|
||||
'title': title,
|
||||
'content': content
|
||||
}),
|
||||
});
|
||||
const json = await response.json();
|
||||
return json;
|
||||
}
|
||||
catch (err) {
|
||||
console.log(err);
|
||||
return true;
|
||||
}
|
||||
}
|
||||
|
||||
if ((content.length<100) && callBack) {
|
||||
// Autosave works only when the content has more than 100 characters
|
||||
static async autosave(uuid, title, content) {
|
||||
if ((content.length<100)) {
|
||||
return false;
|
||||
}
|
||||
|
||||
ajaxRequest = $.ajax({
|
||||
type: "POST",
|
||||
data: {
|
||||
tokenCSRF: tokenCSRF, // token from env variables
|
||||
uuid: uuid,
|
||||
title: title,
|
||||
content: content
|
||||
},
|
||||
url: HTML_PATH_ADMIN_ROOT+"ajax/save-as-draft"
|
||||
let url = HTML_PATH_ADMIN_ROOT+"ajax/save-as-draft"
|
||||
try {
|
||||
const response = await fetch(url, {
|
||||
credentials: 'same-origin',
|
||||
method: "POST",
|
||||
headers: new Headers({
|
||||
'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8'
|
||||
}),
|
||||
body: new URLSearchParams({
|
||||
'tokenCSRF': tokenCSRF,
|
||||
'uuid': "autosave-" + uuid,
|
||||
'title': title+" [Autosave]",
|
||||
'content': content
|
||||
}),
|
||||
});
|
||||
|
||||
ajaxRequest.done(function (response, textStatus, jqXHR) {
|
||||
console.log("Bludit AJAX: autosave(): done handler");
|
||||
if (callBack) {
|
||||
callBack("Autosave success");
|
||||
const json = await response.json();
|
||||
return json;
|
||||
}
|
||||
});
|
||||
|
||||
ajaxRequest.fail(function (jqXHR, textStatus, errorThrown) {
|
||||
console.log("Bludit AJAX: autosave(): fail handler");
|
||||
if (callBack) {
|
||||
callBack("Autosave failure");
|
||||
catch (err) {
|
||||
console.log(err);
|
||||
return true;
|
||||
}
|
||||
});
|
||||
|
||||
ajaxRequest.always(function () {
|
||||
console.log("Bludit AJAX: autosave(): always handler");
|
||||
});
|
||||
}
|
||||
|
||||
// Alert the user when the user is not logged
|
||||
|
|
|
|||
Loading…
Reference in New Issue