276 lines
8.5 KiB
JavaScript
Executable File
276 lines
8.5 KiB
JavaScript
Executable File
/* ----------------------------------------------------------------------
|
||
02.04.2023
|
||
Удалялка страниц
|
||
---------------------------------------------------------------------- */
|
||
$(".del_page").click(function(event) {
|
||
var id=$(this).data('id');
|
||
$.ajax({
|
||
type: "POST",
|
||
url: '/act/page_all',
|
||
data: "act=deletePage&id=" + id
|
||
});
|
||
$("#tr_pages_" + id).addClass("hidden");
|
||
})
|
||
|
||
/* ----------------------------------------------------------------------
|
||
02.04.2023
|
||
Удалялка категории
|
||
---------------------------------------------------------------------- */
|
||
$(".delСat").click(function(event) {
|
||
var id=$(this).data('id');
|
||
$.ajax({
|
||
type: "POST",
|
||
url: '/act/a_bib',
|
||
data: "act=deleteCategory&id=" + id
|
||
});
|
||
$("#content_" + id).addClass("hidden");
|
||
})
|
||
|
||
|
||
|
||
|
||
/* ----------------------------------------------------------------------
|
||
12.12.2022
|
||
Создаем новую категорию
|
||
---------------------------------------------------------------------- */
|
||
$("#createNewCategory").click(function(event) {
|
||
$.ajax({
|
||
type: "POST",
|
||
url: '/act/a_bib',
|
||
data: "act=createNewCategory&txt=" + $("#categoryTitle").val() + "&category=" + $("#parentCategory").val()
|
||
});
|
||
|
||
setTimeout(function(){location.reload();}, 1000);
|
||
})
|
||
|
||
|
||
/* ----------------------------------------------------------------------
|
||
07.10.2022
|
||
Сохраняем реквизиты категории
|
||
---------------------------------------------------------------------- */
|
||
|
||
$("#saveMeta").click(function(event) {
|
||
var title = $("#title").val();
|
||
var keywords = $("#keywords").val();
|
||
var description = $("#description").val();
|
||
var category = $("#category").val();
|
||
var id = $("#id").val();
|
||
var status = $("#status").val();//!!!
|
||
$.ajax({
|
||
type: "POST",
|
||
url: '/act/page_all',
|
||
data: "act=changeCategory&id=" + id + "&keywords=" + keywords + "&description=" + description + "&category=" + category + "&title=" + title + "&status=" + status
|
||
});
|
||
$("#div-log p").css({'color':'gray'});
|
||
$("#div-log").prepend("<p style='color: green;'>Изменения сохранены</p>");
|
||
})
|
||
|
||
|
||
$("#showDivNewCat").click(function(event) {
|
||
$("#divNewCat").removeClass("hidden");
|
||
})
|
||
|
||
$("#cancelNewSaveMeta").click(function(event) {
|
||
$("#divNewCat").addClass("hidden");
|
||
})
|
||
|
||
//кнопка удаления в модальном окошке
|
||
$("#del").click(function(event) {
|
||
$.ajax({ type: "POST", url: '/act/page_all', data: "act=del_page&id=" + $('#tmp').val() });
|
||
$('tr#' + $('#tmp').val()).hide('2000');
|
||
$('#exampleModal').modal('hide');
|
||
})
|
||
|
||
/*
|
||
$(".del_cat").click(function(event) {
|
||
var id = $(this).attr('href');
|
||
//$.ajax({type:"POST",url:'/act/page_all',data:"id="+id});
|
||
return false;
|
||
})
|
||
|
||
|
||
//Кнопка удаления в списке контента
|
||
$(".del_page").click(function(event) {
|
||
var id = $(this).data('id');
|
||
//alert(id);
|
||
$('#del_id').val(id);
|
||
})
|
||
*/
|
||
// Кнопка удаления в модальном окошке
|
||
$(".del_page_in_modal").click(function(event) {
|
||
var id = $('#del_id').val();
|
||
// alert(id);
|
||
$.ajax({
|
||
type: "POST",
|
||
url: '/act/page_all',
|
||
data: "act=del_page&id=" + id
|
||
});
|
||
|
||
//
|
||
$("#tr_cat_" + id).hide(1000);
|
||
$("#btn_close_del").click();
|
||
//$('#modal_del_page').modal('hide');
|
||
|
||
})
|
||
|
||
//кнопка добавления категории
|
||
$("#btn-add-new-cat").click(function(event) {
|
||
var input_new_cat = $('#input_new_cat').val();
|
||
var parent_id = $('#input_parrent').val();
|
||
var input_new_cat_description = $('#input_new_cat_description').val();
|
||
var input_new_cat_keywords = $('#input_new_cat_keywords').val();
|
||
var input_new_cat_edit_id = $('#input_new_cat_edit_id').val();
|
||
|
||
$.ajax({
|
||
type: "POST",
|
||
url: '/act/page_all',
|
||
data: "act=new_cat&input_new_cat=" + input_new_cat + "&parent_id=" + parent_id + "&input_new_cat_description=" + input_new_cat_description + "&input_new_cat_keywords=" + input_new_cat_keywords + "&input_new_cat_edit_id=" + input_new_cat_edit_id
|
||
});
|
||
setTimeout(function() {
|
||
location.reload();
|
||
}, 1500);
|
||
})
|
||
|
||
//Быстрое редактирование категорий в модальном окне, пересмотреть концепцию
|
||
$(".qe").click(function(event) {
|
||
//Придаем заголовок
|
||
$("#modal_label_edit").text("Редактирование категории");
|
||
//alert("Click Me");
|
||
var id = $(this).data('id');
|
||
var parent_id = $("#parent_id").val();
|
||
//alert(id);
|
||
$("#input_new_cat").val($("#qe_b_title_" + id).text());
|
||
$("#input_new_cat_description").val($("#qe_b_desc_" + id).text());
|
||
$("#input_new_cat_keywords").val($("#qe_b_keywords_" + id).text());
|
||
$("#input_new_cat_edit_id").val(id);
|
||
$("#input_parrent").val(parent_id);
|
||
|
||
})
|
||
|
||
//Кнопка создания категории
|
||
$("#btn_new_cat").click(function(event) {
|
||
//Придаем заголовок
|
||
$("#modal_label_edit").text("Создать категорию");
|
||
//alert("Click Me");
|
||
var id = $(this).data('id');
|
||
var parent_id = $("#parent_id").val();
|
||
//alert(id);
|
||
$("#input_new_cat").val("");
|
||
$("#input_new_cat_description").val("");
|
||
$("#input_new_cat_keywords").val("");
|
||
$("#input_new_cat_edit_id").val("");
|
||
$("#input_parrent").val(parent_id);
|
||
|
||
})
|
||
|
||
|
||
|
||
|
||
/* -- uploader -- */
|
||
|
||
// ************************ Drag and drop ***************** //
|
||
let dropArea = document.getElementById("drop-area")
|
||
|
||
// Prevent default drag behaviors
|
||
;
|
||
['dragenter', 'dragover', 'dragleave', 'drop'].forEach(eventName => {
|
||
dropArea.addEventListener(eventName, preventDefaults, false)
|
||
document.body.addEventListener(eventName, preventDefaults, false)
|
||
})
|
||
|
||
// Highlight drop area when item is dragged over it
|
||
;
|
||
['dragenter', 'dragover'].forEach(eventName => {
|
||
dropArea.addEventListener(eventName, highlight, false)
|
||
})
|
||
|
||
;
|
||
['dragleave', 'drop'].forEach(eventName => {
|
||
dropArea.addEventListener(eventName, unhighlight, false)
|
||
})
|
||
|
||
// Handle dropped files
|
||
dropArea.addEventListener('drop', handleDrop, false)
|
||
|
||
function preventDefaults(e) {
|
||
e.preventDefault()
|
||
e.stopPropagation()
|
||
}
|
||
|
||
function highlight(e) {
|
||
dropArea.classList.add('highlight')
|
||
}
|
||
|
||
function unhighlight(e) {
|
||
dropArea.classList.remove('active')
|
||
}
|
||
|
||
function handleDrop(e) {
|
||
var dt = e.dataTransfer
|
||
var files = dt.files
|
||
|
||
handleFiles(files)
|
||
}
|
||
|
||
let uploadProgress = []
|
||
let progressBar = document.getElementById('progress-bar')
|
||
|
||
function initializeProgress(numFiles) {
|
||
progressBar.value = 0
|
||
uploadProgress = []
|
||
|
||
for (let i = numFiles; i > 0; i--) {
|
||
uploadProgress.push(0)
|
||
}
|
||
}
|
||
|
||
function updateProgress(fileNumber, percent) {
|
||
uploadProgress[fileNumber] = percent
|
||
let total = uploadProgress.reduce((tot, curr) => tot + curr, 0) / uploadProgress.length
|
||
console.debug('update', fileNumber, percent, total)
|
||
progressBar.value = total
|
||
}
|
||
|
||
function handleFiles(files) {
|
||
files = [...files]
|
||
initializeProgress(files.length)
|
||
files.forEach(uploadFile)
|
||
files.forEach(previewFile)
|
||
}
|
||
|
||
function previewFile(file) {
|
||
let reader = new FileReader()
|
||
reader.readAsDataURL(file)
|
||
reader.onloadend = function() {
|
||
let img = document.createElement('img')
|
||
img.src = reader.result
|
||
document.getElementById('gallery').appendChild(img)
|
||
}
|
||
}
|
||
|
||
function uploadFile(file, i) {
|
||
var url = '/act/a_bib'
|
||
var xhr = new XMLHttpRequest()
|
||
var formData = new FormData()
|
||
xhr.open('POST', url, true)
|
||
xhr.setRequestHeader('X-Requested-With', 'XMLHttpRequest')
|
||
|
||
// Update progress (can be used to show progress indicator)
|
||
xhr.upload.addEventListener("progress", function(e) {
|
||
updateProgress(i, (e.loaded * 100.0 / e.total) || 100)
|
||
})
|
||
|
||
xhr.addEventListener('readystatechange', function(e) {
|
||
if (xhr.readyState == 4 && xhr.status == 200) {
|
||
updateProgress(i, 100) // <- Add this
|
||
} else if (xhr.readyState == 4 && xhr.status != 200) {
|
||
// Error. Inform the user
|
||
}
|
||
})
|
||
|
||
formData.append('upload_preset', 'ujpu6gyk')
|
||
formData.append('act', 'foto_upload')
|
||
formData.append('file', file)
|
||
xhr.send(formData)
|
||
}
|