/** * AdminLTE Demo Menu * ------------------ * You should not use this file in production. * This file is for demo purposes only. */ $(function () { 'use strict' /** * Get access to plugins */ $('[data-toggle="control-sidebar"]').controlSidebar() $('[data-toggle="push-menu"]').pushMenu() var $pushMenu = $('[data-toggle="push-menu"]').data('lte.pushmenu') var $controlSidebar = $('[data-toggle="control-sidebar"]').data('lte.controlsidebar') var $layout = $('body').data('lte.layout') /** * List of all the available skins * * @type Array */ var mySkins = [ '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' ] /** * Get a prestored setting * * @param String name Name of of the setting * @returns String The value of the setting | null */ function get(name) { if (typeof (Storage) !== 'undefined') { return localStorage.getItem(name) } else { window.alert('Please use a modern browser to properly view this template!') } } /** * Store a new settings in the browser * * @param String name Name of the setting * @param String val Value of the setting * @returns void */ function store(name, val) { if (typeof (Storage) !== 'undefined') { localStorage.setItem(name, val) } else { window.alert('Please use a modern browser to properly view this template!') } } /** * Toggles layout classes * * @param String cls the layout class to toggle * @returns void */ function changeLayout(cls) { $('body').toggleClass(cls) $layout.fixSidebar() if ($('body').hasClass('fixed') && cls == 'fixed') { $pushMenu.expandOnHover() $layout.activate() } $controlSidebar.fix() } /** * Replaces the old skin with the new skin * @param String cls the new skin class * @returns Boolean false to prevent link's default action */ function changeSkin(cls) { $.each(mySkins, function (i) { $('body').removeClass(mySkins[i]) }) $('body').addClass(cls) store('skin', cls) return false } /** * Retrieve default settings and apply them to the template * * @returns void */ function setup() { $pushMenu.expandOnHover(); var formLayout = get('formLayout') console.log(formLayout); var tmp = get('skin') if (tmp && $.inArray(tmp, mySkins)) changeSkin(tmp) // set Layout type changeLayout(formLayout); //alert(tmp); // Add the change skin listener $('[data-skin]').on('click', function (e) { if ($(this).hasClass('knob')) return e.preventDefault() changeSkin($(this).data('skin')) }) // Add the layout manager $('[data-layout]').on('click', function () { var fl = $(this).data('layout'); store('formLayout', fl); changeLayout(fl); //location.reload(); }) $('[data-controlsidebar]').on('click', function () { changeLayout($(this).data('controlsidebar')) var slide = !$controlSidebar.options.slide $controlSidebar.options.slide = slide if (!slide) $('.control-sidebar').removeClass('control-sidebar-open') }) // Reset options 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') } if ($('body').hasClass('sidebar-normal')) { $('[data-layout="sidebar-normal"]').attr('checked', 'checked') } } // Create the new tab var $tabPane = $('
', { 'id' : 'control-sidebar-theme-demo-options-tab', 'class': 'tab-pane active' }) // Create the tab button var $tabButton = $('', { 'class': 'active' }) .html('' + '' + '') // Add the tab button to the right sidebar tabs $('[href="#control-sidebar-home-tab"]') .parent() .before($tabButton) // Create the menu var $demoSettings = $('') // Layout options $demoSettings.append( 'Os menus permanecerão móveis. A tela é aproveitada em 100%.
' + 'Os menus permanecerão imóveis. Isto pode agilizar a navegação entre eles.
' + 'Centraliza o sistema, reduzindo o contato com as bordas.
' + 'A tela é preenchida e o menu lateral é escondido, ao passar o mouse o menu é aberto.
' + 'Marinho
') $skinsList.append($skinBlue) var $skinBlack = $('', { style: 'float:left; width: 33.33333%; padding: 5px;' }) .append('' + 'Preto
') $skinsList.append($skinBlack) var $skinPurple = $('', { style: 'float:left; width: 33.33333%; padding: 5px;' }) .append('' + 'Púrpura
') $skinsList.append($skinPurple) var $skinGreen = $('', { style: 'float:left; width: 33.33333%; padding: 5px;' }) .append('' + 'Verde
') $skinsList.append($skinGreen) var $skinRed = $('', { style: 'float:left; width: 33.33333%; padding: 5px;' }) .append('' + 'Vermelho
') $skinsList.append($skinRed) var $skinYellow = $('', { style: 'float:left; width: 33.33333%; padding: 5px;' }) .append('' + 'Amarelo
') $skinsList.append($skinYellow) // Light sidebar skins var $skinBlueLight = $('', { style: 'float:left; width: 33.33333%; padding: 5px;' }) .append('' + 'Azul
') $skinsList.append($skinBlueLight) var $skinBlackLight = $('', { style: 'float:left; width: 33.33333%; padding: 5px;' }) .append('' + 'Branco
') $skinsList.append($skinBlackLight) var $skinPurpleLight = $('', { style: 'float:left; width: 33.33333%; padding: 5px;' }) .append('' + 'Roxo
') $skinsList.append($skinPurpleLight) var $skinGreenLight = $('', { style: 'float:left; width: 33.33333%; padding: 5px;' }) .append('' + 'Verde
') $skinsList.append($skinGreenLight) var $skinRedLight = $('', { style: 'float:left; width: 33.33333%; padding: 5px;' }) .append('' + 'Vermelho 2
') $skinsList.append($skinRedLight) var $skinYellowLight = $('', { style: 'float:left; width: 33.33333%; padding: 5px;' }) .append('' + 'Sol
') $skinsList.append($skinYellowLight) $demoSettings.append('