$(document).ready - Code Metrics - Inspection of "update" - yuncms/framework - Measure and Improve Code Quality continuously with Scrutinizer

Completed

Push — master ( 412337...da42d7 )

by Xu

created 2018-03-26 04:59 UTC

$(document).ready B

↳ Parent: src/web/assets/inspinia/src/js/inspinia.js

Complexity

Conditions	2
Paths	4

Size

Total Lines

172

Duplication

Lines	172
Ratio	100 %

Importance

Changes	2
Bugs	0	Features	0

Metric	Value
cc	2
c	2
b	0
f	0
nc	4
nop	0
dl	172
loc	172
rs	8.2857

12 Functions

Rating	Duplication	Size	Complexity
A	7	7	3
A	10	10	1
A	4	4	1
A	3	3	1
A	5	5	2
A	8	8	2
A	7	7	1
A	12	12	1
A	5	5	1
A	4	4	1
A	4	4	1
B	24	24	5

How to fix Long Method

/*
 *
 *   INSPINIA - Responsive Admin Theme
 *   version 2.7
 *
 */

$(document).ready(function () {


    // Add body-small class if window less than 768px
    if ($(this).width() < 769) {
        $('body').addClass('body-small')
    } else {
        $('body').removeClass('body-small')
    }

    // MetisMenu
    $('#side-menu').metisMenu();

    // Collapse ibox function
    $('.collapse-link').on('click', function () {
        var ibox = $(this).closest('div.ibox');
        var button = $(this).find('i');
        var content = ibox.children('.ibox-content');
        content.slideToggle(200);
        button.toggleClass('fa-chevron-up').toggleClass('fa-chevron-down');
        ibox.toggleClass('').toggleClass('border-bottom');
        setTimeout(function () {
            ibox.resize();
            ibox.find('[id^=map-]').resize();
        }, 50);
    });

    // Close ibox function
    $('.close-link').on('click', function () {
        var content = $(this).closest('div.ibox');
        content.remove();
    });

    // Fullscreen ibox function
    $('.fullscreen-link').on('click', function () {
        var ibox = $(this).closest('div.ibox');
        var button = $(this).find('i');
        $('body').toggleClass('fullscreen-ibox-mode');
        button.toggleClass('fa-expand').toggleClass('fa-compress');
        ibox.toggleClass('fullscreen');
        setTimeout(function () {
            $(window).trigger('resize');
        }, 100);
    });

    // Close menu in canvas mode
    $('.close-canvas-menu').on('click', function () {
        $("body").toggleClass("mini-navbar");
        SmoothlyMenu();
    });

    // Run menu of canvas
    $('body.canvas-menu .sidebar-collapse').slimScroll({
        height: '100%',
        railOpacity: 0.9
    });

    // Open close right sidebar
    $('.right-sidebar-toggle').on('click', function () {
        $('#right-sidebar').toggleClass('sidebar-open');
    });

    // Initialize slimscroll for right sidebar
    $('.sidebar-container').slimScroll({
        height: '100%',
        railOpacity: 0.4,
        wheelStep: 10
    });

    // Open close small chat
    $('.open-small-chat').on('click', function () {
        $(this).children().toggleClass('fa-comments').toggleClass('fa-remove');
        $('.small-chat-box').toggleClass('active');
    });

    // Initialize slimscroll for small chat
    $('.small-chat-box .content').slimScroll({
        height: '234px',
        railOpacity: 0.4
    });

    // Small todo handler
    $('.check-link').on('click', function () {
        var button = $(this).find('i');
        var label = $(this).next('span');
        button.toggleClass('fa-check-square').toggleClass('fa-square-o');
        label.toggleClass('todo-completed');
        return false;
    });

    // Append config box / Only for demo purpose
    // Uncomment on server mode to enable XHR calls
    // $.get("skin-config.html", function (data) {
    //     if (!$('body').hasClass('no-skin-config'))
    //         $('body').append(data);
    // });

    // Minimalize menu
    $('.navbar-minimalize').on('click', function () {
        $("body").toggleClass("mini-navbar");
        SmoothlyMenu();

    });

    // Tooltips demo
    $('.tooltip-demo').tooltip({
        selector: "[data-toggle=tooltip]",
        container: "body"
    });


    // Full height of sidebar
    function fix_height() {
        var heightWithoutNavbar = $("body > #wrapper").height() - 61;
        $(".sidebar-panel").css("min-height", heightWithoutNavbar + "px");

        var navbarheight = $('nav.navbar-default').height();
        var wrapperHeight = $('#page-wrapper').height();

        if (navbarheight > wrapperHeight) {
            $('#page-wrapper').css("min-height", navbarheight + "px");
        }

        if (navbarheight < wrapperHeight) {
            $('#page-wrapper').css("min-height", $(window).height() + "px");
        }

        if ($('body').hasClass('fixed-nav')) {
            if (navbarheight > wrapperHeight) {
                $('#page-wrapper').css("min-height", navbarheight + "px");
            } else {
                $('#page-wrapper').css("min-height", $(window).height() - 60 + "px");
            }
        }

    }

    fix_height();

    // Fixed Sidebar
    $(window).bind("load", function () {
        if ($("body").hasClass('fixed-sidebar')) {
            $('.sidebar-collapse').slimScroll({
                height: '100%',
                railOpacity: 0.9
            });
        }
    });

    // Move right sidebar top after scroll
    $(window).scroll(function () {
        if ($(window).scrollTop() > 0 && !$('body').hasClass('fixed-nav')) {
            $('#right-sidebar').addClass('sidebar-top');
        } else {
            $('#right-sidebar').removeClass('sidebar-top');
        }
    });

    $(window).bind("load resize scroll", function () {
        if (!$("body").hasClass('body-small')) {
            fix_height();
        }
    });

    $("[data-toggle=popover]")
        .popover();

    // Add slimscroll to element
    $('.full-height-scroll').slimscroll({
        height: '100%'
    })
});


