261 lines
8.7 KiB
JavaScript
261 lines
8.7 KiB
JavaScript
$(function(){
|
|
let openEditorForPage = parseInt($('#inpOpenEditorForPage').val());
|
|
if (!isNaN(openEditorForPage) && openEditorForPage > 0){
|
|
$('#inpOpenEditorForPage').val(0);
|
|
openEditor(openEditorForPage);
|
|
}
|
|
loadPages();
|
|
});
|
|
|
|
function loadPages(){
|
|
$.blockUI();
|
|
$.ajax({
|
|
type: "GET",
|
|
url: "/Pages/Index/?handler=Pages",
|
|
data: {
|
|
},
|
|
success: function (data) {
|
|
if (data.successful){
|
|
let pageContent = $('.div-pages');
|
|
pageContent.empty();
|
|
|
|
if (data.pages){
|
|
data.pages.forEach((page) => {
|
|
addPageToDiv(page);
|
|
});
|
|
}
|
|
} else {
|
|
Swal.fire('Napaka', data.error, 'error');
|
|
console.log(data);
|
|
}
|
|
$.unblockUI();
|
|
},
|
|
error: function (xhr, ajaxOptions, thrownError) {
|
|
console.log(xhr);
|
|
alert(xhr.responseText);
|
|
$.unblockUI();
|
|
}
|
|
});
|
|
}
|
|
|
|
function addPageToDiv(page){
|
|
let element = $(`<div class="div-page" data-id="${page.idBulletinBoardPage}">
|
|
<img class="img-thumbnail rounded" src="/bulletin-board-images/pages/${page.image}" alt="page image" />
|
|
<small>${page.name}</small>
|
|
<div class="tools">
|
|
<a href="javascript:;" class="btn btn-xs icon-btn btn-outline-primary borderless" onclick="pageOpenEditor(this);" data-toggle="tooltip" data-placement="top" title="Urejevalnik" data-state="secondary"><i class="far fa-edit"></i></a>
|
|
<a href="javascript:;" class="btn btn-xs icon-btn btn-outline-secondary borderless" onclick="openModalEditPage(this);" data-toggle="tooltip" data-placement="top" title="Urejanje" data-state="secondary"><i class="fas fa-pencil-alt"></i></a>
|
|
<a href="javascript:;" class="btn btn-xs icon-btn btn-outline-danger borderless" onclick="deletePage(this)"><i class="fas fa-trash-alt"></i></a>
|
|
</div>
|
|
</div>`);
|
|
$('.div-pages').append(element);
|
|
|
|
element.find('[data-toggle="tooltip"]').tooltip();
|
|
}
|
|
|
|
function openModalAddPage(){
|
|
$('#inpModalAddEditPageIdPage').val(0);
|
|
$('#inpModalAddEditPageName').val('');
|
|
$('#divModalAddEditPage').modal('show');
|
|
}
|
|
|
|
function openModalEditPage(el){
|
|
let idBulletinBoardPage = parseInt($(el).parent().parent().attr('data-id'));
|
|
if (isNaN(idBulletinBoardPage)){
|
|
Swal.fire('Napaka ni id strani!', '', 'error');
|
|
return;
|
|
}
|
|
$.blockUI();
|
|
$.ajax({
|
|
type: "GET",
|
|
url: "/Pages/Index/?handler=Page",
|
|
data: {
|
|
id: idBulletinBoardPage
|
|
},
|
|
success: function (data) {
|
|
if (data.successful){
|
|
$('#inpModalAddEditPageIdPage').val(data.page.idBulletinBoardPage);
|
|
$('#inpModalAddEditPageName').val(data.page.name);
|
|
$('#selModalAddEditPageRatio').val(data.page.ratio).trigger('change');
|
|
$('#selModalAddEditPageType').val(data.page.type).trigger('change');
|
|
$('#divModalAddEditPage').modal('show');
|
|
} else {
|
|
Swal.fire('Napaka', data.error, 'error');
|
|
console.log(data);
|
|
}
|
|
$.unblockUI();
|
|
},
|
|
error: function (xhr, ajaxOptions, thrownError) {
|
|
console.log(xhr);
|
|
alert(xhr.responseText);
|
|
$.unblockUI();
|
|
}
|
|
});
|
|
}
|
|
|
|
function saveModalAddEditPage(){
|
|
let name = $('#inpModalAddEditPageName').val();
|
|
let ratio = parseInt($('#selModalAddEditPageRatio').val());
|
|
let type = parseInt($('#selModalAddEditPageType').val());
|
|
let idBulletinBoardPage = parseInt($('#inpModalAddEditPageIdPage').val());
|
|
if (name === ''){
|
|
Swal.fire('Ime ni vneseno', '', 'warning');
|
|
return;
|
|
}
|
|
|
|
if (isNaN(ratio)){
|
|
Swal.fire('Razmerje ni vneseno', '', 'warning');
|
|
return;
|
|
}
|
|
|
|
if (isNaN(type)){
|
|
Swal.fire('Tip ni vnesen', '', 'warning');
|
|
return;
|
|
}
|
|
|
|
$.blockUI();
|
|
$.ajax({
|
|
type: "POST",
|
|
beforeSend: function(xhr) {
|
|
xhr.setRequestHeader("XSRF-TOKEN",
|
|
$('input:hidden[name="__RequestVerificationToken"]').val());
|
|
},
|
|
url: "/Pages/Index/?handler=BoardPage",
|
|
data: { page : {
|
|
idBulletinBoardPage,
|
|
name,
|
|
ratio,
|
|
type
|
|
}},
|
|
success: function(data) {
|
|
if (data.successful){
|
|
$('#divModalAddEditPage').modal('hide');
|
|
if (idBulletinBoardPage > 0){
|
|
//Ce je edit ne odprem editorja
|
|
$('#inpOpenEditorForPage').val(0);
|
|
} else {
|
|
$('#inpOpenEditorForPage').val(data.page.idBulletinBoardPage);
|
|
}
|
|
$('#btnRefresh').trigger('click');
|
|
} else {
|
|
Swal.fire('Napaka', data.error, 'error');
|
|
console.log(data);
|
|
}
|
|
$.unblockUI();
|
|
},
|
|
error: function (xhr, ajaxOptions, thrownError) {
|
|
alert(xhr.responseText);
|
|
$.unblockUI();
|
|
}
|
|
});
|
|
}
|
|
|
|
function pageOpenEditor(el){
|
|
openEditor(parseInt($(el).parent().parent().attr('data-id')));
|
|
}
|
|
|
|
function openEditor(id){
|
|
$.blockUI();
|
|
$.ajax({
|
|
type: "GET",
|
|
url: "/Pages/Index/?handler=Page",
|
|
data: {
|
|
id
|
|
},
|
|
success: function (data) {
|
|
if (data.successful){
|
|
switch (data.page.type){
|
|
case 1: //Editor notes
|
|
window.location.href = "/Pages/EditMain?idPage=" + data.page.idBulletinBoardPage;
|
|
break;
|
|
case 2: //Picture
|
|
$('#inpModalPageEditorPictureIdPage').val(data.page.idBulletinBoardPage);
|
|
$('#imgModalPageEditorPicture').attr("src","/bulletin-board-images/pages/" + data.page.image);
|
|
$('#divModalPageEditorPicture').modal('show');
|
|
break;
|
|
case 3: //Link
|
|
$('#inpModalPageEditorLinkIdPage').val(data.page.idBulletinBoardPage);
|
|
$('#inpModalPageEditorLinkLink').val(data.page.externalLink);
|
|
$('#divModalPageEditorLink').modal('show');
|
|
break;
|
|
}
|
|
} else {
|
|
Swal.fire('Napaka', data.error, 'error');
|
|
console.log(data);
|
|
}
|
|
$.unblockUI();
|
|
},
|
|
error: function (xhr, ajaxOptions, thrownError) {
|
|
console.log(xhr);
|
|
alert(xhr.responseText);
|
|
$.unblockUI();
|
|
}
|
|
});
|
|
}
|
|
|
|
function saveModalPageEditorLink(){
|
|
let link = $('#inpModalPageEditorLinkLink').val();
|
|
let idPage = parseInt($('#inpModalPageEditorLinkIdPage').val());
|
|
|
|
$.blockUI();
|
|
$.ajax({
|
|
type: "POST",
|
|
beforeSend: function(xhr) {
|
|
xhr.setRequestHeader("XSRF-TOKEN",
|
|
$('input:hidden[name="__RequestVerificationToken"]').val());
|
|
},
|
|
url: "/Pages/Index/?handler=BoardPageLink",
|
|
data: { idPage, link},
|
|
success: function(data) {
|
|
if (data.successful){
|
|
$('#divModalAddEditPage').modal('hide');
|
|
$('#btnRefresh').trigger('click');
|
|
} else {
|
|
Swal.fire('Napaka', data.error, 'error');
|
|
console.log(data);
|
|
}
|
|
$.unblockUI();
|
|
},
|
|
error: function (xhr, ajaxOptions, thrownError) {
|
|
alert(xhr.responseText);
|
|
$.unblockUI();
|
|
}
|
|
});
|
|
}
|
|
|
|
function saveModalPageEditorPicture(){
|
|
let idPage = parseInt($('#inpModalPageEditorPictureIdPage').val());
|
|
|
|
let files = $('#inpModalPageEditorPicturePicture').prop("files");
|
|
let formData = new FormData();
|
|
formData.append("file", files[0]);
|
|
formData.append("idPage", idPage);
|
|
|
|
$.blockUI();
|
|
$.ajax({
|
|
type: "POST",
|
|
beforeSend: function(xhr) {
|
|
xhr.setRequestHeader("XSRF-TOKEN",
|
|
$('input:hidden[name="__RequestVerificationToken"]').val());
|
|
},
|
|
url: "/Pages/Index/?handler=BoardPagePicture",
|
|
data: formData,
|
|
cache: false,
|
|
contentType: false,
|
|
processData: false,
|
|
success: function(data) {
|
|
if (data.successful){
|
|
$('#divModalPageEditorPicture').modal('hide');
|
|
$('#btnRefresh').trigger('click');
|
|
} else {
|
|
Swal.fire('Napaka', data.error, 'error');
|
|
console.log(data);
|
|
}
|
|
$.unblockUI();
|
|
},
|
|
error: function (xhr, ajaxOptions, thrownError) {
|
|
alert(xhr.responseText);
|
|
$.unblockUI();
|
|
}
|
|
});
|
|
} |