demo_ru.min.js 6.92 KB
(function($,AdminLTE){var my_skins=["skin-blue","skin-black","skin-red","skin-yellow","skin-purple","skin-green","skin-blue-light","skin-black-light","skin-red-light","skin-yellow-light","skin-purple-light","skin-green-light"];var tab_pane=$("<div />",{"id":"control-sidebar-theme-demo-options-tab","class":"tab-pane active"});var tab_button=$("<li />",{"class":"active"}).html("<a href='#control-sidebar-theme-demo-options-tab' data-toggle='tab'>"+"<i class='fa fa-wrench'></i>"+"</a>");$("[href='#control-sidebar-home-tab']").parent().before(tab_button);var demo_settings=$("<div />");demo_settings.append("<h4 class='control-sidebar-heading'>"+"Параметры макета"+"</h4>"+"<div class='form-group'>"+"<label class='control-sidebar-subheading'>"+"<input type='checkbox' data-layout='sidebar-collapse' class='pull-right'/> "+"Переключить боковую панель"+"</label>"+"<p>Переключить состояние левой боковой панели (открытая или свернутая)</p>"+"</div>"+"<div class='form-group'>"+"<label class='control-sidebar-subheading'>"+"<input type='checkbox' data-enable='expandOnHover' class='pull-right'/> "+"Расширять боковую панель при наведении курсора мыши"+"</label>"+"<p>Разрешить боковой панели расширяться при наведении курсора мыши</p>"+"</div>"+"<div class='form-group'>"+"<label class='control-sidebar-subheading'>"+"<input type='checkbox' data-controlsidebar='control-sidebar-open' class='pull-right'/> "+"Переключить скольжение правой боковой панели"+"</label>"+"<p>Переключить между скользить по содержимому и нажатием еффектов содержимого</p>"+"</div>"+"<div class='form-group'>"+"<label class='control-sidebar-subheading'>"+"<input type='checkbox' data-sidebarskin='toggle' class='pull-right'/> "+"Переключить оболочку правой боковой панели"+"</label>"+"<p>Переключить между темной и светлой оболочкой на правой боковой панели</p>"+"</div>");var skins_list=$("<ul />",{"class":'list-unstyled clearfix'});var skin_blue=$("<li />",{style:"float:left; width: 33.33333%; padding: 5px;"}).append("<a href='javascript:void(0);' data-skin='skin-blue' style='display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)' class='clearfix full-opacity-hover'>"+"<div><span style='display:block; width: 20%; float: left; height: 7px; background: #DADADA;'></span><span class='bg-light-blue' style='display:block; width: 80%; float: left; height: 7px; background: #DADADA!important;'></span></div>"+"<div><span style='display:block; width: 20%; float: left; height: 20px; background: #67B73E;'></span><span style='display:block; width: 80%; float: left; height: 20px; background: #FFFFFF;'></span></div>"+"</a>"+"<p class='text-center no-margin' style='font-size: 12px;'>Стандартная</p>");skins_list.append(skin_blue);var skin_black=$("<li />",{style:"float:left; width: 33.33333%; padding: 5px;"}).append("<a href='javascript:void(0);' data-skin='skin-black' style='display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)' class='clearfix full-opacity-hover'>"+"<div style='box-shadow: 0 0 2px rgba(0,0,0,0.1)' class='clearfix'><span style='display:block; width: 20%; float: left; height: 7px; background: #DADADA;'></span><span style='display:block; width: 80%; float: left; height: 7px; background: #DADADA;'></span></div>"+"<div><span style='display:block; width: 20%; float: left; height: 20px; background: #222;'></span><span style='display:block; width: 80%; float: left; height: 20px; background: #FFFFFF;'></span></div>"+"</a>"+"<p class='text-center no-margin'>Черная</p>");skins_list.append(skin_black);var skin_purple_light=$("<li />",{style:"float:left; width: 33.33333%; padding: 5px;"}).append("<a href='javascript:void(0);' data-skin='skin-purple-light' style='display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)' class='clearfix full-opacity-hover'>"+"<div><span style='display:block; width: 20%; float: left; height: 7px; background: #DADADA;'></span><span style='display:block; width: 80%; float: left; height: 7px; background: #DADADA;'></span></div>"+"<div><span style='display:block; width: 20%; float: left; height: 20px; background: #f9fafc;'></span><span style='display:block; width: 80%; float: left; height: 20px; background: #f4f5f7;'></span></div>"+"</a>"+"<p class='text-center no-margin' style='font-size: 12px'>Белая</p>");skins_list.append(skin_purple_light);demo_settings.append("<h4 class='control-sidebar-heading'>Оболочки</h4>");demo_settings.append(skins_list);tab_pane.append(demo_settings);$("#control-sidebar-home-tab").after(tab_pane);setup();function change_layout(cls){$("body").toggleClass(cls);AdminLTE.layout.fixSidebar();if(cls=="layout-boxed")AdminLTE.controlSidebar._fix($(".control-sidebar-bg"));if($('body').hasClass('fixed')&&cls=='fixed'){AdminLTE.pushMenu.expandOnHover();AdminLTE.controlSidebar._fixForFixed($('.control-sidebar'));AdminLTE.layout.activate();}}function change_skin(cls){$.each(my_skins,function(i){$("body").removeClass(my_skins[i]);});$("body").addClass(cls);store('skin',cls);return false;}function store(name,val){if(typeof(Storage)!=="undefined"){localStorage.setItem(name,val);}else{alert('Please use a modern browser to properly view this template!');}}function get(name){if(typeof(Storage)!=="undefined"){return localStorage.getItem(name);}else{alert('Please use a modern browser to properly view this template!');}}function setup(){var tmp=get('skin');if(tmp&&$.inArray(tmp,my_skins))change_skin(tmp);$("[data-skin]").on('click',function(e){e.preventDefault();change_skin($(this).data('skin'));});$("[data-layout]").on('click',function(){change_layout($(this).data('layout'));});$("[data-controlsidebar]").on('click',function(){change_layout($(this).data('controlsidebar'));var slide=!AdminLTE.options.controlSidebarOptions.slide;AdminLTE.options.controlSidebarOptions.slide=slide;if(!slide)$('.control-sidebar').removeClass('control-sidebar-open');});$("[data-sidebarskin='toggle']").on('click',function(){var sidebar=$(".control-sidebar");if(sidebar.hasClass("control-sidebar-dark")){sidebar.removeClass("control-sidebar-dark")
sidebar.addClass("control-sidebar-light")}else{sidebar.removeClass("control-sidebar-light")
sidebar.addClass("control-sidebar-dark")}});$("[data-enable='expandOnHover']").on('click',function(){$(this).attr('disabled',true);AdminLTE.pushMenu.expandOnHover();if(!$('body').hasClass('sidebar-collapse'))$("[data-layout='sidebar-collapse']").click();});if($('body').hasClass('fixed')){$("[data-layout='fixed']").attr('checked','checked');}if($('body').hasClass('layout-boxed')){$("[data-layout='layout-boxed']").attr('checked','checked');}if($('body').hasClass('sidebar-collapse')){$("[data-layout='sidebar-collapse']").attr('checked','checked');}}})(jQuery,$.AdminLTE);