Dashboard sipadu mbip
您最多选择25个主题 主题必须以字母或数字开头,可以包含连字符 (-),并且长度不得超过35个字符

script.min.js 15KB

1
  1. "use strict";function toggleFullScreen(){$(window).height();document.fullscreenElement||document.mozFullScreenElement||document.webkitFullscreenElement?document.cancelFullScreen?document.cancelFullScreen():document.mozCancelFullScreen?document.mozCancelFullScreen():document.webkitCancelFullScreen&&document.webkitCancelFullScreen():document.documentElement.requestFullscreen?document.documentElement.requestFullscreen():document.documentElement.mozRequestFullScreen?document.documentElement.mozRequestFullScreen():document.documentElement.webkitRequestFullscreen&&document.documentElement.webkitRequestFullscreen(Element.ALLOW_KEYBOARD_INPUT)}$(document).ready(function(){$(".card-header-right .close-card").on("click",function(){var e=$(this);e.parents(".card").animate({opacity:"0","-webkit-transform":"scale3d(.3, .3, .3)",transform:"scale3d(.3, .3, .3)"}),setTimeout(function(){e.parents(".card").remove()},800)}),$(".card-header-right .reload-card").on("click",function(){var e=$(this);e.parents(".card").addClass("card-load"),e.parents(".card").append('<div class="card-loader"><i class="fa fa-circle-o-notch rotate-refresh"></div>'),setTimeout(function(){e.parents(".card").children(".card-loader").remove(),e.parents(".card").removeClass("card-load")},3e3)}),$(".card-header-right .card-option .open-card-option").on("click",function(){var e=$(this);e.hasClass("fa-times")?(e.parents(".card-option").animate({width:"30px"}),$(this).removeClass("fa-times").fadeIn("slow"),$(this).addClass("fa-wrench").fadeIn("slow")):(e.parents(".card-option").animate({width:"140px"}),$(this).addClass("fa-times").fadeIn("slow"),$(this).removeClass("fa-wrench").fadeIn("slow"))}),$(".card-header-right .minimize-card").on("click",function(){var e=$(this),t=$(e.parents(".card"));$(t).children(".card-block").slideToggle();$(this).toggleClass("fa-minus").fadeIn("slow"),$(this).toggleClass("fa-plus").fadeIn("slow")}),$(".card-header-right .full-card").on("click",function(){var e=$(this);$(e.parents(".card")).toggleClass("full-card"),$(this).toggleClass("fa-window-restore")}),$("#more-details").on("click",function(){$(".more-details").slideToggle(500)}),$(".mobile-options").on("click",function(){$(".navbar-container .nav-right").slideToggle("slow")}),$(".search-btn").on("click",function(){$(".main-search").addClass("open"),$(".main-search .form-control").animate({width:"200px"})}),$(".search-close").on("click",function(){$(".main-search .form-control").animate({width:"0"}),setTimeout(function(){$(".main-search").removeClass("open")},300)}),$(document).ready(function(){$(".header-notification").click(function(){$(this).find(".show-notification").slideToggle(500),$(this).toggleClass("active")})}),$(document).on("click",function(e){var t=$(".header-notification");t===e.target||t.has(e.target).length||($(".show-notification").slideUp(300),$(".header-notification").removeClass("active"))}),$.mCustomScrollbar.defaults.axis="yx",$("#styleSelector .style-cont").slimScroll({setTop:"1px",height:"calc(100vh - 520px)"}),$(".main-menu").mCustomScrollbar({setTop:"1px",setHeight:"calc(100% - 56px)"});var e=$(window).height()-80;$(".main-friend-list").slimScroll({height:e,allowPageScroll:!1,wheelStep:5,color:"#1b8bf9"}),$("#search-friends").on("keyup",function(){var e=$(this).val().toLowerCase();$(".userlist-box .media-body .chat-header").each(function(){var t=$(this).text().toLowerCase();$(this).closest(".userlist-box")[-1!==t.indexOf(e)?"show":"hide"]()})}),$(".displayChatbox").on("click",function(){if("right"==$(".pcoded").attr("vertical-placement"))var e={direction:"left"};else e={direction:"right"};$(".showChat").toggle("slide",e,500)}),$(".userlist-box").on("click",function(){if("right"==$(".pcoded").attr("vertical-placement"))var e={direction:"left"};else e={direction:"right"};$(".showChat_inner").toggle("slide",e,500)}),$(".back_chatBox").on("click",function(){if("right"==$(".pcoded").attr("vertical-placement"))var e={direction:"left"};else e={direction:"right"};$(".showChat_inner").toggle("slide",e,500),$(".showChat").css("display","block")}),$(".back_friendlist").on("click",function(){if("right"==$(".pcoded").attr("vertical-placement"))var e={direction:"left"};else e={direction:"right"};$(".p-chat-user").toggle("slide",e,500),$(".showChat").css("display","block")}),$('[data-toggle="tooltip"]').tooltip(),Waves.init(),Waves.attach(".flat-buttons",["waves-button"]),Waves.attach(".float-buttons",["waves-button","waves-float"]),Waves.attach(".float-button-light",["waves-button","waves-float","waves-light"]),Waves.attach(".flat-buttons",["waves-button","waves-float","waves-light","flat-buttons"])}),$(document).ready(function(){$(".theme-loader").animate({opacity:"0"},1e3),setTimeout(function(){$(".theme-loader").remove()},1e3)}),$("#styleSelector").append('<div class="selector-toggle"><a href="javascript:void(0)" class="waves-effect waves-light"></a></div><ul><li><p class="selector-title main-title st-main-title"><b>Material </b>able Customizer</p><span class="text-muted">Live customizer with tons of options</span></li><li><p class="selector-title">Main layouts</p></li><li><div class="theme-color"><a href="#" data-toggle="tooltip" title="light Navbar" class="navbar-theme waves-effect waves-light" navbar-theme="themelight1"><span class="head"></span><span class="cont"></span></a><a href="#" data-toggle="tooltip" title="Dark Navbar" class="navbar-theme waves-effect waves-light" navbar-theme="theme1"><span class="head"></span><span class="cont"></span></a><a href="#" data-toggle="tooltip" title="Navbar with image" class="Layout-type waves-effect waves-light" layout-type="img"><span class="head"></span><span class="cont"></span></a><a href="#" data-toggle="tooltip" title="light Layout" class="Layout-type waves-effect waves-light" layout-type="light"><span class="head"></span><span class="cont"></span></a><a href="#" data-toggle="tooltip" title="Dark Layout" class="Layout-type waves-effect waves-light" layout-type="dark"><span class="head"></span><span class="cont"></span></a><a href="#" data-toggle="tooltip" title="Reset Default" class="Layout-type waves-effect waves-light" layout-type="reset"><i class="fa fa-power-off"></i></a></div></li></ul><div class="style-cont m-t-10"><ul class="nav nav-tabs tabs" role="tablist"><li class="nav-item waves-effect waves-light"><a class="nav-link active" data-toggle="tab" href="#sel-layout" role="tab">Layouts</a></li><li class="nav-item waves-effect waves-light"><a class="nav-link" data-toggle="tab" href="#sel-sidebar-setting" role="tab">Sidebar Settings</a></li></ul><div class="tab-content tabs"><div class="tab-pane active" id="sel-layout" role="tabpanel"><ul><li class="theme-option"><div class="checkbox-fade fade-in-primary"><label><input type="checkbox" value="false" id="theme-layout" name="vertical-item-border"><span class="cr"><i class="cr-icon fa fa-check txt-success"></i></span><span>Box Layout - with background color</span></label></div></li><li class="theme-option d-none" id="bg-pattern-visiblity"><div class="theme-color"><a href="#" class="themebg-pattern small waves-effect waves-light" themebg-pattern="theme1">&nbsp;</a><a href="#" class="themebg-pattern small waves-effect waves-light" themebg-pattern="theme2">&nbsp;</a><a href="#" class="themebg-pattern small waves-effect waves-light" themebg-pattern="theme3">&nbsp;</a><a href="#" class="themebg-pattern small waves-effect waves-light" themebg-pattern="theme4">&nbsp;</a><a href="#" class="themebg-pattern small waves-effect waves-light" themebg-pattern="theme5">&nbsp;</a><a href="#" class="themebg-pattern small waves-effect waves-light" themebg-pattern="theme6">&nbsp;</a></div></li><li class="theme-option"><div class="checkbox-fade fade-in-primary"><label><input type="checkbox" value="false" id="sidebar-position" name="sidebar-position" checked><span class="cr"><i class="cr-icon fa fa-check txt-success"></i></span><span>Fixed Sidebar Position</span></label></div></li><li class="theme-option"><div class="checkbox-fade fade-in-primary"><label><input type="checkbox" value="false" id="header-position" name="header-position" checked><span class="cr"><i class="cr-icon fa fa-check txt-success"></i></span><span>Fixed Header Position</span></label></div></li></ul></div><div class="tab-pane" id="sel-sidebar-setting" role="tabpanel"><ul><li class="theme-option"><p class="sub-title drp-title">Menu Type</p><div class="form-radio" id="menu-effect"><div class="radio radiofill radio-primary radio-inline" data-toggle="tooltip" title="Color icon"><label><input type="radio" name="radio" value="st1" onclick="handlemenutype(this.value)"><i class="helper"></i><span class="micon st1"><i class="ti-home"></i></span></label></div><div class="radio radiofill radio-success radio-inline" data-toggle="tooltip" title="simple icon"><label><input type="radio" name="radio" value="st2" onclick="handlemenutype(this.value)" checked="true"><i class="helper"></i><span class="micon st2"><i class="ti-home"></i></span></label></div></div></li><li class="theme-option"><p class="sub-title drp-title">SideBar Effect</p><select id="vertical-menu-effect" class="form-control minimal"><option name="vertical-menu-effect" value="shrink">shrink</option><option name="vertical-menu-effect" value="overlay">overlay</option><option name="vertical-menu-effect" value="push">Push</option></select></li><li class="theme-option"><p class="sub-title drp-title">Hide/Show Border</p><select id="vertical-border-style" class="form-control minimal"><option name="vertical-border-style" value="solid">Style 1</option><option name="vertical-border-style" value="dotted">Style 2</option><option name="vertical-border-style" value="dashed">Style 3</option><option name="vertical-border-style" value="none">No Border</option></select></li><li class="theme-option"><p class="sub-title drp-title">Drop-Down Icon</p><select id="vertical-dropdown-icon" class="form-control minimal"><option name="vertical-dropdown-icon" value="style1">Style 1</option><option name="vertical-dropdown-icon" value="style2">style 2</option><option name="vertical-dropdown-icon" value="style3">style 3</option></select></li><li class="theme-option"><p class="sub-title drp-title">Sub Menu Drop-down Icon</p><select id="vertical-subitem-icon" class="form-control minimal"><option name="vertical-subitem-icon" value="style1">Style 1</option><option name="vertical-subitem-icon" value="style2">style 2</option><option name="vertical-subitem-icon" value="style3">style 3</option><option name="vertical-subitem-icon" value="style4">style 4</option><option name="vertical-subitem-icon" value="style5">style 5</option><option name="vertical-subitem-icon" value="style6">style 6</option><option name="vertical-subitem-icon" value="style7">style 7</option></select></li></ul></div><ul><li><p class="selector-title">Header color</p></li><li class="theme-option"><div class="theme-color"><a href="#" class="header-theme waves-effect waves-light" header-theme="theme1" active-item-color="theme1"><span class="head"></span><span class="cont"></span></a><a href="#" class="header-theme waves-effect waves-light" header-theme="theme2" active-item-color="theme2"><span class="head"></span><span class="cont"></span></a><a href="#" class="header-theme waves-effect waves-light" header-theme="theme3" active-item-color="theme3"><span class="head"></span><span class="cont"></span></a><a href="#" class="header-theme waves-effect waves-light" header-theme="theme4" active-item-color="theme4"><span class="head"></span><span class="cont"></span></a><a href="#" class="header-theme waves-effect waves-light" header-theme="theme5" active-item-color="theme5"><span class="head"></span><span class="cont"></span></a><a href="#" class="header-theme waves-effect waves-light" header-theme="theme6" active-item-color="theme6"><span class="head"></span><span class="cont"></span></a></div></li><li><p class="selector-title">Navbar image</p></li><li class="theme-option"><div class="theme-color"><a href="#" class="navbg-pattern image waves-effect waves-light" navbg-pattern="img1">&nbsp;</a><a href="#" class="navbg-pattern image waves-effect waves-light" navbg-pattern="img2">&nbsp;</a><a href="#" class="navbg-pattern image waves-effect waves-light" navbg-pattern="img3">&nbsp;</a><a href="#" class="navbg-pattern image waves-effect waves-light" navbg-pattern="img4">&nbsp;</a><a href="#" class="navbg-pattern image waves-effect waves-light" navbg-pattern="img5">&nbsp;</a><a href="#" class="navbg-pattern image waves-effect waves-light" navbg-pattern="img6">&nbsp;</a></div></li><li><p class="selector-title">Active link color</p></li><li class="theme-option"><div class="theme-color"><a href="#" class="active-item-theme small waves-effect waves-light" active-item-theme="theme1">&nbsp;</a><a href="#" class="active-item-theme small waves-effect waves-light" active-item-theme="theme2">&nbsp;</a><a href="#" class="active-item-theme small waves-effect waves-light" active-item-theme="theme3">&nbsp;</a><a href="#" class="active-item-theme small waves-effect waves-light" active-item-theme="theme4">&nbsp;</a><a href="#" class="active-item-theme small waves-effect waves-light" active-item-theme="theme5">&nbsp;</a><a href="#" class="active-item-theme small waves-effect waves-light" active-item-theme="theme6">&nbsp;</a><a href="#" class="active-item-theme small waves-effect waves-light" active-item-theme="theme7">&nbsp;</a><a href="#" class="active-item-theme small waves-effect waves-light" active-item-theme="theme8">&nbsp;</a><a href="#" class="active-item-theme small waves-effect waves-light" active-item-theme="theme9">&nbsp;</a><a href="#" class="active-item-theme small waves-effect waves-light" active-item-theme="theme10">&nbsp;</a><a href="#" class="active-item-theme small waves-effect waves-light" active-item-theme="theme11">&nbsp;</a><a href="#" class="active-item-theme small waves-effect waves-light" active-item-theme="theme12">&nbsp;</a></div></li><li><p class="selector-title">Menu Caption Color</p></li><li class="theme-option"><div class="theme-color"><a href="#" class="leftheader-theme small waves-effect waves-light" lheader-theme="theme1">&nbsp;</a><a href="#" class="leftheader-theme small waves-effect waves-light" lheader-theme="theme2">&nbsp;</a><a href="#" class="leftheader-theme small waves-effect waves-light" lheader-theme="theme3">&nbsp;</a><a href="#" class="leftheader-theme small waves-effect waves-light" lheader-theme="theme4">&nbsp;</a><a href="#" class="leftheader-theme small waves-effect waves-light" lheader-theme="theme5">&nbsp;</a><a href="#" class="leftheader-theme small waves-effect waves-light" lheader-theme="theme6">&nbsp;</a><a href="#" class="leftheader-theme small waves-effect waves-light" lheader-theme="theme7">&nbsp;</a><a href="#" class="leftheader-theme small waves-effect waves-light" lheader-theme="theme8">&nbsp;</a><a href="#" class="leftheader-theme small waves-effect waves-light" lheader-theme="theme9">&nbsp;</a></div></li></ul></div></div><ul><li><a href="#" class="btn btn-success btn-block m-r-15 m-t-10 m-b-10 waves-effect waves-light">Profile</a><a href="http://html.phoenixcoded.net/mega-able/doc" target="_blank" class="btn btn-primary btn-block m-r-15 m-t-5 m-b-10 waves-effect waves-light">Online Documentation</a></li><li class="text-center"><span class="text-center f-18 m-t-15 m-b-15 d-block">Thank you for sharing !</span><a href="https://www.facebook.com/phoenixcoded" target="_blank" class="btn btn-facebook soc-icon m-b-20 waves-effect waves-light"><i class="fa fa-facebook"></i></a><a href="https://twitter.com/phoenixcoded" target="_blank" class="btn btn-twitter soc-icon m-l-20 m-b-20 waves-effect waves-light"><i class="fa fa-twitter"></i></a></li></ul>');