From 57c62f42229ee2298fc1ea97a3bf282f69759cf0 Mon Sep 17 00:00:00 2001 From: Abdullah Almsaeed Date: Sun, 26 Feb 2017 16:05:36 -0500 Subject: [PATCH] Make JSHint happy --- dist/js/demo.js | 221 +++++++++++++++++++++++++----------------------- 1 file changed, 114 insertions(+), 107 deletions(-) diff --git a/dist/js/demo.js b/dist/js/demo.js index af6e13372..65dcc9e13 100644 --- a/dist/js/demo.js +++ b/dist/js/demo.js @@ -4,9 +4,19 @@ * You should not use this file in production. * This file is for demo purposes only. */ -(function ($, AdminLTE) { +$(function () { + 'use strict' - '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 @@ -26,7 +36,7 @@ 'skin-yellow-light', 'skin-purple-light', 'skin-green-light' - ]; + ] /** * Get a prestored setting @@ -36,9 +46,9 @@ */ function get(name) { if (typeof (Storage) !== 'undefined') { - return localStorage.getItem(name); + return localStorage.getItem(name) } else { - window.alert('Please use a modern browser to properly view this template!'); + window.alert('Please use a modern browser to properly view this template!') } } @@ -51,9 +61,9 @@ */ function store(name, val) { if (typeof (Storage) !== 'undefined') { - localStorage.setItem(name, val); + localStorage.setItem(name, val) } else { - window.alert('Please use a modern browser to properly view this template!'); + window.alert('Please use a modern browser to properly view this template!') } } @@ -64,17 +74,13 @@ * @returns void */ function changeLayout(cls) { - $('body').toggleClass(cls); - AdminLTE.layout.fixSidebar(); - // Fix the problem with right sidebar and layout boxed - if (cls == 'layout-boxed') - AdminLTE.controlSidebar._fix($('.control-sidebar-bg')); + $('body').toggleClass(cls) + $layout.fixSidebar() if ($('body').hasClass('fixed') && cls == 'fixed') { - AdminLTE.pushMenu.expandOnHover(); - AdminLTE.layout.activate(); + $pushMenu.expandOnHover() + $layout.activate() } - AdminLTE.controlSidebar._fix($('.control-sidebar-bg')); - AdminLTE.controlSidebar._fix($('.control-sidebar')); + $controlSidebar.fix() } /** @@ -84,12 +90,12 @@ */ function changeSkin(cls) { $.each(mySkins, function (i) { - $('body').removeClass(mySkins[i]); - }); + $('body').removeClass(mySkins[i]) + }) - $('body').addClass(cls); - store('skin', cls); - return false; + $('body').addClass(cls) + store('skin', cls) + return false } /** @@ -98,33 +104,34 @@ * @returns void */ function setup() { - var tmp = get('skin'); + var tmp = get('skin') if (tmp && $.inArray(tmp, mySkins)) - changeSkin(tmp); + changeSkin(tmp) // Add the change skin listener $('[data-skin]').on('click', function (e) { if ($(this).hasClass('knob')) - return; - e.preventDefault(); - changeSkin($(this).data('skin')); - }); + return + e.preventDefault() + changeSkin($(this).data('skin')) + }) // Add the layout manager $('[data-layout]').on('click', function () { - changeLayout($(this).data('layout')); - }); + changeLayout($(this).data('layout')) + }) $('[data-controlsidebar]').on('click', function () { - changeLayout($(this).data('controlsidebar')); - var slide = !AdminLTE.options.controlSidebarOptions.slide; - AdminLTE.options.controlSidebarOptions.slide = slide; + changeLayout($(this).data('controlsidebar')) + var slide = !$controlSidebar.options.slide + + $controlSidebar.options.slide = slide if (!slide) - $('.control-sidebar').removeClass('control-sidebar-open'); - }); + $('.control-sidebar').removeClass('control-sidebar-open') + }) $('[data-sidebarskin="toggle"]').on('click', function () { - var $sidebar = $('.control-sidebar'); + var $sidebar = $('.control-sidebar') if ($sidebar.hasClass('control-sidebar-dark')) { $sidebar.removeClass('control-sidebar-dark') $sidebar.addClass('control-sidebar-light') @@ -132,24 +139,24 @@ $sidebar.removeClass('control-sidebar-light') $sidebar.addClass('control-sidebar-dark') } - }); + }) $('[data-enable="expandOnHover"]').on('click', function () { - $(this).attr('disabled', true); - AdminLTE.pushMenu.expandOnHover(); + $(this).attr('disabled', true) + $pushMenu.expandOnHover() if (!$('body').hasClass('sidebar-collapse')) - $('[data-layout="sidebar-collapse"]').click(); - }); + $('[data-layout="sidebar-collapse"]').click() + }) // Reset options if ($('body').hasClass('fixed')) { - $('[data-layout="fixed"]').attr('checked', 'checked'); + $('[data-layout="fixed"]').attr('checked', 'checked') } if ($('body').hasClass('layout-boxed')) { - $('[data-layout="layout-boxed"]').attr('checked', 'checked'); + $('[data-layout="layout-boxed"]').attr('checked', 'checked') } if ($('body').hasClass('sidebar-collapse')) { - $('[data-layout="sidebar-collapse"]').attr('checked', 'checked'); + $('[data-layout="sidebar-collapse"]').attr('checked', 'checked') } } @@ -158,21 +165,21 @@ 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); + .before($tabButton) // Create the menu - var $demoSettings = $('
    '); + var $demoSettings = $('
    ') // Layout options $demoSettings.append( @@ -227,114 +234,114 @@ + '' + '

    Toggle between dark and light skins for the right sidebar

    ' + '
    ' - ); - var $skinsList = $('
      ', { 'class': 'list-unstyled clearfix' }); + ) + var $skinsList = $('
        ', { 'class': 'list-unstyled clearfix' }) // Dark sidebar skins var $skinBlue = $('
      • ', { style: 'float:left; width: 33.33333%; padding: 5px;' }) - .append('' - + '
        ' - + '
        ' + .append('        ' + + '
        ' + + '
        ' + '        ' - + '

        Blue

        '); - $skinsList.append($skinBlue); + + '

        Blue

        ') + $skinsList.append($skinBlue) var $skinBlack = $('
      • ', { style: 'float:left; width: 33.33333%; padding: 5px;' }) - .append('' - + '
        ' - + '
        ' + .append('        ' + + '
        ' + + '
        ' + '        ' - + '

        Black

        '); - $skinsList.append($skinBlack); + + '

        Black

        ') + $skinsList.append($skinBlack) var $skinPurple = $('
      • ', { style: 'float:left; width: 33.33333%; padding: 5px;' }) - .append('' + .append('' + '
        ' - + '
        ' + + '
        ' + '        ' - + '

        Purple

        '); - $skinsList.append($skinPurple); + + '

        Purple

        ') + $skinsList.append($skinPurple) var $skinGreen = $('
      • ', { style: 'float:left; width: 33.33333%; padding: 5px;' }) - .append('' + .append('' + '
        ' - + '
        ' + + '
        ' + '        ' - + '

        Green

        '); - $skinsList.append($skinGreen); + + '

        Green

        ') + $skinsList.append($skinGreen) var $skinRed = $('
      • ', { style: 'float:left; width: 33.33333%; padding: 5px;' }) - .append('' + .append('' + '
        ' - + '
        ' + + '
        ' + '        ' - + '

        Red

        '); - $skinsList.append($skinRed); + + '

        Red

        ') + $skinsList.append($skinRed) var $skinYellow = $('
      • ', { style: 'float:left; width: 33.33333%; padding: 5px;' }) - .append('' + .append('' + '
        ' - + '
        ' + + '
        ' + '        ' - + '

        Yellow

        '); - $skinsList.append($skinYellow); + + '

        Yellow

        ') + $skinsList.append($skinYellow) // Light sidebar skins var $skinBlueLight = $('
      • ', { style: 'float:left; width: 33.33333%; padding: 5px;' }) - .append('' - + '
        ' - + '
        ' + .append('        ' + + '
        ' + + '
        ' + '        ' - + '

        Blue Light

        '); - $skinsList.append($skinBlueLight); + + '

        Blue Light

        ') + $skinsList.append($skinBlueLight) var $skinBlackLight = $('
      • ', { style: 'float:left; width: 33.33333%; padding: 5px;' }) - .append('' - + '
        ' - + '
        ' + .append('        ' + + '
        ' + + '
        ' + '        ' - + '

        Black Light

        '); - $skinsList.append($skinBlackLight); + + '

        Black Light

        ') + $skinsList.append($skinBlackLight) var $skinPurpleLight = $('
      • ', { style: 'float:left; width: 33.33333%; padding: 5px;' }) - .append('' + .append('' + '
        ' - + '
        ' + + '
        ' + '        ' - + '

        Purple Light

        '); - $skinsList.append($skinPurpleLight); + + '

        Purple Light

        ') + $skinsList.append($skinPurpleLight) var $skinGreenLight = $('
      • ', { style: 'float:left; width: 33.33333%; padding: 5px;' }) - .append('' + .append('' + '
        ' - + '
        ' + + '
        ' + '        ' - + '

        Green Light

        '); - $skinsList.append($skinGreenLight); + + '

        Green Light

        ') + $skinsList.append($skinGreenLight) var $skinRedLight = $('
      • ', { style: 'float:left; width: 33.33333%; padding: 5px;' }) - .append('' + .append('' + '
        ' - + '
        ' + + '
        ' + '        ' - + '

        Red Light

        '); - $skinsList.append($skinRedLight); + + '

        Red Light

        ') + $skinsList.append($skinRedLight) var $skinYellowLight = $('
      • ', { style: 'float:left; width: 33.33333%; padding: 5px;' }) - .append('' + .append('' + '
        ' - + '
        ' + + '
        ' + '        ' - + '

        Yellow Light

        '); - $skinsList.append($skinYellowLight); + + '

        Yellow Light

        ') + $skinsList.append($skinYellowLight) - $demoSettings.append('

        Skins

        '); - $demoSettings.append($skinsList); + $demoSettings.append('

        Skins

        ') + $demoSettings.append($skinsList) - $tabPane.append($demoSettings); - $('#control-sidebar-home-tab').after($tabPane); + $tabPane.append($demoSettings) + $('#control-sidebar-home-tab').after($tabPane) - setup(); -})(jQuery, $.AdminLTE); + setup() +})