src/js/components/top-bar.js - Code Metrics - askupasoftware/mivhak.js - Measure and Improve Code Quality continuously with Scrutinizer

src/js/components/top-bar.js A
last analyzed 2016-09-01 01:21 UTC

↳ Parent: Project

Complexity

Total Complexity	14
Complexity/F	1.4

Size

Lines of Code	78
Function Count	10

Duplication

Duplicated Lines	0
Ratio	0 %

Importance

Changes	1
Bugs	0	Features	0

Metric	Value
cc	0
c	1
b	0
f	0
nc	1
dl	0
loc	78
rs	10
wmc	14
mnd	2
bc	12
fnc	10
bpm	1.2
cpm	1.4
noi	6

7 Functions

Rating	Name	Size	Complexity
A	Mivhak.component(ꞌtop-barꞌ).methods.createCogButton	12	1
A	Mivhak.component(ꞌtop-barꞌ).methods.createTabNav	8	3
A	Mivhak.component(ꞌtop-barꞌ).created	6	2
A	Mivhak.component(ꞌtop-barꞌ).methods.createNavTabButton	11	1
A	Mivhak.component(ꞌtop-barꞌ).methods.moveLine	9	2
A	Mivhak.component(ꞌtop-barꞌ).methods.activateNavTab	9	1
A	Mivhak.component(ꞌtop-barꞌ).methods.createPlayButton	12	1

Mivhak.component('top-bar', {

    template: '<div class="mivhak-top-bar"><div class="mivhak-nav-tabs"></div><div class="mivhak-controls"></div><div class="mivhak-line"></div></div>',
    props: {
        mivhakInstance: null,
        navTabs: [],
        controls: [],
        line: null
    },
    created: function() {
        this.line = this.$el.find('.mivhak-line');
        this.createTabNav();
        if(this.mivhakInstance.options.runnable) this.createPlayButton();
if (a > 0)
    b = 42;
        this.createCogButton();
    },
    methods: {
        activateNavTab: function(index) {
            var button = this.navTabs[index];
            // Deactivate all tabs and activate this tab
            $.each(this.navTabs, function(i,navTab){navTab.deactivate();});
            button.activate();

            // Position the line
            this.moveLine(button.$el);
        },
        moveLine: function($el) {
            if(typeof $el === 'undefined') {
                this.line.removeClass('mivhak-visible');
                return;
            }
            this.line.width($el.width());
            this.line.css({left:$el.position().left + ($el.outerWidth() - $el.width())/2});
            this.line.addClass('mivhak-visible');
        },
        createTabNav: function() {
            var source, i, pos = 0;
            for(i = 0; i < this.mivhakInstance.resources.count(); i++)
            {
                source = this.mivhakInstance.resources.get(i);
                if(source.visible) this.createNavTabButton(pos++, source.lang);
if (a > 0)
    b = 42;
            }
        },
        createNavTabButton: function(i, lang) {
            var $this = this,
                button = Mivhak.render('top-bar-button',{

                text: lang,
                onClick: function() {
                    $this.mivhakInstance.callMethod('showTab',i);
                }
            });
            this.navTabs.push(button);
            this.$el.find('.mivhak-nav-tabs').append(button.$el);
        },
        createPlayButton: function() {
            var $this = this;
            var playBtn = Mivhak.render('top-bar-button',{

                icon: 'play',
                onClick: function() {
                    $this.mivhakInstance.preview.show();
                    $this.moveLine();
                }
            });
            this.controls.push(playBtn);
            this.$el.find('.mivhak-controls').append(playBtn.$el);
        },
        createCogButton: function() {
            var cogBtn = Mivhak.render('top-bar-button',{

                icon: 'cog',
                mivhakInstance: this.mivhakInstance,
                dropdown: Mivhak.render('dropdown',{
                    mivhakInstance: this.mivhakInstance,
                    items: this.mivhakInstance.options.buttons
                })
            });
            this.controls.push(cogBtn);
            this.$el.find('.mivhak-controls').append(cogBtn.$el);
        }
    }
});