// Minimalize menu when screen is less than 768px
$(window).bind("resize", function () {
    if ($(this).width() < 769) {
        $('body').addClass('body-small')
    } else {
        $('body').removeClass('body-small')
    }
});

// Local Storage functions
// Set proper body class and plugins based on user configuration
$(document).ready(function () {
    if (localStorageSupport()) {

        var collapse = localStorage.getItem("collapse_menu");

        var fixedsidebar = localStorage.getItem("fixedsidebar");
        var fixednavbar = localStorage.getItem("fixednavbar");
        var boxedlayout = localStorage.getItem("boxedlayout");
        var fixedfooter = localStorage.getItem("fixedfooter");

        var body = $('body');

        if (fixedsidebar == 'on') {
            body.addClass('fixed-sidebar');
            $('.sidebar-collapse').slimScroll({
                height: '100%',
                railOpacity: 0.9
            });
        }

        if (collapse == 'on') {
            if (body.hasClass('fixed-sidebar')) {
                if (!body.hasClass('body-small')) {
                    body.addClass('mini-navbar');
                }
            } else {
                if (!body.hasClass('body-small')) {
                    body.addClass('mini-navbar');
                }

            }
        }

        if (fixednavbar == 'on') {
            $(".navbar-static-top").removeClass('navbar-static-top').addClass('navbar-fixed-top');
            body.addClass('fixed-nav');
        }

        if (boxedlayout == 'on') {
            body.addClass('boxed-layout');
        }

        if (fixedfooter == 'on') {
            $(".footer").addClass('fixed');
        }
    }
});

// check if browser support HTML5 local storage
function localStorageSupport() {
    return (('localStorage' in window) && window['localStorage'] !== null)
}

// For demo purpose - animation css script
function animationHover(element, animation) {
    element = $(element);
    element.hover(
        function () {
            element.addClass('animated ' + animation);
        },
        function () {
            //wait for animation to finish before removing classes
            window.setTimeout(function () {
                element.removeClass('animated ' + animation);
            }, 2000);
        });
}

function SmoothlyMenu() {
    if (!$('body').hasClass('mini-navbar') || $('body').hasClass('body-small')) {
        // Hide menu in order to smoothly turn on when maximize menu
        $('#side-menu').hide();
        // For smoothly turn on menu
        setTimeout(
            function () {
                $('#side-menu').fadeIn(400);
            }, 200);
    } else if ($('body').hasClass('fixed-sidebar')) {
        $('#side-menu').hide();
        setTimeout(
            function () {
                $('#side-menu').fadeIn(400);
            }, 100);
    } else {
        // Remove all inline style from jquery fadeIn function to reset menu state
        $('#side-menu').removeAttr('style');
    }
}

// Dragable panels
function WinMove() {
    var element = "[class*=col]";
    var handle = ".ibox-title";
    var connect = "[class*=col]";
    $(element).sortable(
        {
            handle: handle,
            connectWith: connect,
            tolerance: 'pointer',
            forcePlaceholderSize: true,
            opacity: 0.8
        })
        .disableSelection();
}




