621 lines
21 KiB
JavaScript
621 lines
21 KiB
JavaScript
(function ($, sr) {
|
|
// debouncing function from John Hann
|
|
// http://unscriptable.com/index.php/2009/03/20/debouncing-javascript-methods/
|
|
var debounce = function (func, threshold, execAsap) {
|
|
var timeout;
|
|
|
|
return function debounced() {
|
|
var obj = this, args = arguments;
|
|
|
|
function delayed() {
|
|
if (!execAsap)
|
|
func.apply(obj, args);
|
|
timeout = null;
|
|
}
|
|
|
|
if (timeout)
|
|
clearTimeout(timeout);
|
|
else if (execAsap)
|
|
func.apply(obj, args);
|
|
|
|
timeout = setTimeout(delayed, threshold || 100);
|
|
};
|
|
};
|
|
|
|
// smartresize
|
|
jQuery.fn[sr] = function (fn) {
|
|
return fn ? this.bind('resize', debounce(fn)) : this.trigger(sr);
|
|
};
|
|
|
|
})(jQuery, 'smartresize');
|
|
/**
|
|
* To change this license header, choose License Headers in Project Properties.
|
|
* To change this template file, choose Tools | Templates
|
|
* and open the template in the editor.
|
|
*/
|
|
|
|
var CURRENT_URL = window.location.href.split('?')[0],
|
|
$BODY = $('body'),
|
|
$MENU_TOGGLE = $('#menu_toggle'),
|
|
$SIDEBAR_MENU = $('#sidebar-menu'),
|
|
$SIDEBAR_FOOTER = $('.sidebar-footer'),
|
|
$LEFT_COL = $('.left_col'),
|
|
$RIGHT_COL = $('.right_col'),
|
|
$NAV_MENU = $('.nav_menu'),
|
|
$FOOTER = $('footer');
|
|
|
|
// Sidebar
|
|
$(document).ready(function () {
|
|
// TODO: This is some kind of easy fix, maybe we can improve this
|
|
var setContentHeight = function () {
|
|
// reset height
|
|
$RIGHT_COL.css('min-height', $(window).height());
|
|
|
|
var bodyHeight = $BODY.outerHeight(),
|
|
footerHeight = $BODY.hasClass('footer_fixed') ? -10 : $FOOTER.height(),
|
|
leftColHeight = $LEFT_COL.eq(1).height() + $SIDEBAR_FOOTER.height(),
|
|
contentHeight = bodyHeight < leftColHeight ? leftColHeight : bodyHeight;
|
|
|
|
// normalize content
|
|
contentHeight -= $NAV_MENU.height() + footerHeight;
|
|
|
|
$RIGHT_COL.css('min-height', contentHeight);
|
|
};
|
|
|
|
$SIDEBAR_MENU.find('a').on('click', function (ev) {
|
|
var $li = $(this).parent();
|
|
|
|
if ($li.is('.active')) {
|
|
$li.removeClass('active active-sm');
|
|
$('ul:first', $li).slideUp(function () {
|
|
setContentHeight();
|
|
});
|
|
} else {
|
|
// prevent closing menu if we are on child menu
|
|
if (!$li.parent().is('.child_menu')) {
|
|
$SIDEBAR_MENU.find('li').removeClass('active active-sm');
|
|
$SIDEBAR_MENU.find('li ul').slideUp();
|
|
}
|
|
|
|
$li.addClass('active');
|
|
|
|
$('ul:first', $li).slideDown(function () {
|
|
setContentHeight();
|
|
});
|
|
}
|
|
});
|
|
|
|
// toggle small or large menu
|
|
$MENU_TOGGLE.on('click', function () {
|
|
if ($BODY.hasClass('nav-md')) {
|
|
$SIDEBAR_MENU.find('li.active ul').hide();
|
|
$SIDEBAR_MENU.find('li.active').addClass('active-sm').removeClass('active');
|
|
} else {
|
|
$SIDEBAR_MENU.find('li.active-sm ul').show();
|
|
$SIDEBAR_MENU.find('li.active-sm').addClass('active').removeClass('active-sm');
|
|
}
|
|
|
|
$BODY.toggleClass('nav-md nav-sm');
|
|
|
|
setContentHeight();
|
|
});
|
|
|
|
// check active menu
|
|
$SIDEBAR_MENU.find('a[href="' + CURRENT_URL + '"]').parent('li').addClass('current-page');
|
|
|
|
$SIDEBAR_MENU.find('a').filter(function () {
|
|
return this.href == CURRENT_URL;
|
|
}).parent('li').addClass('current-page').parents('ul').slideDown(function () {
|
|
setContentHeight();
|
|
}).parent().addClass('active');
|
|
|
|
// recompute content when resizing
|
|
$(window).smartresize(function () {
|
|
setContentHeight();
|
|
});
|
|
|
|
setContentHeight();
|
|
|
|
// fixed sidebar
|
|
if ($.fn.mCustomScrollbar) {
|
|
$('.menu_fixed').mCustomScrollbar({
|
|
autoHideScrollbar: true,
|
|
theme: 'minimal',
|
|
mouseWheel: {
|
|
preventDefault: true,
|
|
deltaFactor: 1000
|
|
}
|
|
});
|
|
}
|
|
});
|
|
// /Sidebar
|
|
|
|
// Panel toolbox
|
|
$(document).ready(function () {
|
|
$('.collapse-link').on('click', function () {
|
|
var $BOX_PANEL = $(this).closest('.x_panel'),
|
|
$ICON = $(this).find('i'),
|
|
$BOX_CONTENT = $BOX_PANEL.find('.x_content');
|
|
|
|
// fix for some div with hardcoded fix class
|
|
if ($BOX_PANEL.attr('style')) {
|
|
$BOX_CONTENT.slideToggle(200, function () {
|
|
$BOX_PANEL.removeAttr('style');
|
|
});
|
|
} else {
|
|
$BOX_CONTENT.slideToggle(200);
|
|
$BOX_PANEL.css('height', 'auto');
|
|
}
|
|
|
|
$ICON.toggleClass('fa-chevron-up fa-chevron-down');
|
|
});
|
|
|
|
$('.close-link').click(function () {
|
|
var $BOX_PANEL = $(this).closest('.x_panel');
|
|
|
|
$BOX_PANEL.remove();
|
|
});
|
|
});
|
|
// /Panel toolbox
|
|
|
|
// Tooltip
|
|
$(document).ready(function () {
|
|
$('[data-toggle="tooltip"]').tooltip({
|
|
container: 'body'
|
|
});
|
|
});
|
|
// /Tooltip
|
|
|
|
// Accordion
|
|
$(document).ready(function () {
|
|
$(".expand").on("click", function () {
|
|
$(this).next().slideToggle(200);
|
|
$expand = $(this).find(">:first-child");
|
|
|
|
if ($expand.text() == "+") {
|
|
$expand.text("-");
|
|
} else {
|
|
$expand.text("+");
|
|
}
|
|
});
|
|
});
|
|
|
|
function getDate(date) {
|
|
let d = date.getDate();
|
|
if (d < 10)
|
|
d = "0" + d;
|
|
let m = date.getMonth() + 1;
|
|
if (m < 10)
|
|
m = "0" + m;
|
|
let y = date.getFullYear();
|
|
let h = date.getHours();
|
|
if (h < 10)
|
|
h = "0" + h;
|
|
let mm = date.getMinutes();
|
|
if (mm < 10)
|
|
mm = "0" + mm;
|
|
return d + "." + m + "." + y;
|
|
}
|
|
|
|
$(function () {
|
|
let defaultDate;
|
|
if ($('#datepicker').val()) {
|
|
defaultDate = new Date($('#datepicker').val());
|
|
} else {
|
|
defaultDate = new Date();
|
|
}
|
|
$('#datetimepicker').datetimepicker({
|
|
format: 'DD.MM.YYYY HH:mm',
|
|
stepping: '10',
|
|
sideBySide: true,
|
|
showTodayButton: true,
|
|
icons: {
|
|
time: "fa fa-clock-o",
|
|
date: "fa fa-calendar",
|
|
up: "fa fa-arrow-up",
|
|
down: "fa fa-arrow-down"
|
|
}
|
|
});
|
|
|
|
$('#datepicker').datetimepicker({
|
|
format: 'DD.MM.YYYY',
|
|
date: defaultDate,
|
|
viewDate: defaultDate,
|
|
stepping: '10',
|
|
sideBySide: true,
|
|
showTodayButton: true,
|
|
icons: {
|
|
time: "fa fa-clock-o",
|
|
date: "fa fa-calendar",
|
|
up: "fa fa-arrow-up",
|
|
down: "fa fa-arrow-down"
|
|
}
|
|
});
|
|
});
|
|
$('select[name=category]').change(function () {
|
|
if (this.value == "new-category") {
|
|
$('#new-category').show();
|
|
} else {
|
|
$('#new-category').hide();
|
|
}
|
|
});
|
|
$('#new-category-submit').click(function () {
|
|
var name = $('input[name=new-category-name]').val();
|
|
var display_name = $('input[name=new-category-display-name]').val();
|
|
$.ajax({
|
|
url: "/admin/blog/new_category",
|
|
type: "POST",
|
|
data: {
|
|
name: name,
|
|
display_name: display_name
|
|
},
|
|
success: function (data) {
|
|
var duplicates = $('select[name="category"] option[value="' + data + '"]').eq(0);
|
|
if (jQuery.isEmptyObject(duplicates)) {
|
|
$('select[name="category"]').append('<option value="' + data + '" selected="">' + display_name + '</option>');
|
|
} else {
|
|
duplicates.attr('selected', '');
|
|
}
|
|
}
|
|
});
|
|
});
|
|
|
|
$(window).load(function () {
|
|
var date = new Date(),
|
|
d = date.getDate(),
|
|
m = date.getMonth(),
|
|
y = date.getFullYear(),
|
|
started,
|
|
categoryClass;
|
|
|
|
var calendar = $('#calendar').fullCalendar({
|
|
header: {
|
|
left: 'prev,next today',
|
|
center: 'title',
|
|
right: 'month,agendaWeek,agendaDay'
|
|
},
|
|
selectable: true,
|
|
selectHelper: true,
|
|
select: function (start, end, allDay) {
|
|
$('#fc_create').click();
|
|
|
|
started = start;
|
|
ended = end;
|
|
|
|
$(".antosubmit").on("click", function () {
|
|
var title = $("#title").val();
|
|
if (end) {
|
|
ended = end;
|
|
}
|
|
|
|
categoryClass = $("#event_type").val();
|
|
|
|
if (title) {
|
|
calendar.fullCalendar('renderEvent', {
|
|
title: title,
|
|
start: started,
|
|
end: end,
|
|
allDay: allDay
|
|
},
|
|
true // make the event "stick"
|
|
);
|
|
}
|
|
|
|
$('#title').val('');
|
|
|
|
calendar.fullCalendar('unselect');
|
|
|
|
$('.antoclose').click();
|
|
|
|
return false;
|
|
});
|
|
},
|
|
eventClick: function (calEvent, jsEvent, view) {
|
|
$('#fc_edit').click();
|
|
$('#title2').val(calEvent.title);
|
|
|
|
categoryClass = $("#event_type").val();
|
|
|
|
$(".antosubmit2").on("click", function () {
|
|
calEvent.title = $("#title2").val();
|
|
|
|
calendar.fullCalendar('updateEvent', calEvent);
|
|
$('.antoclose2').click();
|
|
});
|
|
|
|
calendar.fullCalendar('unselect');
|
|
},
|
|
editable: true,
|
|
events: '/admin/calendar/getAllEvents',
|
|
locale: 'de',
|
|
eventClick: function () {
|
|
alert('Test');
|
|
}
|
|
});
|
|
});
|
|
|
|
// tinymce.init({
|
|
// selector: '.tinymce-textarea',
|
|
// plugins: [
|
|
// 'image, imagetools, code, media, link, colorpicker, paste, table, textcolor, advlist',
|
|
// 'anchor, autolink, autoresize, autosave, charmap, codesample, contextmenu, emoticons, fullscreen, hr',
|
|
// 'insertdatetime, layer, preview, searchreplace, textpattern, wordcount, jbimages'
|
|
// ],
|
|
// toolbar: 'undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image jbimages media codesample | toc emoticons insertdatetime hr | preview searchreplace',
|
|
// textpattern_patterns: [
|
|
// {start: '*', end: '*', format: 'italic'},
|
|
// {start: '**', end: '**', format: 'bold'},
|
|
// {start: '#', format: 'h1'},
|
|
// {start: '##', format: 'h2'},
|
|
// {start: '###', format: 'h3'},
|
|
// {start: '####', format: 'h4'},
|
|
// {start: '#####', format: 'h5'},
|
|
// {start: '######', format: 'h6'},
|
|
// {start: '1. ', cmd: 'InsertOrderedList'},
|
|
// {start: '* ', cmd: 'InsertUnorderedList'},
|
|
// {start: '- ', cmd: 'InsertUnorderedList'}
|
|
// ],
|
|
// relative_urls: false,
|
|
// content_css: '/assets/css/bootstrap-3.0.0.css,/assets/css/main.css',
|
|
// content_style: 'html{padding:0 50px}body{max-width:1170px;}'
|
|
// });
|
|
|
|
$('#title-input').keyup(function () {
|
|
var title = $('#title-input').val().toLowerCase();
|
|
title = title.replace(/ /g, '-');
|
|
title = title.replace(/[^a-z1-9-]/g, '');
|
|
$('#url-input').val(encodeURI(title));
|
|
});
|
|
|
|
$('#tags-input').keypress(function (event) {
|
|
if (event.keyCode === 13) {
|
|
event.preventDefault();
|
|
}
|
|
});
|
|
|
|
var deletePost = function (id) {
|
|
var row = $("#post-" + id);
|
|
$.ajax({
|
|
url: "/admin/blog/delete",
|
|
data: {
|
|
id: id
|
|
},
|
|
method: 'POST',
|
|
beforeSend: function () {
|
|
row.children().fadeOut(1000);
|
|
row.append('<td id="loader" colspan="12" style="text-align:center"><i class="fa fa-spinner fa-spin"></i></td>');
|
|
},
|
|
success: function (data) {
|
|
setTimeout(function () {
|
|
row.find('#loader').delay(1000).css('background-color', '#2ecc71');
|
|
row.find('#loader').delay(1000).css('color', '#fff');
|
|
row.find('#loader .fa').delay(1000).removeClass('fa-spinner').removeClass('fa-spin').addClass('fa-check');
|
|
setTimeout(function () {
|
|
row.fadeOut(1000);
|
|
setTimeout(function () {
|
|
row.remove();
|
|
}, 2000);
|
|
}, 2000);
|
|
}, 2000);
|
|
},
|
|
error: function () {
|
|
setTimeout(function () {
|
|
row.find('#loader').delay(1000).css('background-color', '#e74c3c');
|
|
row.find('#loader').delay(1000).css('color', '#fff');
|
|
row.find('#loader .fa').delay(1000).removeClass('fa-spinner').removeClass('fa-spin').addClass('fa-times');
|
|
setTimeout(function () {
|
|
row.find('#loader').fadeOut(1000);
|
|
row.children().fadeIn(1000);
|
|
setTimeout(function () {
|
|
row.find('#loader').remove();
|
|
}, 2000);
|
|
}, 2000);
|
|
}, 2000);
|
|
}
|
|
});
|
|
};
|
|
|
|
$('#deleteModal').on('show.bs.modal', function (event) {
|
|
var button = $(event.relatedTarget);
|
|
var type = button.data('type');
|
|
var title = button.data('title');
|
|
var id = button.data('id');
|
|
|
|
var modal = $(this);
|
|
modal.find('.modal-body').html("<div class='alert alert-danger'><b>Durch das Klicken auf den Bestätigungs-Button wird der/die/das " + type + " <b>unwiederruflich</b> gelöscht und kann nicht wiederhergestellt werden!</b></div><p>Diese Aktion kann <b>NICHT</b> rückgängig gemacht werden. Dies wird alle Kommentare, Statistiken, Likes und Inhalte von <b>" + title + "</b> unwiederruflich löschen.</p><p>Bitte gib zur Bestätigung den Titel des Eintrags unter Berücksichtigung der Groß- und Kleinschreibung ein:</p><input class='form-control' id='confirm-delete-input' data-title='" + title + "'>");
|
|
modal.find('.modal-footer .btn-red').attr('disabled', '');
|
|
$('#confirm-delete-input').keyup(function () {
|
|
var removeButton = $('.modal-footer .btn-red', '#deleteModal');
|
|
if ($(this).val() == title) {
|
|
removeButton.removeAttr('disabled');
|
|
switch (type) {
|
|
case "Blog-Post":
|
|
removeButton.attr('onclick', 'deletePostFinally(' + id + ', "/admin/blog/deleteFinally", "post")');
|
|
break;
|
|
case "Projekt":
|
|
removeButton.attr('onclick', 'deletePostFinally(' + id + ', "/admin/projects/delete", "entry")');
|
|
break;
|
|
case "Projekt-Kategorie":
|
|
removeButton.attr('onclick', 'deletePostFinally(' + id + ', "/admin/projects/delete_category", "category")');
|
|
break;
|
|
case "Datei":
|
|
removeButton.attr('onclick', 'deletePostFinally(' + id + ', "/admin/files/delete", "file")');
|
|
break;
|
|
}
|
|
removeButton.css('cursor', 'pointer');
|
|
} else {
|
|
removeButton.attr('disabled', '');
|
|
removeButton.removeAttr('onclick');
|
|
removeButton.css('cursor', 'auto');
|
|
}
|
|
});
|
|
});
|
|
|
|
function deletePostFinally(id, url, selector) {
|
|
var row = $("#" + selector + "-" + id);
|
|
$.ajax({
|
|
url: url,
|
|
method: 'POST',
|
|
data: {
|
|
id: id
|
|
},
|
|
beforeSend: function () {
|
|
$('#deleteModal').modal('hide');
|
|
row.children().fadeOut(1000);
|
|
row.append('<td id="loader" colspan="12" style="text-align:center"><i class="fa fa-spinner fa-spin"></i></td>');
|
|
},
|
|
success: function (data) {
|
|
setTimeout(function () {
|
|
row.find('#loader').delay(1000).css('background-color', '#2ecc71');
|
|
row.find('#loader').delay(1000).css('color', '#fff');
|
|
row.find('#loader .fa').delay(1000).removeClass('fa-spinner').removeClass('fa-spin').addClass('fa-check');
|
|
setTimeout(function () {
|
|
row.fadeOut(1000);
|
|
setTimeout(function () {
|
|
row.remove();
|
|
}, 2000);
|
|
}, 2000);
|
|
}, 2000);
|
|
},
|
|
error: function (data) {
|
|
setTimeout(function () {
|
|
row.find('#loader').delay(1000).css('background-color', '#e74c3c');
|
|
row.find('#loader').delay(1000).css('color', '#fff');
|
|
row.find('#loader .fa').delay(1000).removeClass('fa-spinner').removeClass('fa-spin').addClass('fa-times');
|
|
setTimeout(function () {
|
|
row.find('#loader').fadeOut(1000);
|
|
row.children().fadeIn(1000);
|
|
setTimeout(function () {
|
|
row.find('#loader').remove();
|
|
}, 2000);
|
|
}, 2000);
|
|
}, 2000);
|
|
}
|
|
});
|
|
}
|
|
|
|
function restorePost(id) {
|
|
var row = $("#post-" + id);
|
|
$.ajax({
|
|
url: "/admin/blog/restore",
|
|
data: {
|
|
id: id
|
|
},
|
|
method: 'POST',
|
|
beforeSend: function () {
|
|
row.children().fadeOut(1000);
|
|
row.append('<td id="loader" colspan="12" style="text-align:center"><i class="fa fa-spinner fa-spin"></i></td>');
|
|
},
|
|
success: function (data) {
|
|
setTimeout(function () {
|
|
row.find('#loader').delay(1000).css('background-color', '#2ecc71');
|
|
row.find('#loader').delay(1000).css('color', '#fff');
|
|
row.find('#loader .fa').delay(1000).removeClass('fa-spinner').removeClass('fa-spin').addClass('fa-check');
|
|
setTimeout(function () {
|
|
row.fadeOut(1000);
|
|
setTimeout(function () {
|
|
row.remove();
|
|
}, 2000);
|
|
}, 2000);
|
|
}, 2000);
|
|
},
|
|
error: function () {
|
|
setTimeout(function () {
|
|
row.find('#loader').delay(1000).css('background-color', '#e74c3c');
|
|
row.find('#loader').delay(1000).css('color', '#fff');
|
|
row.find('#loader .fa').delay(1000).removeClass('fa-spinner').removeClass('fa-spin').addClass('fa-times');
|
|
setTimeout(function () {
|
|
row.find('#loader').fadeOut(1000);
|
|
row.children().fadeIn(1000);
|
|
setTimeout(function () {
|
|
row.find('#loader').remove();
|
|
}, 2000);
|
|
}, 2000);
|
|
}, 2000);
|
|
}
|
|
});
|
|
}
|
|
|
|
$(window).load(function () {
|
|
imageUploadSwitch();
|
|
});
|
|
|
|
function imageUploadSwitch() {
|
|
if ($('#imageUrl').is(':checked')) {
|
|
$('.image-upload').hide();
|
|
$('.image-url').show();
|
|
} else {
|
|
$('.image-url').hide();
|
|
$('.image-upload').show();
|
|
}
|
|
}
|
|
|
|
function fillSecond() {
|
|
$('#second-form input[name="title"]').val($('#title').html());
|
|
$('#second-form input[name="description"]').val($('#description').html());
|
|
}
|
|
|
|
$(".table").DataTable({
|
|
language: {
|
|
"sEmptyTable": "Keine Daten in der Tabelle vorhanden",
|
|
"sInfo": "_START_ bis _END_ von _TOTAL_ Einträgen",
|
|
"sInfoEmpty": "0 bis 0 von 0 Einträgen",
|
|
"sInfoFiltered": "(gefiltert von _MAX_ Einträgen)",
|
|
"sInfoPostFix": "",
|
|
"sInfoThousands": ".",
|
|
"sLengthMenu": "_MENU_ Einträge anzeigen",
|
|
"sLoadingRecords": "Wird geladen...",
|
|
"sProcessing": "Bitte warten...",
|
|
"sSearch": "Suchen",
|
|
"sZeroRecords": "Keine Einträge vorhanden.",
|
|
"oPaginate": {
|
|
"sFirst": "Erste",
|
|
"sPrevious": "Zurück",
|
|
"sNext": "Nächste",
|
|
"sLast": "Letzte"
|
|
},
|
|
"oAria": {
|
|
"sSortAscending": ": aktivieren, um Spalte aufsteigend zu sortieren",
|
|
"sSortDescending": ": aktivieren, um Spalte absteigend zu sortieren"
|
|
},
|
|
select: {
|
|
rows: {
|
|
_: '%d Zeilen ausgewählt',
|
|
0: 'Zum Auswählen auf eine Zeile klicken',
|
|
1: '1 Zeile ausgewählt'
|
|
}
|
|
}
|
|
}
|
|
});
|
|
|
|
function loadNotificationsAsync() {
|
|
$.ajax({
|
|
url: '/Main/getNotifications',
|
|
method: 'post',
|
|
success: (data) => {
|
|
if (data.status === 'success') {
|
|
for (let notification of data.notifications) {
|
|
$('#notificationMenu').append(`
|
|
<li>
|
|
<a href="${notification.link}" target="_blank">
|
|
<span class="image"><img src="${notification.image}" alt="${notification.sender}"/></span>
|
|
<span>
|
|
<span>${notification.sender}</span>
|
|
<span class="time">${notification.time}</span>
|
|
</span>
|
|
<span class="message">${notification.message}</span>
|
|
</a>
|
|
</li>`);
|
|
}
|
|
if(data.notifications.length > 0) {
|
|
$('#notificationCount').text(data.notifications.length);
|
|
}
|
|
}
|
|
},
|
|
error: (data) => {
|
|
// TODO: Fallback hinzufügen
|
|
}
|
|
})
|
|
}
|
|
|
|
loadNotificationsAsync(); |