+/scripts/public/recaptcha.js - Code Metrics - Inspection of "rewrite public scripts" - pryley/site-reviews - Measure and Improve Code Quality continuously with Scrutinizer

Passed

Push — master ( 554ad1...33081a )

by Paul

created 2018-06-10 20:54 UTC

+/scripts/public/recaptcha.js B

↳ Parent: Project

Complexity

Conditions	1
Paths	2

Size

Total Lines

116

Duplication

Lines	0
Ratio	0 %

Importance

Changes	1
Bugs	0	Features	0

Metric	Value
cc	1
c	1
b	0
f	0
nc	2
nop	0
dl	0
loc	116
rs	8.2857

11 Functions

Rating	Name	Size	Complexity
B	Recaptcha.search_	14	5
A	Recaptcha.onKeyup_	5	2
A	Recaptcha.getOverlay_	12	1
A	recaptcha.js ➔ Recaptcha	7	1
A	Recaptcha.addListeners_	6	2
A	Recaptcha.getId_	8	1
A	Recaptcha.execute_	9	2
A	Recaptcha.removeListeners_	4	1
A	Recaptcha.submitForm_	3	1
A	Recaptcha.render_	12	2
A	Recaptcha.reset_	6	2

How to fix Long Method

/** global: GLSR, grecaptcha */
;(function() {

	'use strict';

	var Recaptcha = function( form ) { // Form object
		this.Form = form;
		this.addListeners = this.addListeners_;
		this.execute = this.execute_;
		this.render = this.render_;
		this.reset = this.reset_;
	};

	Recaptcha.prototype = {

		/** @return void */
		addListeners_: function() {
			var overlayEl = this.getOverlay_();
			if( overlayEl === -1 )return;
			overlayEl.addEventListener( 'click', this.Form.enableButton );
			window.addEventListener( 'keyup', this.onKeyup_.bind( this, overlayEl ));
		},

		/** @return void */
		execute_: function() {
			var recaptchaId = this.getId_();
			if( recaptchaId !== -1 ) {
				grecaptcha.execute( recaptchaId );
				return;
			}
			// recaptcha ID not found so pass through an error
			this.Form.submitForm_( false );
		},

		/** @return string|int (-1) */
		getId_: function() {
			return this.search_( function( value, id ) {
				if( Object.prototype.toString.call( value ) !== '[object HTMLDivElement]' )return;
				if( value.closest( 'form' ) === this.Form.form ) {
					return id;
				}
			});
		},

		/** @return HTMLDivElement|int (-1) */
		getOverlay_: function() {
			return this.search_( function( value ) {
				if( Object.prototype.toString.call( value ) !== '[object Object]' )return;
				for( var obj in value) {
					if( !value.hasOwnProperty( obj ) || Object.prototype.toString.call( value[obj] ) !== '[object HTMLDivElement]' )continue;
					if( value[obj].className === '' ) {
						return value[obj].firstChild;
					}
				}
				return false;
			});
		},

		/** @return void */
		onKeyup_: function( ev ) { // KeyboardEvent
			if( ev.keyCode !== 27 )return;
			this.Form.enableButton();
			this.removeListeners_( ev.target );
		},

		/** @return void */
		removeListeners_: function( overlayEl ) { // HTMLDivElement
			overlayEl.removeEventListener( 'click', this.Form.enableButton );
			window.removeEventListener( 'keyup', this.onKeyup_ );
		},

		/** @return void */
		render_: function() {
			this.Form.form.onsubmit = null;
			var recaptchaEl = this.Form.form.querySelector( '.glsr-recaptcha-holder' );
			if( !recaptchaEl )return;
			recaptchaEl.innerHTML = '';
			var id = grecaptcha.render( recaptchaEl, {
				callback: this.submitForm_.bind( this ),
				'expired-callback': function() {
					grecaptcha.reset( id );
				},
			}, true );
		},

		/** @return void */
		reset_: function() {
			var recaptchaId = this.getId_();
			if( recaptchaId !== -1 ) {
				grecaptcha.reset( recaptchaId );
			}
		},

		/** @return mixed|int (-1) */
		search_: function( callback ) { // function
			var result = -1;
			if( window.hasOwnProperty( '___grecaptcha_cfg' )) {
				var clients = window.___grecaptcha_cfg.clients;
				var i, key;
				for( i in clients ) {
					for( key in clients[i] ) {
						if( !( result = callback( clients[i][key], i ).bind( this )))continue;
						return result;
					}
				}
			}
			return result;
		},

		/** @return void */
		submitForm_: function( token ) { // string
			this.Form.form.submitForm( token );
		},
	};

	GLSR.Recaptcha = Recaptcha;
})();