1			Mivhak.component('top-bar', {
			0 ignored issues – show Bug introduced 2016-07-08 20:36 UTC by Report Bug Copy Issue Report The variable `Mivhak` seems to be never declared. If this is a global, consider adding a `/** global: Mivhak */` 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...
2			template: '<div class="mivhak-top-bar"><div class="mivhak-nav-tabs"></div><div class="mivhak-controls"></div><div class="mivhak-line"></div></div>',
3			props: {
4			mivhakInstance: null,
5			navTabs: [],
6			controls: [],
7			line: null
8			},
9			created: function() {
10			this.line = this.$el.find('.mivhak-line');
11			this.createTabNav();
12			if(this.mivhakInstance.options.runnable) this.createPlayButton();
			0 ignored issues – show Coding Style Best Practice introduced 2016-07-08 20:36 UTC by Report Bug Copy Issue Report Curly braces around statements make for more readable code and help prevent bugs when you add further statements. Consider adding curly braces around all statements when they are executed conditionally. This is optional if there is only one statement, but leaving them out can lead to unexpected behaviour if another statement is added later. Consider: if (a > 0) b = 42; If you or someone else later decides to put another statement in, only the first statement will be executed. if (a > 0) console.log("a > 0"); b = 42; In this case the statement `b = 42` will always be executed, while the logging statement will be executed conditionally. if (a > 0) { console.log("a > 0"); b = 42; } ensures that the proper code will be executed conditionally no matter how many statements are added or removed. Loading history...
13			this.createCogButton();
14			},
15			methods: {
16			activateNavTab: function(index) {
17			var button = this.navTabs[index];
18			// Deactivate all tabs and activate this tab
19			$.each(this.navTabs, function(i,navTab){navTab.deactivate();});
20			button.activate();
21
22			// Position the line
23			this.moveLine(button.$el);
24			},
25			moveLine: function($el) {
26			if(typeof $el === 'undefined') {
27			this.line.removeClass('mivhak-visible');
28			return;
29			}
30			this.line.width($el.width());
31			this.line.css({left:$el.position().left + ($el.outerWidth() - $el.width())/2});
32			this.line.addClass('mivhak-visible');
33			},
34			createTabNav: function() {
35			var source, i, pos = 0;
36			for(i = 0; i < this.mivhakInstance.resources.count(); i++)
37			{
38			source = this.mivhakInstance.resources.get(i);
39			if(source.visible) this.createNavTabButton(pos++, source.lang);
			0 ignored issues – show Coding Style Best Practice introduced 2016-07-08 20:36 UTC by Report Bug Copy Issue Report Curly braces around statements make for more readable code and help prevent bugs when you add further statements. Consider adding curly braces around all statements when they are executed conditionally. This is optional if there is only one statement, but leaving them out can lead to unexpected behaviour if another statement is added later. Consider: if (a > 0) b = 42; If you or someone else later decides to put another statement in, only the first statement will be executed. if (a > 0) console.log("a > 0"); b = 42; In this case the statement `b = 42` will always be executed, while the logging statement will be executed conditionally. if (a > 0) { console.log("a > 0"); b = 42; } ensures that the proper code will be executed conditionally no matter how many statements are added or removed. Loading history...
40			}
41			},
42			createNavTabButton: function(i, lang) {
43			var $this = this,
44			button = Mivhak.render('top-bar-button',{
			0 ignored issues – show Bug introduced 2016-07-08 20:36 UTC by Report Bug Copy Issue Report The variable `Mivhak` seems to be never declared. If this is a global, consider adding a `/** global: Mivhak */` 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...
45			text: lang,
46			onClick: function() {
47			$this.mivhakInstance.callMethod('showTab',i);
48			}
49			});
50			this.navTabs.push(button);
51			this.$el.find('.mivhak-nav-tabs').append(button.$el);
52			},
53			createPlayButton: function() {
54			var $this = this;
55			var playBtn = Mivhak.render('top-bar-button',{
			0 ignored issues – show Bug introduced 2016-07-08 20:36 UTC by Report Bug Copy Issue Report The variable `Mivhak` seems to be never declared. If this is a global, consider adding a `/** global: Mivhak */` 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...
56			icon: 'play',
57			onClick: function() {
58			$this.mivhakInstance.preview.show();
59			$this.moveLine();
60			}
61			});
62			this.controls.push(playBtn);
63			this.$el.find('.mivhak-controls').append(playBtn.$el);
64			},
65			createCogButton: function() {
66			var cogBtn = Mivhak.render('top-bar-button',{
			0 ignored issues – show Bug introduced 2016-07-08 20:36 UTC by Report Bug Copy Issue Report The variable `Mivhak` seems to be never declared. If this is a global, consider adding a `/** global: Mivhak */` 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...
67			icon: 'cog',
68			mivhakInstance: this.mivhakInstance,
69			dropdown: Mivhak.render('dropdown',{
70			mivhakInstance: this.mivhakInstance,
71			items: this.mivhakInstance.options.buttons
72			})
73			});
74			this.controls.push(cogBtn);
75			this.$el.find('.mivhak-controls').append(cogBtn.$el);
76			}
77			}
78			});

askupasoftware / mivhak.js

src/js/components/top-bar.js A last analyzed 2016-09-01 01:21 UTC

Complexity

Size

Duplication

Importance

7 Functions

Duplication Side-by-Side

Filter issues like

src/js/components/top-bar.js A
last analyzed 2016-09-01 01:21 UTC