1		/*
2		*
3		* INSPINIA - Responsive Admin Theme
4		* version 2.7
5		*
6		*/
7
8	View Code Duplication	$(document).ready(function () {
9
10
11		// Add body-small class if window less than 768px
12		if ($(this).width() < 769) {
13		$('body').addClass('body-small')
14		} else {
15		$('body').removeClass('body-small')
16		}
17
18		// MetisMenu
19		$('#side-menu').metisMenu();
20
21		// Collapse ibox function
22		$('.collapse-link').on('click', function () {
23		var ibox = $(this).closest('div.ibox');
24		var button = $(this).find('i');
25		var content = ibox.children('.ibox-content');
26		content.slideToggle(200);
27		button.toggleClass('fa-chevron-up').toggleClass('fa-chevron-down');
28		ibox.toggleClass('').toggleClass('border-bottom');
29		setTimeout(function () {
30		ibox.resize();
31		ibox.find('[id^=map-]').resize();
32		}, 50);
33		});
34
35		// Close ibox function
36		$('.close-link').on('click', function () {
37		var content = $(this).closest('div.ibox');
38		content.remove();
39		});
40
41		// Fullscreen ibox function
42		$('.fullscreen-link').on('click', function () {
43		var ibox = $(this).closest('div.ibox');
44		var button = $(this).find('i');
45		$('body').toggleClass('fullscreen-ibox-mode');
46		button.toggleClass('fa-expand').toggleClass('fa-compress');
47		ibox.toggleClass('fullscreen');
48		setTimeout(function () {
49		$(window).trigger('resize');
50		}, 100);
51		});
52
53		// Close menu in canvas mode
54		$('.close-canvas-menu').on('click', function () {
55		$("body").toggleClass("mini-navbar");
56		SmoothlyMenu();
57		});
58
59		// Run menu of canvas
60		$('body.canvas-menu .sidebar-collapse').slimScroll({
61		height: '100%',
62		railOpacity: 0.9
63		});
64
65		// Open close right sidebar
66		$('.right-sidebar-toggle').on('click', function () {
67		$('#right-sidebar').toggleClass('sidebar-open');
68		});
69
70		// Initialize slimscroll for right sidebar
71		$('.sidebar-container').slimScroll({
72		height: '100%',
73		railOpacity: 0.4,
74		wheelStep: 10
75		});
76
77		// Open close small chat
78		$('.open-small-chat').on('click', function () {
79		$(this).children().toggleClass('fa-comments').toggleClass('fa-remove');
80		$('.small-chat-box').toggleClass('active');
81		});
82
83		// Initialize slimscroll for small chat
84		$('.small-chat-box .content').slimScroll({
85		height: '234px',
86		railOpacity: 0.4
87		});
88
89		// Small todo handler
90		$('.check-link').on('click', function () {
91		var button = $(this).find('i');
92		var label = $(this).next('span');
93		button.toggleClass('fa-check-square').toggleClass('fa-square-o');
94		label.toggleClass('todo-completed');
95		return false;
96		});
97
98		// Append config box / Only for demo purpose
99		// Uncomment on server mode to enable XHR calls
100		// $.get("skin-config.html", function (data) {
101		// if (!$('body').hasClass('no-skin-config'))
102		// $('body').append(data);
103		// });
104
105		// Minimalize menu
106		$('.navbar-minimalize').on('click', function () {
107		$("body").toggleClass("mini-navbar");
108		SmoothlyMenu();
109
110		});
111
112		// Tooltips demo
113		$('.tooltip-demo').tooltip({
114		selector: "[data-toggle=tooltip]",
115		container: "body"
116		});
117
118
119		// Full height of sidebar
120		function fix_height() {
121		var heightWithoutNavbar = $("body > #wrapper").height() - 61;
122		$(".sidebar-panel").css("min-height", heightWithoutNavbar + "px");
123
124		var navbarheight = $('nav.navbar-default').height();
125		var wrapperHeight = $('#page-wrapper').height();
126
127		if (navbarheight > wrapperHeight) {
128		$('#page-wrapper').css("min-height", navbarheight + "px");
129		}
130
131		if (navbarheight < wrapperHeight) {
132		$('#page-wrapper').css("min-height", $(window).height() + "px");
133		}
134
135		if ($('body').hasClass('fixed-nav')) {
136		if (navbarheight > wrapperHeight) {
137		$('#page-wrapper').css("min-height", navbarheight + "px");
138		} else {
139		$('#page-wrapper').css("min-height", $(window).height() - 60 + "px");
140		}
141		}
142
143		}
144
145		fix_height();
146
147		// Fixed Sidebar
148		$(window).bind("load", function () {
149		if ($("body").hasClass('fixed-sidebar')) {
150		$('.sidebar-collapse').slimScroll({
151		height: '100%',
152		railOpacity: 0.9
153		});
154		}
155		});
156
157		// Move right sidebar top after scroll
158		$(window).scroll(function () {
159		if ($(window).scrollTop() > 0 && !$('body').hasClass('fixed-nav')) {
160		$('#right-sidebar').addClass('sidebar-top');
161		} else {
162		$('#right-sidebar').removeClass('sidebar-top');
163		}
164		});
165
166		$(window).bind("load resize scroll", function () {
167		if (!$("body").hasClass('body-small')) {
168		fix_height();
169		}
170		});
171
172		$("[data-toggle=popover]")
173		.popover();
174
175		// Add slimscroll to element
176		$('.full-height-scroll').slimscroll({
177		height: '100%'
178		})
179		});
180
181
182		// Minimalize menu when screen is less than 768px
183		$(window).bind("resize", function () {
184		if ($(this).width() < 769) {
185		$('body').addClass('body-small')
186		} else {
187		$('body').removeClass('body-small')
188		}
189		});
190
191		// Local Storage functions
192		// Set proper body class and plugins based on user configuration
193		$(document).ready(function () {
194		if (localStorageSupport()) {
195
196		var collapse = localStorage.getItem("collapse_menu");
		0 ignored issues – show Bug introduced 2018-03-26 10:02 UTC by Report Bug Copy Issue Report The variable `localStorage` seems to be never declared. If this is a global, consider adding a `/** global: localStorage */` comment. This checks looks for references to variables that have not been declared. This is most likey a typographical error or a variable has been renamed. To learn more about declaring variables in Javascript, see the MDN. Loading history...
197		var fixedsidebar = localStorage.getItem("fixedsidebar");
198		var fixednavbar = localStorage.getItem("fixednavbar");
199		var boxedlayout = localStorage.getItem("boxedlayout");
200		var fixedfooter = localStorage.getItem("fixedfooter");
201
202		var body = $('body');
203
204		if (fixedsidebar == 'on') {
205		body.addClass('fixed-sidebar');
206		$('.sidebar-collapse').slimScroll({
207		height: '100%',
208		railOpacity: 0.9
209		});
210		}
211
212		if (collapse == 'on') {
213		if (body.hasClass('fixed-sidebar')) {
214		if (!body.hasClass('body-small')) {
215		body.addClass('mini-navbar');
216		}
217		} else {
218		if (!body.hasClass('body-small')) {
219		body.addClass('mini-navbar');
220		}
221
222		}
223		}
224
225		if (fixednavbar == 'on') {
226		$(".navbar-static-top").removeClass('navbar-static-top').addClass('navbar-fixed-top');
227		body.addClass('fixed-nav');
228		}
229
230		if (boxedlayout == 'on') {
231		body.addClass('boxed-layout');
232		}
233
234		if (fixedfooter == 'on') {
235		$(".footer").addClass('fixed');
236		}
237		}
238		});
239
240		// check if browser support HTML5 local storage
241		function localStorageSupport() {
242		return (('localStorage' in window) && window['localStorage'] !== null)
243		}
244
245		// For demo purpose - animation css script
246		function animationHover(element, animation) {
247		element = $(element);
248		element.hover(
249		function () {
250		element.addClass('animated ' + animation);
251		},
252		function () {
253		//wait for animation to finish before removing classes
254		window.setTimeout(function () {
255		element.removeClass('animated ' + animation);
256		}, 2000);
257		});
258		}
259
260		function SmoothlyMenu() {
261		if (!$('body').hasClass('mini-navbar') \|\| $('body').hasClass('body-small')) {
262		// Hide menu in order to smoothly turn on when maximize menu
263		$('#side-menu').hide();
264		// For smoothly turn on menu
265		setTimeout(
266		function () {
267		$('#side-menu').fadeIn(400);
268		}, 200);
269		} else if ($('body').hasClass('fixed-sidebar')) {
270		$('#side-menu').hide();
271		setTimeout(
272		function () {
273		$('#side-menu').fadeIn(400);
274		}, 100);
275		} else {
276		// Remove all inline style from jquery fadeIn function to reset menu state
277		$('#side-menu').removeAttr('style');
278		}
279		}
280
281		// Dragable panels
282		function WinMove() {
283		var element = "[class*=col]";
284		var handle = ".ibox-title";
285		var connect = "[class*=col]";
286		$(element).sortable(
287		{
288		handle: handle,
289		connectWith: connect,
290		tolerance: 'pointer',
291		forcePlaceholderSize: true,
292		opacity: 0.8
293		})
294		.disableSelection();
295		}
296
297
298

yuncms / framework

Push — master ( 412337...da42d7 )

$(document).ready B

Complexity

Size

Duplication

Importance

12 Functions

How to fix Long Method

Long Method

Duplication Side-by-Side

Filter issues like