?!?.?!? - Code Metrics - Inspection of "New + updated applicant models: Skills, References..." - GCTC-NTGC/TalentCloud - Measure and Improve Code Quality continuously with Scrutinizer

Passed

Pull Request — dev (#313)

by Tristan

created 2018-09-06 16:11 UTC

?!?.?!? F

↳ Parent: ?!?.?!?

Complexity

Conditions	33
Paths	195

Size

Total Lines	78
Code Lines	53

Duplication

Lines	78
Ratio	100 %

Importance

Changes

Metric	Value
eloc	53
dl	78
loc	78
rs	0
c	0
b	0
f	0
cc	33
nc	195
nop	1

How to fix Long Method Complexity

/******/ (function(modules) { // webpackBootstrap

/******/ 	// The module cache
/******/ 	var installedModules = {};
/******/
/******/ 	// The require function
/******/ 	function __webpack_require__(moduleId) {
/******/
/******/ 		// Check if module is in cache
/******/ 		if(installedModules[moduleId])
/******/ 			return installedModules[moduleId].exports;
if (a > 0)
    b = 42;
/******/
/******/ 		// Create a new module (and put it into the cache)
/******/ 		var module = installedModules[moduleId] = {
/******/ 			i: moduleId,
/******/ 			l: false,
/******/ 			exports: {}
/******/ 		};
/******/
/******/ 		// Execute the module function
/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
/******/
/******/ 		// Flag the module as loaded
/******/ 		module.l = true;
/******/
/******/ 		// Return the exports of the module
/******/ 		return module.exports;
/******/ 	}
/******/
/******/
/******/ 	// expose the modules object (__webpack_modules__)
/******/ 	__webpack_require__.m = modules;
/******/
/******/ 	// expose the module cache
/******/ 	__webpack_require__.c = installedModules;
/******/
/******/ 	// identity function for calling harmony imports with the correct context
/******/ 	__webpack_require__.i = function(value) { return value; };
/******/
/******/ 	// define getter function for harmony exports
/******/ 	__webpack_require__.d = function(exports, name, getter) {
/******/ 		if(!__webpack_require__.o(exports, name)) {
/******/ 			Object.defineProperty(exports, name, {
/******/ 				configurable: false,
/******/ 				enumerable: true,
/******/ 				get: getter
/******/ 			});
/******/ 		}
/******/ 	};
/******/
/******/ 	// getDefaultExport function for compatibility with non-harmony modules
/******/ 	__webpack_require__.n = function(module) {
/******/ 		var getter = module && module.__esModule ?
/******/ 			function getDefault() { return module['default']; } :
/******/ 			function getModuleExports() { return module; };
/******/ 		__webpack_require__.d(getter, 'a', getter);
/******/ 		return getter;
/******/ 	};
/******/
/******/ 	// Object.prototype.hasOwnProperty.call
/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
/******/
/******/ 	// __webpack_public_path__
/******/ 	__webpack_require__.p = "./";
/******/
/******/ 	// Load entry module and return exports
/******/ 	return __webpack_require__(__webpack_require__.s = 5);
/******/ })
/************************************************************************/
/******/ ({

/***/ 1:
/***/ (function(module, exports) {


$(document).ready(function () {

    /*
     * jQuery accessible and keyboard-enhanced autocomplete list
     * @version v1.6.0
     * Website: https://a11y.nicolas-hoffmann.net/autocomplet-list/
     * License MIT: https://github.com/nico3333fr/jquery-accessible-autocomplete-list-aria/blob/master/LICENSE
     */
    // loading combobox ------------------------------------------------------------------------------------------------------------
    // init
    var $js_combobox = $('.js-combobox'),
        $body = $('body'),

    // default_text_help = 'Use tabulation (or down) key to access and browse suggestions after input. Confirm your choice with enter key, or esc key to close suggestions box.',
    default_text_help = '',
        default_class_for_invisible_text = 'invisible',
        suggestion_single = 'There is ',
        suggestion_plural = 'There are ',
        suggestion_word = 'suggestion',
        suggestion_word_plural = 'suggestions',
        button_clear_title = 'clear this field',
        button_clear_text = 'X',
        case_sensitive = 'no',
        min_length = 0,
        limit_number_suggestions = 666,
        search_option = 'beginning',
        // or 'containing'
    see_more_text = 'See more results…',
        tablo_suggestions = [];

    function do_see_more_option() {
        var $output_content = $('#js-codeit');
        $output_content.html('You have to code a function or a redirection to display more results ;)');
    }

    if ($js_combobox.length) {
        // if there are at least one :)

        // init
        $js_combobox.each(function (index_combo) {
            var $this = $(this),
                $this_id = $this.attr('id'),
                $label_this = $('label[for="' + $this_id + '"]'),
                index_lisible = index_combo + 1,
                options = $this.data(),
                $combobox_prefix_class = typeof options.comboboxPrefixClass !== 'undefined' ? options.comboboxPrefixClass + '-' : '',
                $combobox_help_text = typeof options.comboboxHelpText !== 'undefined' ? options.comboboxHelpText : default_text_help,
                $list_suggestions = $('#' + $this.attr('list')),
                $combobox_button_title = typeof options.comboboxButtonTitle !== 'undefined' ? options.comboboxButtonTitle : button_clear_title,
                $combobox_button_text = typeof options.comboboxButtonText !== 'undefined' ? options.comboboxButtonText : button_clear_text,
                $combobox_case_sensitive = typeof options.comboboxCaseSensitive !== 'undefined' ? options.comboboxCaseSensitive : case_sensitive,
                tablo_temp_suggestions = [];

            // input
            $this.attr({
                'data-number': index_lisible,
                'autocorrect': 'off',
                'autocapitalize': 'off',
                'spellcheck': 'false',
                'autocomplete': 'off',
                'aria-describedby': $combobox_prefix_class + 'help-text' + index_lisible,
                'aria-autocomplete': 'list',
                'data-lastval': '',
                'aria-owns': $combobox_prefix_class + 'suggest_' + index_lisible
            });
            // stock into tables
            $list_suggestions.find('option').each(function (index_option, index_element) {
                tablo_temp_suggestions.push(index_element.value);
            });
            if ($combobox_case_sensitive === 'no') {
                // order case tablo_temp_suggestions
                tablo_suggestions[index_lisible] = tablo_temp_suggestions.sort(function (a, b) {
                    a = a.toLowerCase();
                    b = b.toLowerCase();
                    if (a == b) {
                        return 0;
                    }
                    if (a > b) {
                        return 1;
                    }
                    return -1;
                });
            } else {
                tablo_suggestions[index_lisible] = tablo_temp_suggestions.sort();
            }

            // wrap into a container
            $this.wrap('<div class="' + $combobox_prefix_class + 'container js-container" data-combobox-prefix-class="' + $combobox_prefix_class + '"></div>');

            var $combobox_container = $this.parent();

            // custom datalist/listbox linked to input
            $combobox_container.append('<div id="' + $combobox_prefix_class + 'suggest_' + index_lisible + '" class="js-suggest ' + $combobox_prefix_class + 'suggestions"><div role="listbox"></div></div>');
            $list_suggestions.remove();

            // status zone
            // $combobox_container.prepend('<div id="' + $combobox_prefix_class + 'suggestion-text' + index_lisible + '" class="js-suggestion-text ' + $combobox_prefix_class + 'suggestion-text ' + default_class_for_invisible_text + '" aria-live="assertive"></div>');

            // help text
            $combobox_container.prepend('<span id="' + $combobox_prefix_class + 'help-text' + index_lisible + '" class="' + $combobox_prefix_class + 'help-text ' + default_class_for_invisible_text + '">' + $combobox_help_text + '</span>');

            // label id
            $label_this.attr('id', 'label-id-' + $this_id);

            // button clear
            $this.after('<button class="js-clear-button ' + $combobox_prefix_class + 'clear-button" aria-label="' + $combobox_button_title + '" title="' + $combobox_button_title + '" aria-describedby="label-id-' + $this_id + '" type="button">' + $combobox_button_text + '</button>');
        });

        // listeners
        // keydown on field
        $body.on('keyup', '.js-combobox', function (event) {
            var $this = $(this),
                options_combo = $this.data(),
                $container = $this.parent(),
                $form = $container.parents('form'),
                options = $container.data(),
                $combobox_prefix_class = typeof options.comboboxPrefixClass !== 'undefined' ? options.comboboxPrefixClass : '',
                // no "-"" because already generated
            $suggestions = $container.find('.js-suggest div'),

            //$suggestion_list = $suggestions.find('.js-suggestion'),
            $suggestions_text = $container.find('.js-suggestion-text'),
                $combobox_suggestion_single = typeof options_combo.suggestionSingle !== 'undefined' ? options_combo.suggestionSingle : suggestion_single,
                $combobox_suggestion_plural = typeof options_combo.suggestionPlural !== 'undefined' ? options_combo.suggestionPlural : suggestion_plural,
                $combobox_suggestion_word = typeof options_combo.suggestionWord !== 'undefined' ? options_combo.suggestionWord : suggestion_word,
                $combobox_suggestion_word_plural = typeof options_combo.suggestionWord !== 'undefined' ? options_combo.suggestionWordPlural : suggestion_word_plural,
                combobox_min_length = typeof options_combo.comboboxMinLength !== 'undefined' ? Math.abs(options_combo.comboboxMinLength) : min_length,
                $combobox_case_sensitive = typeof options_combo.comboboxCaseSensitive !== 'undefined' ? options_combo.comboboxCaseSensitive : case_sensitive,
                combobox_limit_number_suggestions = typeof options_combo.comboboxLimitNumberSuggestions !== 'undefined' ? Math.abs(options_combo.comboboxLimitNumberSuggestions) : limit_number_suggestions,
                $combobox_search_option = typeof options_combo.comboboxSearchOption !== 'undefined' ? options_combo.comboboxSearchOption : search_option,
                $combobox_see_more_text = typeof options_combo.comboboxSeeMoreText !== 'undefined' ? options_combo.comboboxSeeMoreText : see_more_text,
                index_table = $this.attr('data-number'),
                value_to_search = $this.val(),
                text_number_suggestions = '';

            if (event.keyCode === 13) {
                $form.submit();
            } else {

                if (event.keyCode !== 27) {
                    // No Escape

                    $this.attr('data-lastval', value_to_search);
                    // search for text suggestion in the array tablo_suggestions[index_table]
                    var size_tablo = tablo_suggestions[index_table].length,
                        i = 0,
                        counter = 0;

                    $suggestions.empty();

                    if (value_to_search != '' && value_to_search.length >= combobox_min_length) {
                        while (i < size_tablo) {
                            if (counter < combobox_limit_number_suggestions) {
                                if ($combobox_search_option === 'containing' && ($combobox_case_sensitive === 'yes' && tablo_suggestions[index_table][i].indexOf(value_to_search) >= 0 || $combobox_case_sensitive === 'no' && tablo_suggestions[index_table][i].toUpperCase().indexOf(value_to_search.toUpperCase()) >= 0) || $combobox_search_option === 'beginning' && ($combobox_case_sensitive === 'yes' && tablo_suggestions[index_table][i].substring(0, value_to_search.length) === value_to_search || $combobox_case_sensitive === 'no' && tablo_suggestions[index_table][i].substring(0, value_to_search.length).toUpperCase() === value_to_search.toUpperCase())) {
                                    $suggestions.append('<div id="suggestion-' + index_table + '-' + counter + '" class="js-suggestion ' + $combobox_prefix_class + 'suggestion" tabindex="-1" role="option">' + tablo_suggestions[index_table][i] + '</div>');
                                    counter++;
                                }
                            }
                            i++;
                        }
                        if (counter >= combobox_limit_number_suggestions) {
                            $suggestions.append('<div id="suggestion-' + index_table + '-' + counter + '" class="js-suggestion js-seemore ' + $combobox_prefix_class + 'suggestion" tabindex="-1" role="option">' + $combobox_see_more_text + '</div>');
                            counter++;
                        }
                        // update number of suggestions
                        if (counter > 1) {
                            text_number_suggestions = $combobox_suggestion_plural + counter + ' ' + $combobox_suggestion_word_plural + '.';
                        }
                        if (counter === 1) {
                            text_number_suggestions = $combobox_suggestion_single + counter + ' ' + $combobox_suggestion_word + '.';
                        }
                        if (counter === 0) {
                            text_number_suggestions = $combobox_suggestion_single + counter + ' ' + $combobox_suggestion_word + '.';
                        }
                        if (counter >= 0) {
                            var text_number_suggestions_default = $suggestions_text.text();
                            if (text_number_suggestions != text_number_suggestions_default) {
                                // @Goestu trick to make it work on all AT
                                var suggestions_to_add = $("<p>").text(text_number_suggestions);
                                $suggestions_text.attr('aria-live', 'polite');
                                $suggestions_text.empty();
                                $suggestions_text.append(suggestions_to_add);
                            }
                        }
                    }
                }
            }
        }).on('click', function (event) {
            var $target = $(event.target),
                $suggestions_text = $('.js-suggestion-text:not(:empty)'),
                // if a suggestion text is not empty => suggestion opened somewhere
            $container = $suggestions_text.parents('.js-container'),
                $input_text = $container.find('.js-combobox'),
                $suggestions = $container.find('.js-suggest div');

            // if click outside => close opened suggestions 
            if (!$target.is('.js-suggestion') && !$target.is('.js-combobox') && $suggestions_text.length) {
                $input_text.val($input_text.attr('data-lastval'));
                $suggestions.empty();
                $suggestions_text.empty();
            }
        })
        // tab + down management for autocomplete (when list of suggestion)
        .on('keydown', '.js-combobox', function (event) {
            var $this = $(this),
                $container = $this.parent(),
                $input_text = $container.find('.js-combobox'),
                $suggestions = $container.find('.js-suggest div'),
                $suggestion_list = $suggestions.find('.js-suggestion'),
                $suggestions_text = $container.find('.js-suggestion-text'),
                $autorise_tab_options = typeof $this.attr('data-combobox-notab-options') !== 'undefined' ? false : true,
                $first_suggestion = $suggestion_list.first();

            if (!event.shiftKey && event.keyCode == 9 && $autorise_tab_options || event.keyCode == 40) {
                // tab (if authorised) or bottom
                // See if there are suggestions, and yes => focus on first one
                if ($suggestion_list.length) {
                    $input_text.val($first_suggestion.html());
                    $suggestion_list.first().focus();
                    event.preventDefault();
                }
            }
            if (event.keyCode == 27 || $autorise_tab_options === false && event.keyCode == 9) {
                // esc or (tab/shift tab + notab option) = close
                $input_text.val($input_text.attr('data-lastval'));
                $suggestions.empty();
                $suggestions_text.empty();
                if (event.keyCode == 27) {
                    // Esc prevented only, tab can go :)
                    event.preventDefault();
                    setTimeout(function () {
                        $input_text.focus();
                    }, 300); // timeout to avoid problem in suggestions display
                }
            }
        })
        // tab + down management in list of suggestions
        .on('keydown', '.js-suggestion', function (event) {
            var $this = $(this),
                $container = $this.parents('.js-container'),
                $input_text = $container.find('.js-combobox'),
                $autorise_tab_options = typeof $input_text.attr('data-combobox-notab-options') !== 'undefined' ? false : true,
                $suggestions = $container.find('.js-suggest div'),
                $suggestions_text = $container.find('.js-suggestion-text'),
                $next_suggestion = $this.next(),
                $previous_suggestion = $this.prev();

            if (event.keyCode == 27 || $autorise_tab_options === false && event.keyCode == 9) {
                // esc or (tab/shift tab + notab option) = close
                if (event.keyCode == 27) {
                    // Esc prevented only, tab can go :)
                    $input_text.val($input_text.attr('data-lastval'));
                    $suggestions.empty();
                    $suggestions_text.empty();
                    setTimeout(function () {
                        $input_text.focus();
                    }, 300); // timeout to avoid problem in suggestions display
                    event.preventDefault();
                }
                if ($autorise_tab_options === false && event.keyCode == 9) {
                    $suggestions.empty();
                    $suggestions_text.empty();
                    $input_text.focus();
                }
            }
            if (event.keyCode == 13 || event.keyCode == 32) {
                // Enter or space
                if ($this.hasClass('js-seemore')) {
                    $input_text.val($input_text.attr('data-lastval'));
                    $suggestions.empty();
                    $suggestions_text.empty();
                    setTimeout(function () {
                        $input_text.focus();
                    }, 300); // timeout to avoid problem in suggestions display
                    // go define the function you need when we click the see_more option
                    setTimeout(function () {
                        do_see_more_option();
                    }, 301); // timeout to avoid problem in suggestions display
                    event.preventDefault();
                } else {
                    $input_text.val($this.html());
                    $input_text.attr('data-lastval', $this.html());
                    $suggestions.empty();
                    $suggestions_text.empty();
                    setTimeout(function () {
                        $input_text.focus();
                    }, 300); // timeout to avoid problem in suggestions display
                    event.preventDefault();
                }
            }
            if (!event.shiftKey && event.keyCode == 9 && $autorise_tab_options || event.keyCode == 40) {
                // tab (if authorised) or bottom
                if ($next_suggestion.length) {
                    $input_text.val($next_suggestion.html());
                    $next_suggestion.focus();
                } else {
                    $input_text.val($input_text.attr('data-lastval'));
                    if (!event.shiftKey && event.keyCode == 9) {
                        // tab closes the list
                        var e = jQuery.Event("keydown");
                        e.which = 27; // # Some key code value
                        e.keyCode = 27;
                        $this.trigger(e);
                    } else {
                        setTimeout(function () {
                            $input_text.focus();
                        }, 300);
                    } // timeout to avoid problem in suggestions display
                }
                event.preventDefault();
            }

            if (event.shiftKey && event.keyCode == 9 && $autorise_tab_options || event.keyCode == 38) {
                // top or Maj+tab (if authorised)
                if ($previous_suggestion.length) {
                    $input_text.val($previous_suggestion.html());
                    $previous_suggestion.focus();
                } else {
                    $input_text.val($input_text.attr('data-lastval')).focus();
                }
                event.preventDefault();
            }
        })
        // clear button
        .on('click', '.js-clear-button', function () {
            var $this = $(this),
                $container = $this.parent(),
                $input_text = $container.find('.js-combobox'),
                $suggestions = $container.find('.js-suggest div'),
                $suggestions_text = $container.find('.js-suggestion-text');

            $suggestions.empty();
            $suggestions_text.empty();
            $input_text.val('');
            $input_text.attr('data-lastval', '');
        }).on('click', '.js-suggestion', function () {
            var $this = $(this),
                value = $this.html(),
                $container = $this.parents('.js-container'),
                $input_text = $container.find('.js-combobox'),
                $suggestions = $container.find('.js-suggest div'),
                $suggestions_text = $container.find('.js-suggestion-text');

            if ($this.hasClass('js-seemore')) {
                $suggestions.empty();
                $suggestions_text.empty();
                $input_text.focus();
                // go define the function you need when we click the see_more option
                do_see_more_option();
            } else {
                $input_text.val(value).focus();
                $suggestions.empty();
                $suggestions_text.empty();
            }
        });
    }
});

/***/ }),

/***/ 5:
/***/ (function(module, exports, __webpack_require__) {

module.exports = __webpack_require__(1);


/***/ })

/******/ });

1	View Code Duplication	/******/ (function(modules) { // webpackBootstrap
		0 ignored issues – show Duplication introduced 2018-09-06 16:02 UTC by Report Bug Copy Issue Report This code seems to be duplicated in your project. Loading history...
2		/******/ // The module cache
3		/******/ var installedModules = {};
4		/******/
5		/******/ // The require function
6		/******/ function __webpack_require__(moduleId) {
7		/******/
8		/******/ // Check if module is in cache
9		/******/ if(installedModules[moduleId])
10		/******/ return installedModules[moduleId].exports;
		0 ignored issues – show Coding Style Best Practice introduced 2018-09-06 16:02 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...
11		/******/
12		/******/ // Create a new module (and put it into the cache)
13		/******/ var module = installedModules[moduleId] = {
14		/******/ i: moduleId,
15		/******/ l: false,
16		/******/ exports: {}
17		/******/ };
18		/******/
19		/******/ // Execute the module function
20		/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
21		/******/
22		/******/ // Flag the module as loaded
23		/******/ module.l = true;
24		/******/
25		/******/ // Return the exports of the module
26		/******/ return module.exports;
27		/******/ }
28		/******/
29		/******/
30		/******/ // expose the modules object (__webpack_modules__)
31		/******/ __webpack_require__.m = modules;
32		/******/
33		/******/ // expose the module cache
34		/******/ __webpack_require__.c = installedModules;
35		/******/
36		/******/ // identity function for calling harmony imports with the correct context
37		/******/ __webpack_require__.i = function(value) { return value; };
38		/******/
39		/******/ // define getter function for harmony exports
40		/******/ __webpack_require__.d = function(exports, name, getter) {
41		/******/ if(!__webpack_require__.o(exports, name)) {
42		/******/ Object.defineProperty(exports, name, {
43		/******/ configurable: false,
44		/******/ enumerable: true,
45		/******/ get: getter
46		/******/ });
47		/******/ }
48		/******/ };
49		/******/
50		/******/ // getDefaultExport function for compatibility with non-harmony modules
51		/******/ __webpack_require__.n = function(module) {
52		/******/ var getter = module && module.__esModule ?
53		/******/ function getDefault() { return module['default']; } :
54		/******/ function getModuleExports() { return module; };
55		/******/ __webpack_require__.d(getter, 'a', getter);
56		/******/ return getter;
57		/******/ };
58		/******/
59		/******/ // Object.prototype.hasOwnProperty.call
60		/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
61		/******/
62		/******/ // __webpack_public_path__
63		/******/ __webpack_require__.p = "./";
64		/******/
65		/******/ // Load entry module and return exports
66		/******/ return __webpack_require__(__webpack_require__.s = 5);
67		/******/ })
68		/************************************************************************/
69		/******/ ({
70
71		/***/ 1:
72	View Code Duplication	/***/ (function(module, exports) {
		0 ignored issues – show Unused Code introduced 2018-07-15 07:29 UTC by Report Bug Copy Issue Report The parameter `exports` is not used and could be removed. This check looks for parameters in functions that are not used in the function body and are not followed by other parameters which are used inside the function. Loading history... Unused Code introduced 2018-07-15 07:29 UTC by Report Bug Copy Issue Report The parameter `module` is not used and could be removed. This check looks for parameters in functions that are not used in the function body and are not followed by other parameters which are used inside the function. Loading history... Duplication introduced 2018-09-06 16:02 UTC by Report Bug Copy Issue Report This code seems to be duplicated in your project. Loading history...
73
74		$(document).ready(function () {
75
76		/*
77		* jQuery accessible and keyboard-enhanced autocomplete list
78		* @version v1.6.0
79		* Website: https://a11y.nicolas-hoffmann.net/autocomplet-list/
80		* License MIT: https://github.com/nico3333fr/jquery-accessible-autocomplete-list-aria/blob/master/LICENSE
81		*/
82		// loading combobox ------------------------------------------------------------------------------------------------------------
83		// init
84		var $js_combobox = $('.js-combobox'),
85		$body = $('body'),
86
87		// default_text_help = 'Use tabulation (or down) key to access and browse suggestions after input. Confirm your choice with enter key, or esc key to close suggestions box.',
88		default_text_help = '',
89		default_class_for_invisible_text = 'invisible',
90		suggestion_single = 'There is ',
91		suggestion_plural = 'There are ',
92		suggestion_word = 'suggestion',
93		suggestion_word_plural = 'suggestions',
94		button_clear_title = 'clear this field',
95		button_clear_text = 'X',
96		case_sensitive = 'no',
97		min_length = 0,
98		limit_number_suggestions = 666,
99		search_option = 'beginning',
100		// or 'containing'
101		see_more_text = 'See more results…',
102		tablo_suggestions = [];
103
104		function do_see_more_option() {
105		var $output_content = $('#js-codeit');
106		$output_content.html('You have to code a function or a redirection to display more results ;)');
107		}
108
109		if ($js_combobox.length) {
110		// if there are at least one :)
111
112		// init
113		$js_combobox.each(function (index_combo) {
114		var $this = $(this),
115		$this_id = $this.attr('id'),
116		$label_this = $('label[for="' + $this_id + '"]'),
117		index_lisible = index_combo + 1,
118		options = $this.data(),
119		$combobox_prefix_class = typeof options.comboboxPrefixClass !== 'undefined' ? options.comboboxPrefixClass + '-' : '',
120		$combobox_help_text = typeof options.comboboxHelpText !== 'undefined' ? options.comboboxHelpText : default_text_help,
121		$list_suggestions = $('#' + $this.attr('list')),
122		$combobox_button_title = typeof options.comboboxButtonTitle !== 'undefined' ? options.comboboxButtonTitle : button_clear_title,
123		$combobox_button_text = typeof options.comboboxButtonText !== 'undefined' ? options.comboboxButtonText : button_clear_text,
124		$combobox_case_sensitive = typeof options.comboboxCaseSensitive !== 'undefined' ? options.comboboxCaseSensitive : case_sensitive,
125		tablo_temp_suggestions = [];
126
127		// input
128		$this.attr({
129		'data-number': index_lisible,
130		'autocorrect': 'off',
131		'autocapitalize': 'off',
132		'spellcheck': 'false',
133		'autocomplete': 'off',
134		'aria-describedby': $combobox_prefix_class + 'help-text' + index_lisible,
135		'aria-autocomplete': 'list',
136		'data-lastval': '',
137		'aria-owns': $combobox_prefix_class + 'suggest_' + index_lisible
138		});
139		// stock into tables
140		$list_suggestions.find('option').each(function (index_option, index_element) {
141		tablo_temp_suggestions.push(index_element.value);
142		});
143		if ($combobox_case_sensitive === 'no') {
144		// order case tablo_temp_suggestions
145		tablo_suggestions[index_lisible] = tablo_temp_suggestions.sort(function (a, b) {
146		a = a.toLowerCase();
147		b = b.toLowerCase();
148		if (a == b) {
149		return 0;
150		}
151		if (a > b) {
152		return 1;
153		}
154		return -1;
155		});
156		} else {
157		tablo_suggestions[index_lisible] = tablo_temp_suggestions.sort();
158		}
159
160		// wrap into a container
161		$this.wrap('<div class="' + $combobox_prefix_class + 'container js-container" data-combobox-prefix-class="' + $combobox_prefix_class + '"></div>');
162
163		var $combobox_container = $this.parent();
164
165		// custom datalist/listbox linked to input
166		$combobox_container.append('<div id="' + $combobox_prefix_class + 'suggest_' + index_lisible + '" class="js-suggest ' + $combobox_prefix_class + 'suggestions"><div role="listbox"></div></div>');
167		$list_suggestions.remove();
168
169		// status zone
170		// $combobox_container.prepend('<div id="' + $combobox_prefix_class + 'suggestion-text' + index_lisible + '" class="js-suggestion-text ' + $combobox_prefix_class + 'suggestion-text ' + default_class_for_invisible_text + '" aria-live="assertive"></div>');
171
172		// help text
173		$combobox_container.prepend('<span id="' + $combobox_prefix_class + 'help-text' + index_lisible + '" class="' + $combobox_prefix_class + 'help-text ' + default_class_for_invisible_text + '">' + $combobox_help_text + '</span>');
174
175		// label id
176		$label_this.attr('id', 'label-id-' + $this_id);
177
178		// button clear
179		$this.after('<button class="js-clear-button ' + $combobox_prefix_class + 'clear-button" aria-label="' + $combobox_button_title + '" title="' + $combobox_button_title + '" aria-describedby="label-id-' + $this_id + '" type="button">' + $combobox_button_text + '</button>');
180		});
181
182		// listeners
183		// keydown on field
184		$body.on('keyup', '.js-combobox', function (event) {
185		var $this = $(this),
186		options_combo = $this.data(),
187		$container = $this.parent(),
188		$form = $container.parents('form'),
189		options = $container.data(),
190		$combobox_prefix_class = typeof options.comboboxPrefixClass !== 'undefined' ? options.comboboxPrefixClass : '',
191		// no "-"" because already generated
192		$suggestions = $container.find('.js-suggest div'),
193
194		//$suggestion_list = $suggestions.find('.js-suggestion'),
195		$suggestions_text = $container.find('.js-suggestion-text'),
196		$combobox_suggestion_single = typeof options_combo.suggestionSingle !== 'undefined' ? options_combo.suggestionSingle : suggestion_single,
197		$combobox_suggestion_plural = typeof options_combo.suggestionPlural !== 'undefined' ? options_combo.suggestionPlural : suggestion_plural,
198		$combobox_suggestion_word = typeof options_combo.suggestionWord !== 'undefined' ? options_combo.suggestionWord : suggestion_word,
199		$combobox_suggestion_word_plural = typeof options_combo.suggestionWord !== 'undefined' ? options_combo.suggestionWordPlural : suggestion_word_plural,
200		combobox_min_length = typeof options_combo.comboboxMinLength !== 'undefined' ? Math.abs(options_combo.comboboxMinLength) : min_length,
201		$combobox_case_sensitive = typeof options_combo.comboboxCaseSensitive !== 'undefined' ? options_combo.comboboxCaseSensitive : case_sensitive,
202		combobox_limit_number_suggestions = typeof options_combo.comboboxLimitNumberSuggestions !== 'undefined' ? Math.abs(options_combo.comboboxLimitNumberSuggestions) : limit_number_suggestions,
203		$combobox_search_option = typeof options_combo.comboboxSearchOption !== 'undefined' ? options_combo.comboboxSearchOption : search_option,
204		$combobox_see_more_text = typeof options_combo.comboboxSeeMoreText !== 'undefined' ? options_combo.comboboxSeeMoreText : see_more_text,
205		index_table = $this.attr('data-number'),
206		value_to_search = $this.val(),
207		text_number_suggestions = '';
208
209		if (event.keyCode === 13) {
210		$form.submit();
211		} else {
212
213		if (event.keyCode !== 27) {
214		// No Escape
215
216		$this.attr('data-lastval', value_to_search);
217		// search for text suggestion in the array tablo_suggestions[index_table]
218		var size_tablo = tablo_suggestions[index_table].length,
219		i = 0,
220		counter = 0;
221
222		$suggestions.empty();
223
224		if (value_to_search != '' && value_to_search.length >= combobox_min_length) {
225		while (i < size_tablo) {
226		if (counter < combobox_limit_number_suggestions) {
227		if ($combobox_search_option === 'containing' && ($combobox_case_sensitive === 'yes' && tablo_suggestions[index_table][i].indexOf(value_to_search) >= 0 \|\| $combobox_case_sensitive === 'no' && tablo_suggestions[index_table][i].toUpperCase().indexOf(value_to_search.toUpperCase()) >= 0) \|\| $combobox_search_option === 'beginning' && ($combobox_case_sensitive === 'yes' && tablo_suggestions[index_table][i].substring(0, value_to_search.length) === value_to_search \|\| $combobox_case_sensitive === 'no' && tablo_suggestions[index_table][i].substring(0, value_to_search.length).toUpperCase() === value_to_search.toUpperCase())) {
228		$suggestions.append('<div id="suggestion-' + index_table + '-' + counter + '" class="js-suggestion ' + $combobox_prefix_class + 'suggestion" tabindex="-1" role="option">' + tablo_suggestions[index_table][i] + '</div>');
229		counter++;
230		}
231		}
232		i++;
233		}
234		if (counter >= combobox_limit_number_suggestions) {
235		$suggestions.append('<div id="suggestion-' + index_table + '-' + counter + '" class="js-suggestion js-seemore ' + $combobox_prefix_class + 'suggestion" tabindex="-1" role="option">' + $combobox_see_more_text + '</div>');
236		counter++;
237		}
238		// update number of suggestions
239		if (counter > 1) {
240		text_number_suggestions = $combobox_suggestion_plural + counter + ' ' + $combobox_suggestion_word_plural + '.';
241		}
242		if (counter === 1) {
243		text_number_suggestions = $combobox_suggestion_single + counter + ' ' + $combobox_suggestion_word + '.';
244		}
245		if (counter === 0) {
246		text_number_suggestions = $combobox_suggestion_single + counter + ' ' + $combobox_suggestion_word + '.';
247		}
248		if (counter >= 0) {
249		var text_number_suggestions_default = $suggestions_text.text();
250		if (text_number_suggestions != text_number_suggestions_default) {
251		// @Goestu trick to make it work on all AT
252		var suggestions_to_add = $("<p>").text(text_number_suggestions);
253		$suggestions_text.attr('aria-live', 'polite');
254		$suggestions_text.empty();
255		$suggestions_text.append(suggestions_to_add);
256		}
257		}
258		}
259		}
260		}
261		}).on('click', function (event) {
262		var $target = $(event.target),
263		$suggestions_text = $('.js-suggestion-text:not(:empty)'),
264		// if a suggestion text is not empty => suggestion opened somewhere
265		$container = $suggestions_text.parents('.js-container'),
266		$input_text = $container.find('.js-combobox'),
267		$suggestions = $container.find('.js-suggest div');
268
269		// if click outside => close opened suggestions
270		if (!$target.is('.js-suggestion') && !$target.is('.js-combobox') && $suggestions_text.length) {
271		$input_text.val($input_text.attr('data-lastval'));
272		$suggestions.empty();
273		$suggestions_text.empty();
274		}
275		})
276		// tab + down management for autocomplete (when list of suggestion)
277		.on('keydown', '.js-combobox', function (event) {
278		var $this = $(this),
279		$container = $this.parent(),
280		$input_text = $container.find('.js-combobox'),
281		$suggestions = $container.find('.js-suggest div'),
282		$suggestion_list = $suggestions.find('.js-suggestion'),
283		$suggestions_text = $container.find('.js-suggestion-text'),
284		$autorise_tab_options = typeof $this.attr('data-combobox-notab-options') !== 'undefined' ? false : true,
285		$first_suggestion = $suggestion_list.first();
286
287		if (!event.shiftKey && event.keyCode == 9 && $autorise_tab_options \|\| event.keyCode == 40) {
288		// tab (if authorised) or bottom
289		// See if there are suggestions, and yes => focus on first one
290		if ($suggestion_list.length) {
291		$input_text.val($first_suggestion.html());
292		$suggestion_list.first().focus();
293		event.preventDefault();
294		}
295		}
296		if (event.keyCode == 27 \|\| $autorise_tab_options === false && event.keyCode == 9) {
297		// esc or (tab/shift tab + notab option) = close
298		$input_text.val($input_text.attr('data-lastval'));
299		$suggestions.empty();
300		$suggestions_text.empty();
301		if (event.keyCode == 27) {
302		// Esc prevented only, tab can go :)
303		event.preventDefault();
304		setTimeout(function () {
305		$input_text.focus();
306		}, 300); // timeout to avoid problem in suggestions display
307		}
308		}
309		})
310		// tab + down management in list of suggestions
311		.on('keydown', '.js-suggestion', function (event) {
312		var $this = $(this),
313		$container = $this.parents('.js-container'),
314		$input_text = $container.find('.js-combobox'),
315		$autorise_tab_options = typeof $input_text.attr('data-combobox-notab-options') !== 'undefined' ? false : true,
316		$suggestions = $container.find('.js-suggest div'),
317		$suggestions_text = $container.find('.js-suggestion-text'),
318		$next_suggestion = $this.next(),
319		$previous_suggestion = $this.prev();
320
321		if (event.keyCode == 27 \|\| $autorise_tab_options === false && event.keyCode == 9) {
322		// esc or (tab/shift tab + notab option) = close
323		if (event.keyCode == 27) {
324		// Esc prevented only, tab can go :)
325		$input_text.val($input_text.attr('data-lastval'));
326		$suggestions.empty();
327		$suggestions_text.empty();
328		setTimeout(function () {
329		$input_text.focus();
330		}, 300); // timeout to avoid problem in suggestions display
331		event.preventDefault();
332		}
333		if ($autorise_tab_options === false && event.keyCode == 9) {
334		$suggestions.empty();
335		$suggestions_text.empty();
336		$input_text.focus();
337		}
338		}
339		if (event.keyCode == 13 \|\| event.keyCode == 32) {
340		// Enter or space
341		if ($this.hasClass('js-seemore')) {
342		$input_text.val($input_text.attr('data-lastval'));
343		$suggestions.empty();
344		$suggestions_text.empty();
345		setTimeout(function () {
346		$input_text.focus();
347		}, 300); // timeout to avoid problem in suggestions display
348		// go define the function you need when we click the see_more option
349		setTimeout(function () {
350		do_see_more_option();
351		}, 301); // timeout to avoid problem in suggestions display
352		event.preventDefault();
353		} else {
354		$input_text.val($this.html());
355		$input_text.attr('data-lastval', $this.html());
356		$suggestions.empty();
357		$suggestions_text.empty();
358		setTimeout(function () {
359		$input_text.focus();
360		}, 300); // timeout to avoid problem in suggestions display
361		event.preventDefault();
362		}
363		}
364		if (!event.shiftKey && event.keyCode == 9 && $autorise_tab_options \|\| event.keyCode == 40) {
365		// tab (if authorised) or bottom
366		if ($next_suggestion.length) {
367		$input_text.val($next_suggestion.html());
368		$next_suggestion.focus();
369		} else {
370		$input_text.val($input_text.attr('data-lastval'));
371		if (!event.shiftKey && event.keyCode == 9) {
372		// tab closes the list
373		var e = jQuery.Event("keydown");
374		e.which = 27; // # Some key code value
375		e.keyCode = 27;
376		$this.trigger(e);
377		} else {
378		setTimeout(function () {
379		$input_text.focus();
380		}, 300);
381		} // timeout to avoid problem in suggestions display
382		}
383		event.preventDefault();
384		}
385
386		if (event.shiftKey && event.keyCode == 9 && $autorise_tab_options \|\| event.keyCode == 38) {
387		// top or Maj+tab (if authorised)
388		if ($previous_suggestion.length) {
389		$input_text.val($previous_suggestion.html());
390		$previous_suggestion.focus();
391		} else {
392		$input_text.val($input_text.attr('data-lastval')).focus();
393		}
394		event.preventDefault();
395		}
396		})
397		// clear button
398		.on('click', '.js-clear-button', function () {
399		var $this = $(this),
400		$container = $this.parent(),
401		$input_text = $container.find('.js-combobox'),
402		$suggestions = $container.find('.js-suggest div'),
403		$suggestions_text = $container.find('.js-suggestion-text');
404
405		$suggestions.empty();
406		$suggestions_text.empty();
407		$input_text.val('');
408		$input_text.attr('data-lastval', '');
409		}).on('click', '.js-suggestion', function () {
410		var $this = $(this),
411		value = $this.html(),
412		$container = $this.parents('.js-container'),
413		$input_text = $container.find('.js-combobox'),
414		$suggestions = $container.find('.js-suggest div'),
415		$suggestions_text = $container.find('.js-suggestion-text');
416
417		if ($this.hasClass('js-seemore')) {
418		$suggestions.empty();
419		$suggestions_text.empty();
420		$input_text.focus();
421		// go define the function you need when we click the see_more option
422		do_see_more_option();
423		} else {
424		$input_text.val(value).focus();
425		$suggestions.empty();
426		$suggestions_text.empty();
427		}
428		});
429		}
430		});
431
432		/***/ }),
433
434		/***/ 5:
435		/***/ (function(module, exports, __webpack_require__) {
436
437		module.exports = __webpack_require__(1);
438
439
440		/***/ })
441
442		/******/ });

GCTC-NTGC / TalentCloud

Pull Request — dev (#313)

?!?.?!? F

Complexity

Size

Duplication

Importance

How to fix Long Method Complexity

Long Method

Complexity

Duplication Side-by-Side

Filter issues like