105 lines
3.1 KiB
JavaScript
105 lines
3.1 KiB
JavaScript
function get_notifications() {
|
|
$.get(SITE_URL + 'ajax/get_notifications', function(data) {
|
|
if(data.length > 0) {
|
|
$('#notifications').append(data).slideDown();
|
|
}
|
|
});
|
|
}
|
|
|
|
$.fn.alternateRowColors = function() {
|
|
$('tbody tr:odd', this).removeClass('even').addClass('odd');
|
|
$('tbody tr:even', this).removeClass('odd').addClass('even');
|
|
return this;
|
|
};
|
|
|
|
$(document).ready(function() {
|
|
$(".tab_content").hide(); // hide all content
|
|
$("ul.tabs li:first").addClass("active").show(); // activate first tab
|
|
$(".tab_content:first").show(); // show first tab content
|
|
|
|
// onClick event
|
|
$("ul.tabs li").click(function() {
|
|
|
|
$("ul.tabs li").removeClass("active"); // remove any "active" class
|
|
$(this).addClass("active"); // add "active" class to selected tab
|
|
$(".tab_content").hide(); // hide all tab content
|
|
|
|
var activeTab = $(this).find("a").attr("href");
|
|
$(activeTab).fadeIn(); // fade in the active tab content
|
|
return false;
|
|
});
|
|
|
|
$('#notifications').hide();
|
|
get_notifications();
|
|
setInterval('get_notifications()', '5000');
|
|
});
|
|
|
|
/*
|
|
* Tables
|
|
*/
|
|
$(document).ready(function() {
|
|
var settings = {
|
|
table_class : 'tableList'
|
|
};
|
|
|
|
// add or delete "hover" class on mouseOver event
|
|
$('.' + settings.table_class + ' tbody tr').hover(function() {
|
|
$(this).addClass("hover");
|
|
}, function() {
|
|
$(this).removeClass("hover");
|
|
});
|
|
|
|
// add or delete "selected" class if a row is selected via checkbox
|
|
$('.' + settings.table_class + ' tbody input:checkbox').click(function() {
|
|
if ($(this).attr('checked') == true) {
|
|
$(this).parent().parent().addClass('selected');
|
|
} else {
|
|
$(this).parent().parent().removeClass('selected');
|
|
}
|
|
});
|
|
|
|
// alternate table rows
|
|
$('.' + settings.table_class).each(function() {
|
|
var table = $(this);
|
|
table.alternateRowColors(table);
|
|
});
|
|
|
|
/*
|
|
* Pagination
|
|
*/
|
|
$('.paginated').each(function() {
|
|
var currentPage = 0;
|
|
var numPerPage = 6;
|
|
var table = $(this);
|
|
|
|
table.bind('repaginate', function() {
|
|
var start = currentPage * numPerPage;
|
|
var end = (currentPage + 1) * numPerPage;
|
|
table.find('tbody tr').slice(start, end).show().end().slice(0, start).hide().end().slice(end).hide().end();
|
|
});
|
|
|
|
var numRows = table.find('tbody tr').length;
|
|
var numPages = Math.ceil(numRows / numPerPage);
|
|
|
|
var $pager = $('<div class="pagination"></div>');
|
|
var $pagelist = $('<ul></ul>');
|
|
|
|
$pagelist.append('<li class="pages">Seite:</li>');
|
|
|
|
for (var page = 0; page < numPages; page++) {
|
|
$('<li class="page-number">' + (page + 1) + '</li>').bind('click', {'newPage': page}, function(event) {
|
|
currentPage = event.data['newPage'];
|
|
table.trigger('repaginate');
|
|
|
|
$(this).addClass('active').siblings().removeClass('active');
|
|
}).appendTo($pagelist).addClass('clickable');
|
|
}
|
|
|
|
$pagelist.find('li.page-number:first').addClass('active');
|
|
$pager.append($pagelist);
|
|
$pager.insertAfter(table);
|
|
|
|
table.trigger('repaginate');
|
|
});
|
|
});
|