You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
508 lines
18 KiB
508 lines
18 KiB
var sidebarAndContentHeight = null;
|
|
$(document).ready(function () {
|
|
'use strict';
|
|
|
|
// Fullscreen/全屏事件
|
|
function toggleFullScreen() {
|
|
if ((document.fullScreenElement && document.fullScreenElement !== null) ||
|
|
(!document.mozFullScreen && !document.webkitIsFullScreen)) {
|
|
if (document.documentElement.requestFullScreen) {
|
|
document.documentElement.requestFullScreen();
|
|
} else if (document.documentElement.mozRequestFullScreen) {
|
|
document.documentElement.mozRequestFullScreen();
|
|
} else if (document.documentElement.webkitRequestFullScreen) {
|
|
document.documentElement.webkitRequestFullScreen(Element.ALLOW_KEYBOARD_INPUT);
|
|
}
|
|
} else {
|
|
if (document.cancelFullScreen) {
|
|
document.cancelFullScreen();
|
|
} else if (document.mozCancelFullScreen) {
|
|
document.mozCancelFullScreen();
|
|
} else if (document.webkitCancelFullScreen) {
|
|
document.webkitCancelFullScreen();
|
|
}
|
|
}
|
|
}
|
|
|
|
$('.toggle-fullscreen').click(function () {
|
|
toggleFullScreen();
|
|
});
|
|
|
|
// Waves//波浪
|
|
Waves.displayEffect();
|
|
|
|
// tooltips//工具提示
|
|
$('[data-toggle~="tooltip"]').tooltip({
|
|
container: 'body'
|
|
});
|
|
|
|
// Switchery//開開
|
|
var elems = Array.prototype.slice.call(document.querySelectorAll('.js-switch'));
|
|
|
|
elems.forEach(function (html) {
|
|
//var switchery = new Switchery(html, { color: '#23B7E5' });
|
|
var switchery = new Switchery(html, { isUseClass: true });
|
|
});
|
|
|
|
// Element Blocking //等待
|
|
function blockUI(item) {
|
|
$(item).block({
|
|
message: '<img src="/images/reload.gif" width="20px" alt="">',
|
|
css: {
|
|
border: 'none',
|
|
padding: '0px',
|
|
width: '20px',
|
|
height: '20px',
|
|
backgroundColor: 'transparent'
|
|
},
|
|
overlayCSS: {
|
|
backgroundColor: '#fff',
|
|
opacity: 0.9,
|
|
cursor: 'wait'
|
|
}
|
|
});
|
|
}
|
|
|
|
function unblockUI(item) {
|
|
$(item).unblock();
|
|
}
|
|
|
|
// Panel Control
|
|
$('.panel-collapse').click(function () {//收起
|
|
$(this).closest(".panel").children('.panel-body').slideToggle('fast');
|
|
});
|
|
|
|
$('.panel-reload').click(function () {//刷新
|
|
var el = $(this).closest(".panel").children('.panel-body');
|
|
blockUI(el);
|
|
window.setTimeout(function () {
|
|
unblockUI(el);
|
|
}, 1000);
|
|
});
|
|
|
|
$('.panel-remove').click(function () {//移除
|
|
$(this).closest(".panel").hide();
|
|
});
|
|
|
|
// Push Menu
|
|
$('.push-sidebar').click(function () {
|
|
var hidden = $('.sidebar');
|
|
|
|
if (hidden.hasClass('visible')) {
|
|
hidden.removeClass('visible');
|
|
$('.page-inner').removeClass('sidebar-visible');
|
|
} else {
|
|
hidden.addClass('visible');
|
|
$('.page-inner').addClass('sidebar-visible');
|
|
}
|
|
});
|
|
|
|
// sortable
|
|
$(".sortable").sortable({
|
|
connectWith: '.sortable',
|
|
items: '.panel',
|
|
helper: 'original',
|
|
revert: true,
|
|
placeholder: 'panel-placeholder',
|
|
forcePlaceholderSize: true,
|
|
opacity: 0.95,
|
|
cursor: 'move'
|
|
});
|
|
|
|
// Uniform
|
|
var checkBox = $("input[type=checkbox]:not(.switchery), input[type=radio]:not(.no-uniform)");
|
|
if (checkBox.size() > 0) {
|
|
checkBox.each(function () {
|
|
$(this).uniform();
|
|
});
|
|
};
|
|
|
|
// .toggleAttr() Function
|
|
$.fn.toggleAttr = function (a, b) {
|
|
var c = (b === undefined);
|
|
return this.each(function () {
|
|
if ((c && !$(this).is("[" + a + "]")) || (!c && b)) $(this).attr(a, a);
|
|
else $(this).removeAttr(a);
|
|
});
|
|
};
|
|
|
|
// Sidebar Menu
|
|
var parent, ink, d, x, y;
|
|
$('.sidebar .accordion-menu li .sub-menu').slideUp(0);
|
|
$('.sidebar .accordion-menu li.open .sub-menu').slideDown(0);
|
|
$('.small-sidebar .sidebar .accordion-menu li.open .sub-menu').hide(0);
|
|
|
|
// Makes .page-inner height same as .page-sidebar height
|
|
sidebarAndContentHeight = function () {
|
|
var fnIframeResize = function (h) {
|
|
var aryIframe = document.getElementsByTagName("iframe");
|
|
if (aryIframe == null) return;
|
|
for (i = 0; i < aryIframe.length; i++) {
|
|
var Iframe = aryIframe[i];
|
|
Iframe.height = h;
|
|
}
|
|
},
|
|
content = $('.page-inner'),
|
|
sidebar = $('.page-sidebar'),
|
|
body = $('body'),
|
|
pageContentHeight = $(document.body).outerHeight(true) - 50,
|
|
iWidth = $(window).width() - $('#divPrevNext').width(),
|
|
dRate = iWidth < 500 ? 0.9 : iWidth < 750 ? 0.93 : 0.95;
|
|
|
|
if (pageContentHeight >= content.height()) {
|
|
content.attr('style', 'min-height:' + pageContentHeight + 'px !important');
|
|
}
|
|
|
|
$('#tabsList').css('width', iWidth * dRate);
|
|
fnIframeResize(pageContentHeight);
|
|
};
|
|
|
|
window.onresize = sidebarAndContentHeight;
|
|
|
|
sidebarAndContentHeight();
|
|
|
|
// Slimscroll
|
|
$('.slimscroll').slimscroll({
|
|
allowPageScroll: true
|
|
});
|
|
|
|
// Layout Settings
|
|
var fixedHeaderCheck = document.querySelector('.fixed-header-check'),
|
|
fixedSidebarCheck = document.querySelector('.fixed-sidebar-check'),
|
|
//horizontalBarCheck = document.querySelector('.horizontal-bar-check'),
|
|
toggleSidebarCheck = document.querySelector('.toggle-sidebar-check'),
|
|
boxedLayoutCheck = document.querySelector('.boxed-layout-check'),
|
|
compactMenuCheck = document.querySelector('.compact-menu-check'),
|
|
hoverMenuCheck = document.querySelector('.hover-menu-check'),
|
|
defaultOptions = function () {
|
|
//if (($('body').hasClass('small-sidebar')) && (toggleSidebarCheck.checked == 1)) {
|
|
// toggleSidebarCheck.click();
|
|
//}
|
|
|
|
if (!($('body').hasClass('page-header-fixed')) && (fixedHeaderCheck.checked == 0)) {
|
|
fixedHeaderCheck.click();
|
|
}
|
|
|
|
if (($('body').hasClass('page-sidebar-fixed')) && (fixedSidebarCheck.checked == 1)) {
|
|
fixedSidebarCheck.click();
|
|
}
|
|
|
|
//if (($('body').hasClass('page-horizontal-bar')) && (horizontalBarCheck.checked == 1)) {
|
|
// horizontalBarCheck.click();
|
|
//}
|
|
|
|
if (($('body').hasClass('compact-menu')) && (compactMenuCheck.checked == 1)) {
|
|
compactMenuCheck.click();
|
|
}
|
|
|
|
if (($('body').hasClass('hover-menu')) && (hoverMenuCheck.checked == 1)) {
|
|
hoverMenuCheck.click();
|
|
}
|
|
|
|
if (($('.page-content').hasClass('container')) && (boxedLayoutCheck.checked == 1)) {
|
|
boxedLayoutCheck.click();
|
|
}
|
|
|
|
$(".theme-color").attr("href", '/css/themes/white.css');
|
|
|
|
sidebarAndContentHeight();
|
|
},
|
|
str = $('.navbar .logo-box a span').text(),
|
|
smTxt = (str.slice(0, 1)),
|
|
collapseSidebar = function () {
|
|
$('body').toggleClass("small-sidebar");
|
|
$('.navbar .logo-box a span').html($('.navbar .logo-box a span').text() == smTxt ? str : smTxt);
|
|
sidebarAndContentHeight();
|
|
},
|
|
fixedHeader = function () {
|
|
if (($('body').hasClass('page-horizontal-bar')) && ($('body').hasClass('page-sidebar-fixed')) && ($('body').hasClass('page-header-fixed'))) {
|
|
fixedSidebarCheck.click();
|
|
alert("Static header isn't compatible with fixed horizontal nav mode. Modern will set static mode on horizontal nav.");
|
|
};
|
|
//$('body').toggleClass('page-header-fixed');
|
|
sidebarAndContentHeight();
|
|
},
|
|
fixedSidebar = function () {
|
|
if (($('body').hasClass('page-horizontal-bar')) && (!$('body').hasClass('page-sidebar-fixed')) && (!$('body').hasClass('page-header-fixed'))) {
|
|
fixedHeaderCheck.click();
|
|
alert("Fixed horizontal nav isn't compatible with static header mode. Modern will set fixed mode on header.");
|
|
};
|
|
if (($('body').hasClass('hover-menu')) && (!$('body').hasClass('page-sidebar-fixed'))) {
|
|
hoverMenuCheck.click();
|
|
alert("Fixed sidebar isn't compatible with hover menu mode. Modern will set accordion mode on menu.");
|
|
};
|
|
$('body').toggleClass('page-sidebar-fixed');
|
|
if ($('body').hasClass('.page-sidebar-fixed')) {
|
|
$('.page-sidebar-inner').slimScroll({
|
|
destroy: true
|
|
});
|
|
};
|
|
$('.page-sidebar-inner').slimScroll();
|
|
sidebarAndContentHeight();
|
|
},
|
|
horizontalBar = function () {
|
|
$('.sidebar').toggleClass('horizontal-bar');
|
|
$('.sidebar').toggleClass('page-sidebar');
|
|
$('body').toggleClass('page-horizontal-bar');
|
|
if (($('body').hasClass('page-sidebar-fixed')) && (!$('body').hasClass('page-header-fixed'))) {
|
|
fixedHeaderCheck.click();
|
|
alert("Static header isn't compatible with fixed horizontal nav mode. Modern will set static mode on horizontal nav.");
|
|
};
|
|
sidebarAndContentHeight();
|
|
},
|
|
boxedLayout = function () {
|
|
$('.page-content').toggleClass('container');
|
|
sidebarAndContentHeight();
|
|
},
|
|
compactMenu = function () {
|
|
$('body').toggleClass('compact-menu');
|
|
sidebarAndContentHeight();
|
|
},
|
|
hoverMenu = function () {
|
|
if ((!$('body').hasClass('hover-menu')) && ($('body').hasClass('page-sidebar-fixed'))) {
|
|
fixedSidebarCheck.click();
|
|
alert("Fixed sidebar isn't compatible with hover menu mode. Modern will set static mode on sidebar.");
|
|
};
|
|
$('body').toggleClass('hover-menu');
|
|
sidebarAndContentHeight();
|
|
};
|
|
|
|
// Logo text on Collapsed Sidebar
|
|
$('.small-sidebar .navbar .logo-box a span').html($('.navbar .logo-box a span').text() == smTxt ? str : smTxt);
|
|
|
|
if (!$('.theme-settings').length) {
|
|
$('.sidebar-toggle').click(function () {
|
|
collapseSidebar();
|
|
});
|
|
};
|
|
|
|
if ($('.theme-settings').length) {
|
|
fixedHeaderCheck.onchange = function () {
|
|
//debugger;
|
|
fixedHeader();
|
|
};
|
|
|
|
//fixedSidebarCheck.onchange = function () {
|
|
// fixedSidebar();
|
|
//};
|
|
|
|
//horizontalBarCheck.onchange = function () {
|
|
// horizontalBar();
|
|
//};
|
|
|
|
//toggleSidebarCheck.onchange = function () {
|
|
// collapseSidebar();
|
|
//};
|
|
|
|
//compactMenuCheck.onchange = function () {
|
|
// compactMenu();
|
|
//};
|
|
|
|
//hoverMenuCheck.onchange = function () {
|
|
// hoverMenu();
|
|
//};
|
|
|
|
//boxedLayoutCheck.onchange = function () {
|
|
// boxedLayout();
|
|
//};
|
|
|
|
// Sidebar Toggle
|
|
$('.sidebar-toggle').click(function () {
|
|
//toggleSidebarCheck.click();
|
|
collapseSidebar();
|
|
});
|
|
|
|
// Reset options
|
|
$('.reset-options').click(function () {
|
|
defaultOptions();
|
|
});
|
|
|
|
// Color changer
|
|
$(".colorbox").click(function () {
|
|
var color = $(this).attr('data-css');
|
|
$(".theme-color").attr('href', 'assets/css/themes/' + color + '.css');
|
|
return false;
|
|
});
|
|
|
|
// Fixed Sidebar Bug
|
|
if (!($('body').hasClass('page-sidebar-fixed')) && (fixedSidebarCheck.checked == 1)) {
|
|
$('body').addClass('page-sidebar-fixed');
|
|
}
|
|
|
|
//if (($('body').hasClass('page-sidebar-fixed')) && (fixedSidebarCheck.checked == 0)) {
|
|
// $('.fixed-sidebar-check').prop('checked', true);
|
|
//}
|
|
|
|
// Fixed Header Bug
|
|
if (!($('body').hasClass('page-header-fixed')) && (fixedHeaderCheck.checked == 1)) {
|
|
$('body').addClass('page-header-fixed');
|
|
}
|
|
|
|
if (($('body').hasClass('page-header-fixed')) && (fixedHeaderCheck.checked == 0)) {
|
|
$('.fixed-header-check').prop('checked', true);
|
|
}
|
|
|
|
// horizontal bar Bug
|
|
//if (!($('body').hasClass('page-horizontal-bar')) && (horizontalBarCheck.checked == 1)) {
|
|
// $('body').addClass('page-horizontal-bar');
|
|
// $('.sidebar').addClass('horizontal-bar');
|
|
// $('.sidebar').removeClass('page-sidebar');
|
|
//}
|
|
|
|
//if (($('body').hasClass('page-horizontal-bar')) && (horizontalBarCheck.checked == 0)) {
|
|
// $('.horizontal-bar-check').prop('checked', true);
|
|
//}
|
|
|
|
// Toggle Sidebar Bug
|
|
//if (!($('body').hasClass('small-sidebar')) && (toggleSidebarCheck.checked == 1)) {
|
|
// $('body').addClass('small-sidebar');
|
|
//}
|
|
|
|
//if (($('body').hasClass('small-sidebar')) && (toggleSidebarCheck.checked == 0)) {
|
|
// $('.horizontal-bar-check').prop('checked', true);
|
|
//}
|
|
|
|
// Boxed Layout Bug
|
|
//if (!($('.page-content').hasClass('container')) && (boxedLayoutCheck.checked == 1)) {
|
|
// $('.toggle-sidebar-check').addClass('container');
|
|
//}
|
|
|
|
//if (($('.page-content').hasClass('container')) && (boxedLayoutCheck.checked == 0)) {
|
|
// $('.boxed-layout-check').prop('checked', true);
|
|
//}
|
|
|
|
//// Boxed Layout Bug
|
|
//if (!($('.page-content').hasClass('container')) && (boxedLayoutCheck.checked == 1)) {
|
|
// $('.toggle-sidebar-check').addClass('container');
|
|
//}
|
|
|
|
//if (($('.page-content').hasClass('container')) && (boxedLayoutCheck.checked == 0)) {
|
|
// $('.boxed-layout-check').prop('checked', true);
|
|
//}
|
|
|
|
//// Boxed Layout Bug
|
|
//if (!($('.page-content').hasClass('container')) && (boxedLayoutCheck.checked == 1)) {
|
|
// $('.toggle-sidebar-check').addClass('container');
|
|
//}
|
|
|
|
//if (($('.page-content').hasClass('container')) && (boxedLayoutCheck.checked == 0)) {
|
|
// $('.boxed-layout-check').prop('checked', true);
|
|
//}
|
|
}
|
|
|
|
// Chat Sidebar
|
|
// Chat Sidebar
|
|
if ($('.chat').length) {
|
|
var menuRight = document.getElementById('cbp-spmenu-s1'),
|
|
showRight = document.getElementById('showRight'),
|
|
closeRight = document.getElementById('closeRight'),
|
|
menuRight2 = document.getElementById('cbp-spmenu-s2'),
|
|
closeRight2 = document.getElementById('closeRight2'),
|
|
body = document.body;
|
|
|
|
showRight.onclick = function () {
|
|
classie.toggle(menuRight, 'cbp-spmenu-open');
|
|
};
|
|
|
|
closeRight.onclick = function () {
|
|
classie.toggle(menuRight, 'cbp-spmenu-open');
|
|
};
|
|
|
|
closeRight2.onclick = function () {
|
|
classie.toggle(menuRight2, 'cbp-spmenu-open');
|
|
};
|
|
|
|
$('.showRight2').click(function () {
|
|
classie.toggle(menuRight2, 'cbp-spmenu-open');
|
|
});
|
|
|
|
$(".chat-write form input").keypress(function (e) {
|
|
if ((e.which == 13) && (!$(this).val().length == 0)) {
|
|
$('<div class="chat-item chat-item-right"><div class="chat-message">' + $(this).val() + '</div></div>').insertAfter(".chat .chat-item:last-child");
|
|
$(this).val('');
|
|
} else if (e.which == 13) {
|
|
return;
|
|
}
|
|
$('.chat').slimscroll({
|
|
allowPageScroll: true
|
|
});
|
|
});
|
|
}
|
|
});
|
|
/********************************************
|
|
* 函數名稱：init()
|
|
* 目的：頁面初始化
|
|
* 作者：John
|
|
* 時間：2016/11/02
|
|
* 參數說明：
|
|
*********************************************/
|
|
function globalinit() {
|
|
$('.sidebar .accordion-menu > li.droplink > a').unbind('click').click(function () {
|
|
//debugger;
|
|
if ($('body').hasClass('.small-sidebar')) {
|
|
return;
|
|
};
|
|
|
|
if ($('body').hasClass('.page-horizontal-bar')) {
|
|
return;
|
|
};
|
|
|
|
if ($('body').hasClass('.hover-menu')) {
|
|
return;
|
|
};
|
|
|
|
var menu = $('.sidebar .menu'),
|
|
sidebar = $('.page-sidebar-inner'),
|
|
page = $('.page-content'),
|
|
sub = $(this).next(),
|
|
el = $(this);
|
|
|
|
menu.find('li').removeClass('open');
|
|
$('.sub-menu').slideUp(200, function () {
|
|
sidebarAndContentHeight();
|
|
});
|
|
sidebarAndContentHeight();
|
|
|
|
if (!sub.is(':visible')) {
|
|
$(this).parent('li').addClass('open');
|
|
$(this).next('.sub-menu').slideDown(200, function () {
|
|
sidebarAndContentHeight();
|
|
});
|
|
} else {
|
|
sub.slideUp(200, function () {
|
|
sidebarAndContentHeight();
|
|
});
|
|
}
|
|
return false;
|
|
});
|
|
|
|
$('.sidebar .accordion-menu .sub-menu li.droplink > a').unbind('click').click(function () {
|
|
//debugger;
|
|
|
|
var menu = $(this).parent().parent(),
|
|
sidebar = $('.page-sidebar-inner'),
|
|
page = $('.page-content'),
|
|
sub = $(this).next(),
|
|
el = $(this);
|
|
|
|
menu.find('li').each(function () {
|
|
if ($(this).hasClass('open')) {
|
|
$(this).find('ul').slideUp(200);
|
|
}
|
|
});
|
|
menu.find('li').removeClass('open');
|
|
sidebarAndContentHeight();
|
|
|
|
if (!sub.is(':visible')) {
|
|
$(this).parent('li').addClass('open');
|
|
$(this).next('.sub-menu').slideDown(200, function () {
|
|
sidebarAndContentHeight();
|
|
});
|
|
} else {
|
|
sub.slideUp(200, function () {
|
|
sidebarAndContentHeight();
|
|
});
|
|
}
|
|
return false;
|
|
});
|
|
}
|