Amarkal.settings.fields.init - Code Metrics - Inspection of "Improved change action feedback" - amarkal/amarkal-settings - Measure and Improve Code Quality continuously with Scrutinizer

Completed

Push — master ( 09b4df...b9f7ec )

by Askupa

created 2017-12-08 14:06 UTC

Amarkal.settings.fields.init B

↳ Parent: assets/js/src/fields.js

Complexity

Conditions	1
Paths	1

Size

Total Lines

Duplication

Lines	0
Ratio	0 %

Importance

Changes	2
Bugs	0	Features	1

Metric	Value
cc	1
c	2
b	0
f	1
nc	1
nop	0
dl	0
loc	32
rs	8.8571

3 Functions

Rating	Size	Complexity
A	20	4
A	3	1
A	5	2

Amarkal.settings.fields = {

    $form: null,
    $fields: null,
    init: function () {
        this.$form = $('#amarkal-settings-form');
        this.$fields = this.$form.find('.amarkal-settings-field');

        var _this = this;
        $('.amarkal-ui-component').on('amarkal.change',function(e, component){
            if($(this).amarkalUIComponent('changed')) {
                Amarkal.settings.fields.flag('notice', component.props.name);

            }
            else {
                Amarkal.settings.fields.unflag('notice', component.props.name);
            }
            if(Amarkal.settings.sections.changed(component.props.section)) {
                Amarkal.settings.sections.flag('notice', component.props.section);
            }
            else {
                Amarkal.settings.sections.unflag('notice', component.props.section);
            }
            if(_this.$form.amarkalUIForm('changed')) {
                Amarkal.settings.notifier.notice("Settings have changed, click \"Save\" to apply them.");
            }
            else {
                Amarkal.settings.notifier.clearNotifications();
            }
        }).on('amarkal.hide', function(){
            Amarkal.settings.fields.hide($(this).parents('.amarkal-settings-field'));

        }).on('amarkal.show', function(){
            if($(this).parents('.amarkal-settings-field').attr('data-section') === Amarkal.settings.sections.activeSection) {

                Amarkal.settings.fields.show($(this).parents('.amarkal-settings-field'));
            }
        });
    },
    search: function(query) {
        var matches  = [];
        var $form    = this.$form;
        
        this.$fields.each(function(){
            var $field = $(this),
                name   =  $field.attr('data-name'),
                title  = $field.find('h3').text().toLowerCase(),
                help   = $field.find('.help-content').text();
                description = $field.find('.description').text();


            // Don't add fields that are currently hidden
            if('' !== name && !$form.amarkalUIForm('isVisible', name)) return;
if (a > 0)
    b = 42;

            // Check query against the field's title
            if(title.match(query) || description.match(query) || help.match(query)) {
                matches.push($field);
            }
        });

        // Convert the matches array to a jQuery object
        return $(matches).map(function(){return this.toArray();});
    },
    show: function($fields) {
        var _this = this;
        $fields.each(function(){
            var $comp = $(this).find('.amarkal-ui-component'),
                name  = $comp.amarkalUIComponent('getName');

            // Only show components whose visibility condition is satisfied
            if(!name || _this.$form.amarkalUIForm('isVisible', name)) {
                $(this).addClass('visible');
                $comp.amarkalUIComponent('refresh');
            }
        });
    },
    hide: function($fields) {
        $fields.removeClass('visible');
    },
    hideAll: function () {
        this.hide(this.$fields);
    },
    showAll: function () {
        this.show(this.$fields);
    },
    flag: function(type, fieldName) {
        this.$fields.filter('[data-name="'+fieldName+'"]').addClass('flag-'+type);
    },
    unflag: function(type, fieldName) {
        this.$fields.filter('[data-name="'+fieldName+'"]').removeClass('flag-'+type);
    },
    unflagAll: function() {
        this.$fields.removeClass('flag-error flag-notice');
    }
};