1			/** global: GLSR, grecaptcha */
2			;(function() {
3
4			'use strict';
5
6			var Recaptcha = function( form ) { // Form object
7			this.Form = form;
8			this.addListeners = this.addListeners_;
9			this.execute = this.execute_;
10			this.render = this.render_;
11			this.reset = this.reset_;
12			};
13
14			Recaptcha.prototype = {
15
16			/** @return void */
17			addListeners_: function() {
18			var overlayEl = this.getOverlay_();
19			if( overlayEl === -1 )return;
20			overlayEl.addEventListener( 'click', this.Form.enableButton );
21			window.addEventListener( 'keyup', this.onKeyup_.bind( this, overlayEl ));
22			},
23
24			/** @return void */
25			execute_: function() {
26			var recaptchaId = this.getId_();
27			if( recaptchaId !== -1 ) {
28			grecaptcha.execute( recaptchaId );
29			return;
30			}
31			// recaptcha ID not found so pass through an error
32			this.Form.submitForm_( false );
33			},
34
35			/** @return string\|int (-1) */
36			getId_: function() {
37			return this.search_( function( value, id ) {
38			if( Object.prototype.toString.call( value ) !== '[object HTMLDivElement]' )return;
39			if( value.closest( 'form' ) === this.Form.form ) {
40			return id;
41			}
42			});
43			},
44
45			/** @return HTMLDivElement\|int (-1) */
46			getOverlay_: function() {
47			return this.search_( function( value ) {
48			if( Object.prototype.toString.call( value ) !== '[object Object]' )return;
49			for( var obj in value) {
50			if( !value.hasOwnProperty( obj ) \|\| Object.prototype.toString.call( value[obj] ) !== '[object HTMLDivElement]' )continue;
51			if( value[obj].className === '' ) {
52			return value[obj].firstChild;
53			}
54			}
55			return false;
56			});
57			},
58
59			/** @return void */
60			onKeyup_: function( ev ) { // KeyboardEvent
61			if( ev.keyCode !== 27 )return;
62			this.Form.enableButton();
63			this.removeListeners_( ev.target );
64			},
65
66			/** @return void */
67			removeListeners_: function( overlayEl ) { // HTMLDivElement
68			overlayEl.removeEventListener( 'click', this.Form.enableButton );
69			window.removeEventListener( 'keyup', this.onKeyup_ );
70			},
71
72			/** @return void */
73			render_: function() {
74			this.Form.form.onsubmit = null;
75			var recaptchaEl = this.Form.form.querySelector( '.glsr-recaptcha-holder' );
76			if( !recaptchaEl )return;
77			recaptchaEl.innerHTML = '';
78			var id = grecaptcha.render( recaptchaEl, {
79			callback: this.submitForm_.bind( this ),
80			'expired-callback': function() {
81			grecaptcha.reset( id );
82			},
83			}, true );
84			},
85
86			/** @return void */
87			reset_: function() {
88			var recaptchaId = this.getId_();
89			if( recaptchaId !== -1 ) {
90			grecaptcha.reset( recaptchaId );
91			}
92			},
93
94			/** @return mixed\|int (-1) */
95			search_: function( callback ) { // function
96			var result = -1;
97			if( window.hasOwnProperty( '___grecaptcha_cfg' )) {
98			var clients = window.___grecaptcha_cfg.clients;
99			var i, key;
100			for( i in clients ) {
101			for( key in clients[i] ) {
102			if( !( result = callback( clients[i][key], i ).bind( this )))continue;
103			return result;
104			}
105			}
106			}
107			return result;
108			},
109
110			/** @return void */
111			submitForm_: function( token ) { // string
112			this.Form.form.submitForm( token );
113			},
114			};
115
116			GLSR.Recaptcha = Recaptcha;
117			})();
118

pryley / site-reviews

Push — master ( 554ad1...33081a )

+/scripts/public/recaptcha.js B

Complexity

Size

Duplication

Importance

11 Functions

How to fix Long Method

Long Method

Duplication Side-by-Side

Filter issues like