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.
181 lines
8.4 KiB
181 lines
8.4 KiB
function NavToggle() {
|
|
$(".navbar-minimalize").trigger("click")
|
|
}
|
|
function SmoothlyMenu() {
|
|
$("body").hasClass("mini-navbar") ? $("body").hasClass("fixed-sidebar") ? ($("#side-menu").hide(), setTimeout(function() {
|
|
$("#side-menu").fadeIn(500)
|
|
},
|
|
300)) : $("#side-menu").removeAttr("style") : ($("#side-menu").hide(), setTimeout(function() {
|
|
$("#side-menu").fadeIn(500)
|
|
},
|
|
100))
|
|
}
|
|
function localStorageSupport() {
|
|
return "localStorage" in window && null !== window.localStorage
|
|
}
|
|
//进入全屏
|
|
function requestFullScreen(e) {
|
|
elem=document.documentElement;
|
|
if(elem.webkitRequestFullScreen){
|
|
elem.webkitRequestFullScreen();
|
|
e.html('<i class="fa fa-compress"></i>');
|
|
e.addClass('unscreen');
|
|
}else if(elem.mozRequestFullScreen){
|
|
elem.mozRequestFullScreen();
|
|
e.html('<i class="fa fa-compress"></i>');
|
|
e.addClass('unscreen');
|
|
}else if(elem.requestFullScreen){
|
|
elem.requestFullscreen();
|
|
e.html('<i class="fa fa-compress"></i>');
|
|
e.addClass('unscreen');
|
|
}else{
|
|
//浏览器不支持全屏API或已被禁用
|
|
}
|
|
}
|
|
//退出全屏
|
|
function exitFullscreen(e) {
|
|
var de = document;
|
|
if (de.exitFullscreen) {
|
|
de.exitFullscreen();
|
|
|
|
} else if (de.mozCancelFullScreen) {
|
|
de.mozCancelFullScreen();
|
|
} else if (de.webkitCancelFullScreen) {
|
|
de.webkitCancelFullScreen();
|
|
}
|
|
e.html('<i class="fa fa-arrows"></i>');
|
|
e.removeClass('unscreen');
|
|
}
|
|
layer.config({
|
|
extend: ["extend/layer.ext.js", "skin/moon/style.css"],
|
|
skin: "layer-ext-moon"
|
|
}),
|
|
$(document).ready(function() {
|
|
function e() {
|
|
var e = $("body > #wrapper").height() - 61;
|
|
$(".sidebard-panel").css("min-height", e + "px")
|
|
}
|
|
$(".J_tabFullScreen").click(function (e) {
|
|
if($(this).is('.unscreen')){
|
|
exitFullscreen($(this));
|
|
}else{
|
|
requestFullScreen($(this));
|
|
}
|
|
|
|
}),
|
|
$("#side-menu").metisMenu(),
|
|
$(".right-sidebar-toggle").click(function() {
|
|
$("#right-sidebar").toggleClass("sidebar-open")
|
|
}),
|
|
$(".sidebar-container").slimScroll({
|
|
height: "100%",
|
|
railOpacity: .4,
|
|
wheelStep: 10
|
|
}),
|
|
$(".open-small-chat").click(function() {
|
|
$(this).children().toggleClass("fa-comments").toggleClass("fa-remove"),
|
|
$(".small-chat-box").toggleClass("active")
|
|
}),
|
|
$(".small-chat-box .content").slimScroll({
|
|
height: "234px",
|
|
railOpacity: .4
|
|
}),
|
|
$(".check-link").click(function() {
|
|
var e = $(this).find("i"),
|
|
a = $(this).next("span");
|
|
return e.toggleClass("fa-check-square").toggleClass("fa-square-o"),
|
|
a.toggleClass("todo-completed"),
|
|
!1
|
|
}),
|
|
$(function() {
|
|
$(".sidebar-collapse").slimScroll({
|
|
height: "100%",
|
|
railOpacity: .9,
|
|
alwaysVisible: !1
|
|
})
|
|
}),
|
|
$(".navbar-minimalize").click(function() {
|
|
$("body").toggleClass("mini-navbar"),
|
|
SmoothlyMenu()
|
|
}),
|
|
e(),
|
|
$(window).bind("load resize click scroll",
|
|
function() {
|
|
$("body").hasClass("body-small") || e()
|
|
}),
|
|
$(window).scroll(function() {
|
|
$(window).scrollTop() > 0 && !$("body").hasClass("fixed-nav") ? $("#right-sidebar").addClass("sidebar-top") : $("#right-sidebar").removeClass("sidebar-top")
|
|
}),
|
|
$(".full-height-scroll").slimScroll({
|
|
height: "100%"
|
|
}),
|
|
// $("#side-menu>li").click(function() {
|
|
// $("body").hasClass("mini-navbar") && NavToggle()
|
|
// }),
|
|
// $("#side-menu>li li a").click(function() {
|
|
// $(window).width() < 769 && NavToggle()
|
|
// }),
|
|
$(".nav-close").click(NavToggle),
|
|
/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent) && $("#content-main").css("overflow-y", "auto")
|
|
}),
|
|
$(window).bind("load resize",
|
|
function() {
|
|
$(this).width() < 769 && ($("body").addClass("mini-navbar"), $(".navbar-static-side").fadeIn())
|
|
}),
|
|
$(function() {
|
|
if ($("#fixednavbar").click(function() {
|
|
$("#fixednavbar").is(":checked") ? ($(".navbar-static-top").removeClass("navbar-static-top").addClass("navbar-fixed-top"), $("body").removeClass("boxed-layout"), $("body").addClass("fixed-nav"), $("#boxedlayout").prop("checked", !1), localStorageSupport && localStorage.setItem("boxedlayout", "off"), localStorageSupport && localStorage.setItem("fixednavbar", "on")) : ($(".navbar-fixed-top").removeClass("navbar-fixed-top").addClass("navbar-static-top"), $("body").removeClass("fixed-nav"), localStorageSupport && localStorage.setItem("fixednavbar", "off"))
|
|
}),
|
|
$("#collapsemenu").click(function() {
|
|
$("#collapsemenu").is(":checked") ? ($("body").addClass("mini-navbar"), SmoothlyMenu(), localStorageSupport && localStorage.setItem("collapse_menu", "on")) : ($("body").removeClass("mini-navbar"), SmoothlyMenu(), localStorageSupport && localStorage.setItem("collapse_menu", "off"))
|
|
}),
|
|
$("#boxedlayout").click(function() {
|
|
$("#boxedlayout").is(":checked") ? ($("body").addClass("boxed-layout"), $("#fixednavbar").prop("checked", !1), $(".navbar-fixed-top").removeClass("navbar-fixed-top").addClass("navbar-static-top"), $("body").removeClass("fixed-nav"), localStorageSupport && localStorage.setItem("fixednavbar", "off"), localStorageSupport && localStorage.setItem("boxedlayout", "on")) : ($("body").removeClass("boxed-layout"), localStorageSupport && localStorage.setItem("boxedlayout", "off"))
|
|
}),
|
|
$("#refresh").click(function() {
|
|
$("#refresh").is(":checked") ? (localStorageSupport && localStorage.setItem("refresh", "on")) : (localStorageSupport && localStorage.setItem("refresh", "off"))
|
|
}),
|
|
$(".s-skin-0").click(function() {
|
|
localStorage.setItem("bodystyle", "");
|
|
return $("body").removeClass("skin-1"),
|
|
$("body").removeClass("skin-2"),
|
|
$("body").removeClass("skin-3"),
|
|
!1
|
|
}),
|
|
$(".s-skin-1").click(function() {
|
|
localStorage.setItem("bodystyle", "skin-1");
|
|
return $("body").removeClass("skin-2"),
|
|
$("body").removeClass("skin-3"),
|
|
$("body").addClass("skin-1"),
|
|
!1
|
|
}),
|
|
$(".s-skin-3").click(function() {
|
|
localStorage.setItem("bodystyle", "skin-3");
|
|
return $("body").removeClass("skin-1"),
|
|
$("body").removeClass("skin-2"),
|
|
$("body").addClass("skin-3"),
|
|
!1
|
|
}), localStorageSupport) {
|
|
var e = localStorage.getItem("collapse_menu"),
|
|
a = localStorage.getItem("fixednavbar"),
|
|
o = localStorage.getItem("boxedlayout"),
|
|
r = localStorage.getItem("refresh");
|
|
"on" == e && $("#collapsemenu").prop("checked", "checked"),
|
|
"on" == a && $("#fixednavbar").prop("checked", "checked"),
|
|
"on" == o && $("#boxedlayout").prop("checked", "checked"),
|
|
"on" == r && $("#refresh").prop("checked", "checked")
|
|
}
|
|
if (localStorageSupport) {
|
|
var e = localStorage.getItem("collapse_menu"),
|
|
a = localStorage.getItem("fixednavbar"),
|
|
o = localStorage.getItem("boxedlayout"),
|
|
s = localStorage.getItem("bodystyle"),
|
|
r = localStorage.getItem("refresh"),
|
|
l = $("body");
|
|
$("body").addClass(s);
|
|
"on" == e && (l.hasClass("body-small") || l.addClass("mini-navbar")),
|
|
"on" == a && ($(".navbar-static-top").removeClass("navbar-static-top").addClass("navbar-fixed-top"), l.addClass("fixed-nav")),
|
|
"on" == o && l.addClass("boxed-layout"),
|
|
"on" == r && $("#refresh").prop("checked", "checked")
|
|
}
|
|
}); |