1			Amarkal.settings.fields = {
			0 ignored issues – show Bug introduced 2017-08-26 22:34 UTC by Report Bug Copy Issue Report The variable `Amarkal` seems to be never declared. If this is a global, consider adding a `/** global: Amarkal */` 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			$form: null,
3			$fields: null,
4			init: function () {
5			this.$form = $('#amarkal-settings-form');
6			this.$fields = this.$form.find('.amarkal-settings-field');
7
8			var _this = this;
9			$('.amarkal-ui-component').on('amarkal.change',function(e, component){
10			if($(this).amarkalUIComponent('changed')) {
11			Amarkal.settings.fields.flag('notice', component.props.name);
			0 ignored issues – show Bug introduced 2017-12-08 14:07 UTC by Report Bug Copy Issue Report The variable `Amarkal` seems to be never declared. If this is a global, consider adding a `/** global: Amarkal */` 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...
12			}
13			else {
14			Amarkal.settings.fields.unflag('notice', component.props.name);
15			}
16			if(Amarkal.settings.sections.changed(component.props.section)) {
17			Amarkal.settings.sections.flag('notice', component.props.section);
18			}
19			else {
20			Amarkal.settings.sections.unflag('notice', component.props.section);
21			}
22			if(_this.$form.amarkalUIForm('changed')) {
23			Amarkal.settings.notifier.notice("Settings have changed, click \"Save\" to apply them.");
24			}
25			else {
26			Amarkal.settings.notifier.clearNotifications();
27			}
28			}).on('amarkal.hide', function(){
29			Amarkal.settings.fields.hide($(this).parents('.amarkal-settings-field'));
			0 ignored issues – show Bug introduced 2017-11-30 23:42 UTC by Report Bug Copy Issue Report The variable `Amarkal` seems to be never declared. If this is a global, consider adding a `/** global: Amarkal */` 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...
30			}).on('amarkal.show', function(){
31			if($(this).parents('.amarkal-settings-field').attr('data-section') === Amarkal.settings.sections.activeSection) {
			0 ignored issues – show Bug introduced 2017-11-30 23:42 UTC by Report Bug Copy Issue Report The variable `Amarkal` seems to be never declared. If this is a global, consider adding a `/** global: Amarkal */` 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...
32			Amarkal.settings.fields.show($(this).parents('.amarkal-settings-field'));
33			}
34			});
35			},
36			search: function(query) {
37			var matches = [];
38			var $form = this.$form;
39
40			this.$fields.each(function(){
41			var $field = $(this),
42			name = $field.attr('data-name'),
43			title = $field.find('h3').text().toLowerCase(),
44			help = $field.find('.help-content').text();
45			description = $field.find('.description').text();
			0 ignored issues – show Bug introduced 2017-08-18 16:12 UTC by Report Bug Copy Issue Report The variable `description` seems to be never declared. Assigning variables without defining them first makes them global. If this was intended, consider making it explicit like using `window.description`. Loading history...
46
47			// Don't add fields that are currently hidden
48			if('' !== name && !$form.amarkalUIForm('isVisible', name)) return;
			0 ignored issues – show Coding Style Best Practice introduced 2017-12-03 20:27 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...
49
50			// Check query against the field's title
51			if(title.match(query) \|\| description.match(query) \|\| help.match(query)) {
52			matches.push($field);
53			}
54			});
55
56			// Convert the matches array to a jQuery object
57			return $(matches).map(function(){return this.toArray();});
58			},
59			show: function($fields) {
60			var _this = this;
61			$fields.each(function(){
62			var $comp = $(this).find('.amarkal-ui-component'),
63			name = $comp.amarkalUIComponent('getName');
64
65			// Only show components whose visibility condition is satisfied
66			if(!name \|\| _this.$form.amarkalUIForm('isVisible', name)) {
67			$(this).addClass('visible');
68			$comp.amarkalUIComponent('refresh');
69			}
70			});
71			},
72			hide: function($fields) {
73			$fields.removeClass('visible');
74			},
75			hideAll: function () {
76			this.hide(this.$fields);
77			},
78			showAll: function () {
79			this.show(this.$fields);
80			},
81			flag: function(type, fieldName) {
82			this.$fields.filter('[data-name="'+fieldName+'"]').addClass('flag-'+type);
83			},
84			unflag: function(type, fieldName) {
85			this.$fields.filter('[data-name="'+fieldName+'"]').removeClass('flag-'+type);
86			},
87			unflagAll: function() {
88			this.$fields.removeClass('flag-error flag-notice');
89			}
90			};

amarkal / amarkal-settings

Push — master ( 09b4df...b9f7ec )

Amarkal.settings.fields.init B

Complexity

Size

Duplication

Importance

3 Functions

Duplication Side-by-Side

Filter issues like