126 lines
3.8 KiB
JavaScript
126 lines
3.8 KiB
JavaScript
jQuery(document).ready(function ($) {
|
|
var $tableActive = $('table.active-slides');
|
|
var $tableInactive = $('table.inactive-slides');
|
|
var $modalsRoot = $('.modals');
|
|
|
|
var getId = function($el) {
|
|
return $el.is('tr') ? $el.attr('data-level') : $el.parents('tr:eq(0)').attr('data-level');
|
|
};
|
|
|
|
var updateTable = function () {
|
|
$('table').each(function () {
|
|
if ($(this).find('tbody tr.slide-item:visible').length === 0) {
|
|
$(this).find('tr.empty-tr').removeClass('hidden');
|
|
} else {
|
|
$(this).find('tr.empty-tr').addClass('hidden');
|
|
}
|
|
}).tableDnDUpdate();
|
|
updatePositions();
|
|
}
|
|
|
|
var showModal = function (modalClass) {
|
|
$modalsRoot.removeClass('hidden').find('form').trigger('reset');
|
|
$modalsRoot.find('.modal').addClass('hidden');
|
|
$modalsRoot.find('.modal.' + modalClass).removeClass('hidden');
|
|
};
|
|
|
|
var hideModal = function () {
|
|
$modalsRoot.addClass('hidden').find('form').trigger('reset');
|
|
};
|
|
|
|
var updatePositions = function (table, row) {
|
|
var positions = {};
|
|
$('.slide-item').each(function(index) {
|
|
positions[getId($(this))] = index;
|
|
});
|
|
|
|
$.ajax({
|
|
method: 'POST',
|
|
url: '/manage/slide/position',
|
|
headers: {'Content-Type': 'application/json'},
|
|
data: JSON.stringify(positions),
|
|
});
|
|
};
|
|
|
|
var main = function() {
|
|
$("table").tableDnD({
|
|
dragHandle: 'td a.slide-sort',
|
|
onDrop: updatePositions
|
|
});
|
|
};
|
|
|
|
$(document).on('change', 'input[type=checkbox]', function () {
|
|
$.ajax({
|
|
url: 'manage/slide/toggle',
|
|
headers: {'Content-Type': 'application/json'},
|
|
data: JSON.stringify({id: getId($(this)), enabled: $(this).is(':checked')}),
|
|
method: 'POST',
|
|
});
|
|
|
|
var $tr = $(this).parents('tr:eq(0)').remove().clone();
|
|
|
|
if ($(this).is(':checked')) {
|
|
$tableActive.append($tr);
|
|
} else {
|
|
console.log($tableInactive)
|
|
$tableInactive.append($tr);
|
|
}
|
|
|
|
updateTable();
|
|
});
|
|
|
|
$(document).on('change', '#slide-add-type', function () {
|
|
var value = $(this).val();
|
|
var inputType = $(this).find('option').filter(function (i, el) {
|
|
return $(el).val() === value;
|
|
}).data('input');
|
|
|
|
$('.slide-add-object-input')
|
|
.addClass('hidden')
|
|
.prop('disabled', true)
|
|
.filter('#slide-add-object-input-' + inputType)
|
|
.removeClass('hidden')
|
|
.prop('disabled', false)
|
|
;
|
|
});
|
|
|
|
$(document).on('click', '.modal-close', function () {
|
|
hideModal();
|
|
});
|
|
|
|
$(document).on('click', '.slide-add', function () {
|
|
showModal('modal-slide-add');
|
|
});
|
|
|
|
$(document).on('click', '.slide-edit', function () {
|
|
var slide = JSON.parse($(this).parents('tr:eq(0)').attr('data-entity'));
|
|
console.log(slide)
|
|
showModal('modal-slide-edit');
|
|
$('#slide-edit-name').val(slide.name);
|
|
$('#slide-edit-type').val(slide.type);
|
|
$('#slide-edit-duration').val(slide.duration);
|
|
$('#slide-edit-id').val(slide.id);
|
|
});
|
|
|
|
$(document).on('click', '.slide-delete', function () {
|
|
if (confirm('Are you sure ?')) {
|
|
var $tr = $(this).parents('tr:eq(0)');
|
|
$tr.remove();
|
|
updateTable();
|
|
$.ajax({
|
|
method: 'DELETE',
|
|
url: '/manage/slide/delete',
|
|
headers: {'Content-Type': 'application/json'},
|
|
data: JSON.stringify({id: getId($(this))}),
|
|
});
|
|
}
|
|
});
|
|
|
|
$(document).keyup(function (e) {
|
|
if (e.key === "Escape") {
|
|
hideModal();
|
|
}
|
|
});
|
|
|
|
main();
|
|
}); |