mirror of
https://github.com/moparisthebest/SickRage
synced 2024-11-06 01:15:05 -05:00
132 lines
3.6 KiB
JavaScript
132 lines
3.6 KiB
JavaScript
|
function initHeader() {
|
||
|
//settings
|
||
|
var header = $("#header");
|
||
|
var fadeSpeed = 100, fadeTo = 0.8, topDistance = 20;
|
||
|
var topbarME = function() { $(header).fadeTo(fadeSpeed,1); }, topbarML = function() { $(header).fadeTo(fadeSpeed,fadeTo); };
|
||
|
var inside = false;
|
||
|
//do
|
||
|
$(window).scroll(function() {
|
||
|
position = $(window).scrollTop();
|
||
|
if(position > topDistance && !inside) {
|
||
|
//add events
|
||
|
topbarML();
|
||
|
$(header).bind('mouseenter',topbarME);
|
||
|
$(header).bind('mouseleave',topbarML);
|
||
|
inside = true;
|
||
|
}
|
||
|
else if (position < topDistance){
|
||
|
topbarME();
|
||
|
$(header).unbind('mouseenter',topbarME);
|
||
|
$(header).unbind('mouseleave',topbarML);
|
||
|
inside = false;
|
||
|
}
|
||
|
});
|
||
|
|
||
|
}
|
||
|
|
||
|
|
||
|
function showMsg(msg,loader,timeout,ms) {
|
||
|
var feedback = $("#ajaxMsg");
|
||
|
update = $("#updatebar");
|
||
|
if ( update.is(":visible") ) {
|
||
|
var height = update.height() + 35;
|
||
|
feedback.css("bottom",height + "px");
|
||
|
} else {
|
||
|
feedback.removeAttr("style");
|
||
|
}
|
||
|
feedback.fadeIn();
|
||
|
var message = $("<div class='msg'>" + msg + "</div>");
|
||
|
if (loader) {
|
||
|
var message = $("<div class='msg'><img src='interfaces/default/images/loader_black.gif' alt='loading' class='loader' style='position: relative;top:10px;margin-top:-15px; margin-left:-10px;'/>" + msg + "</div>");
|
||
|
feedback.css("padding","14px 10px")
|
||
|
}
|
||
|
$(feedback).prepend(message);
|
||
|
if (timeout) {
|
||
|
setTimeout(function(){
|
||
|
message.fadeOut(function(){
|
||
|
$(this).remove();
|
||
|
feedback.fadeOut();
|
||
|
});
|
||
|
},ms);
|
||
|
}
|
||
|
}
|
||
|
|
||
|
function resetFilters(text){
|
||
|
if ( $(".dataTables_filter").length > 0 ) {
|
||
|
$(".dataTables_filter input").attr("placeholder","filter " + text + "");
|
||
|
}
|
||
|
}
|
||
|
|
||
|
function preventDefault(){
|
||
|
$("a[href='#']").live('click', function(){
|
||
|
return false;
|
||
|
});
|
||
|
}
|
||
|
|
||
|
function initFancybox() {
|
||
|
if ( $("a[rel=dialog]").length > 0 ) {
|
||
|
$.getScript(sbRoot + '/js/fancybox/jquery.fancybox-1.3.4.js', function() {
|
||
|
$("head").append("<link rel='stylesheet' href='" + sbRoot + "/js/fancybox/jquery.fancybox-1.3.4.css'>");
|
||
|
$("a[rel=dialog]").fancybox({
|
||
|
type: "image"
|
||
|
});
|
||
|
});
|
||
|
}
|
||
|
}
|
||
|
|
||
|
function initTabs() {
|
||
|
$("#config-components").tabs({
|
||
|
activate: function(event, ui) {
|
||
|
|
||
|
var lastOpenedPanel = $(this).data("lastOpenedPanel");
|
||
|
var selected = $(this).tabs('option', 'selected');
|
||
|
|
||
|
if (lastOpenedPanel) {
|
||
|
} else {
|
||
|
lastOpenedPanel = $(ui.oldPanel)
|
||
|
}
|
||
|
|
||
|
if (!$(this).data("topPositionTab")) {
|
||
|
$(this).data("topPositionTab", $(ui.newPanel).position()['top'])
|
||
|
}
|
||
|
|
||
|
//Dont use the builtin fx effects. This will fade in/out both tabs, we dont want that
|
||
|
//Fadein the new tab yourself
|
||
|
$(ui.newPanel).hide().fadeIn(700);
|
||
|
|
||
|
if (lastOpenedPanel) {
|
||
|
|
||
|
// 1. Show the previous opened tab by removing the jQuery UI class
|
||
|
// 2. Make the tab temporary position:absolute so the two tabs will overlap
|
||
|
// 3. Set topposition so they will overlap if you go from tab 1 to tab 0
|
||
|
// 4. Remove position:absolute after animation
|
||
|
lastOpenedPanel
|
||
|
.toggleClass("ui-tabs-hide")
|
||
|
.css("position", "absolute")
|
||
|
.css("top", $(this).data("topPositionTab") + "px")
|
||
|
.fadeOut(700, function() {
|
||
|
$(this)
|
||
|
.css("position", "");
|
||
|
});
|
||
|
|
||
|
}
|
||
|
|
||
|
//Saving the last tab has been opened
|
||
|
$(this).data("lastOpenedPanel", $(ui.newPanel));
|
||
|
|
||
|
}
|
||
|
|
||
|
});
|
||
|
}
|
||
|
|
||
|
function init() {
|
||
|
initHeader();
|
||
|
preventDefault();
|
||
|
initFancybox();
|
||
|
initTabs();
|
||
|
}
|
||
|
|
||
|
$(document).ready(function(){
|
||
|
init();
|
||
|
});
|