162 lines
3.8 KiB
JavaScript
162 lines
3.8 KiB
JavaScript
|
|
// ============
|
|
// Edit Popover
|
|
// ============
|
|
|
|
$(document).ready(function() {
|
|
|
|
var $application = "ATLHOUSINGREPORT",
|
|
$sessionStorage = JSON.parse(sessionStorage.getItem($application) || "{}"),
|
|
$CKEditor;
|
|
|
|
// ----------------------
|
|
// Initialize the Editor.
|
|
// ----------------------
|
|
|
|
ClassicEditor
|
|
.create( document.querySelector( '#popover_text' ), {
|
|
toolbar: {
|
|
items: [
|
|
'heading',
|
|
'|',
|
|
'bold',
|
|
'italic',
|
|
'underline',
|
|
'link',
|
|
'bulletedList',
|
|
'numberedList',
|
|
'|',
|
|
'fontColor',
|
|
'fontSize',
|
|
'fontFamily',
|
|
'|',
|
|
'indent',
|
|
'outdent',
|
|
'alignment',
|
|
'|',
|
|
'horizontalLine',
|
|
'insertTable',
|
|
'|',
|
|
'undo',
|
|
'redo',
|
|
'|'
|
|
] },
|
|
link: {
|
|
addTargetToExternalLinks : true,
|
|
defaultProtocol : "http://"
|
|
|
|
}
|
|
})
|
|
.then( editor => {
|
|
$CKEditor = editor;
|
|
})
|
|
.catch( error => {
|
|
console.error( 'CK-Editor error...' );
|
|
console.error( error );
|
|
});
|
|
|
|
// -----------
|
|
// Save Button
|
|
// -----------
|
|
|
|
$(".btnSave").on("click", function(e) {
|
|
|
|
e.preventDefault();
|
|
|
|
$("#editPopover").submit();
|
|
|
|
});
|
|
|
|
// --------------
|
|
// Cancel Button.
|
|
// --------------
|
|
|
|
$(".btnCancel").on("click", function() {
|
|
|
|
$sessionStorage.action = $sessionStorage.editPopover || "";
|
|
|
|
sessionStorage.setItem($application, JSON.stringify($sessionStorage));
|
|
|
|
formSubmit($sessionStorage);
|
|
|
|
});
|
|
|
|
// -------------
|
|
// Delete Button
|
|
// -------------
|
|
|
|
$(".btnDelete").on("click", function() {
|
|
|
|
$("#confirm-dialog").removeClass().addClass("modal confirm-delete-popover")
|
|
.find(".modal-title").html("Confirm Delete Popover").end()
|
|
.find(".modal-body").html("Are you sure you wish to delete this Popover?").end()
|
|
.modal("show");
|
|
|
|
});
|
|
|
|
$("body").on("click", ".confirm-delete-popover .btnConfirmDialogConfirm", function() {
|
|
|
|
$.post("./", { action : "Popovers.deletePopover", popover_serial : $sessionStorage.popover_serial })
|
|
|
|
.done(function() {
|
|
|
|
$sessionStorage.action = $sessionStorage.editPopover || "";
|
|
|
|
sessionStorage.setItem($application, JSON.stringify($sessionStorage));
|
|
|
|
formSubmit($sessionStorage);
|
|
|
|
});
|
|
|
|
});
|
|
|
|
// ---------------
|
|
// Validate Inputs
|
|
// ---------------
|
|
|
|
$("#editPopover").submit( function(e) {
|
|
|
|
var popover_serial = $("#popover_serial"),
|
|
popover_name = $("#popover_name"),
|
|
popover_title = $("#popover_title"),
|
|
popover_text = $("#popover_text");
|
|
|
|
clearInputErrors();
|
|
|
|
popover_name.val(popover_name.val().replace(/\s+/g, " ").trim());
|
|
popover_title.val(popover_title.val().replace(/\s+/g, " ").trim());
|
|
|
|
if (isBlank(popover_name)) {
|
|
createInputError(popover_name, "Name is required");
|
|
return false;
|
|
}
|
|
|
|
if (formPost({ action : "Popovers.popoverExists", popover_serial : popover_serial.val(), popover_name : popover_name.val() }) === true) {
|
|
createInputError(popover_name, "Name already exists");
|
|
return false;
|
|
}
|
|
|
|
if (isBlank(popover_title)) {
|
|
createInputError(popover_title, "Title is required");
|
|
return false;
|
|
}
|
|
|
|
e.preventDefault();
|
|
|
|
$CKEditor.updateSourceElement();
|
|
|
|
$.post("./", $(this).serialize())
|
|
|
|
.done(function() {
|
|
|
|
$sessionStorage.action = $sessionStorage.editPopover || "";
|
|
|
|
sessionStorage.setItem($application, JSON.stringify($sessionStorage));
|
|
|
|
formSubmit($sessionStorage);
|
|
|
|
});
|
|
|
|
});
|
|
|
|
}); |