"use strict";$(document).ready(function(){$(".card-header-right .close-card").on('click',function(){var $this=$(this);$this.parents('.card').animate({'opacity':'0','-webkit-transform':'scale3d(.3, .3, .3)','transform':'scale3d(.3, .3, .3)'});setTimeout(function(){$this.parents('.card').remove();},800);});$(".card-header-right .reload-card").on('click',function(){var $this=$(this);$this.parents('.card').addClass("card-load");$this.parents('.card').append('<div class="card-loader"><i class="fa fa-spinner rotate-refresh"></div>');setTimeout(function(){$this.parents('.card').children(".card-loader").remove();$this.parents('.card').removeClass("card-load");},3000);});$(".card-header-right .card-option .fa-chevron-left").on('click',function(){var $this=$(this);if($this.hasClass('fa-chevron-right')){$this.parents('.card-option').animate({'width':'35px',});}else{$this.parents('.card-option').animate({'width':'190px',});}
$(this).toggleClass("fa-chevron-right").fadeIn('slow');});$(".card-header-right .minimize-card").on('click',function(){var $this=$(this);var port=$($this.parents('.card'));var card=$(port).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 $this=$(this);var port=$($this.parents('.card'));port.toggleClass("full-card");$(this).toggleClass("fa-window-restore");});$(".card-header-right .icofont-spinner-alt-5").on('mouseenter mouseleave',function(){$(this).toggleClass("rotate-refresh").fadeIn('slow');});$("#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(event){var $trigger=$(".header-notification");if($trigger!==event.target&&!$trigger.has(event.target).length){$(".show-notification").slideUp(300);$(".header-notification").removeClass('active');}});$.mCustomScrollbar.defaults.axis="yx";$("#styleSelector .style-cont").slimScroll({setTop:"1px",height:"calc(100vh - 315px)",});$(".main-menu").mCustomScrollbar({setTop:"1px",setHeight:"calc(100% - 56px)",});var a=$(window).height()-80;$(".main-friend-list").slimScroll({height:a,allowPageScroll:false,wheelStep:5,color:'#1b8bf9'});$("#search-friends").on("keyup",function(){var g=$(this).val().toLowerCase();$(".userlist-box .media-body .chat-header").each(function(){var s=$(this).text().toLowerCase();$(this).closest('.userlist-box')[s.indexOf(g)!==-1?'show':'hide']();});});$('.displayChatbox').on('click',function(){var my_val=$('.pcoded').attr('vertical-placement');if(my_val=='right'){var options={direction:'left'};}else{var options={direction:'right'};}
$('.showChat').toggle('slide',options,500);});$('.userlist-box').on('click',function(){var my_val=$('.pcoded').attr('vertical-placement');if(my_val=='right'){var options={direction:'left'};}else{var options={direction:'right'};}
$('.showChat_inner').toggle('slide',options,500);});$('.back_chatBox').on('click',function(){var my_val=$('.pcoded').attr('vertical-placement');if(my_val=='right'){var options={direction:'left'};}else{var options={direction:'right'};}
$('.showChat_inner').toggle('slide',options,500);$('.showChat').css('display','block');});$('.back_friendlist').on('click',function(){var my_val=$('.pcoded').attr('vertical-placement');if(my_val=='right'){var options={direction:'left'};}else{var options={direction:'right'};}
$('.p-chat-user').toggle('slide',options,500);$('.showChat').css('display','block');});$(function(){$('[data-toggle="tooltip"]').tooltip()})});$(document).ready(function(){$(".theme-loader").animate({opacity:"0"},1000);setTimeout(function(){$(".theme-loader").remove();},800);});function toggleFullScreen(){var a=$(window).height()-10;if(!document.fullscreenElement&&!document.mozFullScreenElement&&!document.webkitFullscreenElement){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();}}}
$('#styleSelector').append(''+
'<div class="selector-toggle">'+
'<a href="javascript:void(0)"></a>'+
'</div>'+
'<ul>'+
'<li>'+
'<p class="selector-title">风格布局</p>'+
'</li>'+
'<li>'+
'<div class="theme-color">'+
'<a href="#" data-toggle="tooltip" title="默认风格" class="navbar-theme" navbar-theme="themelight1"><span class="head"></span><span class="cont"></span></a>'+
'<a href="#" data-toggle="tooltip" title="菜单栏暗色" class="navbar-theme" navbar-theme="theme1"><span class="head"></span><span class="cont"></span></a>'+
'<a href="#" data-toggle="tooltip" title="图片菜单栏" class="Layout-type" layout-type="img"><span class="head"></span><span class="cont"></span></a>'+
'<a href="#" data-toggle="tooltip" title="暗色风格" class="Layout-type" layout-type="dark"><span class="head"></span><span class="cont"></span></a>'+
'</div>'+
'</li>'+
'</ul>'+
'<div class="style-cont m-t-10">'+
'<ul class="nav nav-tabs  tabs" role="tablist">'+
'<li class="nav-item"><a class="nav-link active" data-toggle="tab" href="#sel-layout" role="tab">布局设置</a></li>'+
'</ul>'+
'<div class="tab-content tabs">'+
'<div class="tab-pane active" id="sel-sidebar-setting" role="tabpanel">'+
'<ul>'+
'<li class="theme-option">'+
'<p class="sub-title drp-title">菜单图标色彩</p>'+
'<div class="form-radio" id="menu-effect">'+
'<div class="radio radiofill radio-primary radio-inline" data-toggle="tooltip">'+
'<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">'+
'<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">菜单样式</p>'+
'<select id="vertical-border-style" class="form-control minimal">'+
'<option name="vertical-border-style" value="solid">样式 1</option>'+
'<option name="vertical-border-style" value="dotted">样式 2</option>'+
'<option name="vertical-border-style" value="dashed">样式 3</option>'+
'<option name="vertical-border-style" value="none">默认样式</option>'+
'</select>'+
'</li>'+
'<li class="theme-option">'+
'<p class="sub-title drp-title">展开图标样式</p>'+
'<select id="vertical-dropdown-icon" class="form-control minimal">'+
'<option name="vertical-dropdown-icon" value="style1">样式 1</option>'+
'<option name="vertical-dropdown-icon" value="style2">样式 2</option>'+
'<option name="vertical-dropdown-icon" value="style3">样式 3</option>'+
'</select>'+
'</li>'+
'<li class="theme-option">'+
'<p class="sub-title drp-title">导向标样式</p>'+
'<select id="vertical-subitem-icon" class="form-control minimal">'+
'<option name="vertical-subitem-icon" value="style1">样式 1</option>'+
'<option name="vertical-subitem-icon" value="style6">样式 2</option>'+
'<option name="vertical-subitem-icon" value="style7">样式 3</option>'+
'</select>'+
'</li>'+
'</ul>'+
'</div>'+
'<ul>'+
'<li>'+
'<p class="selector-title">顶部色采</p>'+
'</li>'+
'<li class="theme-option">'+
'<div class="theme-color">'+
'<a href="#" class="header-theme" header-theme="theme1" active-item-color="theme1"><span class="head"></span><span class="cont"></span></a>'+
'<a href="#" class="header-theme" header-theme="theme2" active-item-color="theme2"><span class="head"></span><span class="cont"></span></a>'+
'<a href="#" class="header-theme" header-theme="theme3" active-item-color="theme3"><span class="head"></span><span class="cont"></span></a>'+
'<a href="#" class="header-theme" header-theme="theme4" active-item-color="theme4"><span class="head"></span><span class="cont"></span></a>'+
'<a href="#" class="header-theme" header-theme="theme5" active-item-color="theme5"><span class="head"></span><span class="cont"></span></a>'+
'<a href="#" class="header-theme" header-theme="theme6" active-item-color="theme6"><span class="head"></span><span class="cont"></span></a>'+
'</div>'+
'</li>'+
'<li class="theme-option">'+
'<div class="theme-color">'+
'<a href="#" class="header-theme" header-theme="themelight1" active-item-color="theme7"><span class="head"></span><span class="cont"></span></a>'+
'<a href="#" class="header-theme" header-theme="themelight2" active-item-color="theme8"><span class="head"></span><span class="cont"></span></a>'+
'<a href="#" class="header-theme" header-theme="themelight3" active-item-color="theme9"><span class="head"></span><span class="cont"></span></a>'+
'<a href="#" class="header-theme" header-theme="themelight4" active-item-color="theme10"><span class="head"></span><span class="cont"></span></a>'+
'<a href="#" class="header-theme" header-theme="themelight5" active-item-color="theme11"><span class="head"></span><span class="cont"></span></a>'+
'<a href="#" class="header-theme" header-theme="themelight6" active-item-color="theme12"><span class="head"></span><span class="cont"></span></a>'+
'</div>'+
'</li>'+
'<li>'+
'<p class="selector-title">菜单背景设置</p>'+
'</li>'+
'<li class="theme-option">'+
'<div class="theme-color">'+
'<a href="#" class="navbg-pattern image" navbg-pattern="img1">&nbsp;</a>'+
'<a href="#" class="navbg-pattern image" navbg-pattern="img2">&nbsp;</a>'+
'<a href="#" class="navbg-pattern image" navbg-pattern="img3">&nbsp;</a>'+
'<a href="#" class="navbg-pattern image" navbg-pattern="img4">&nbsp;</a>'+
'<a href="#" class="navbg-pattern image" navbg-pattern="img5">&nbsp;</a>'+
'</div>'+
'</li>'+
'</ul>'+
'</div>'+
'</div>'+
'<ul>'+
'<li>'+
'<a href="#" onClick="styleadd();" class="btn btn-success btn-block m-r-15 m-t-10 m-b-10">保存风格设置</a>'+
'<a href="#" onClick="styleadd(1);" class="btn btn-primary btn-block m-r-15 m-t-5 m-b-10">使用系统默认风格</a>'+
'</li>'+

'</ul>'+
'');
