/**
 * Copyright (c) 2018, WSO2 Inc. (http://www.wso2.org) All Rights Reserved.
 *
 * WSO2 Inc. licenses this file to you under the Apache License,
 * Version 2.0 (the "License"); you may not use this file except
 * in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing,
 * software distributed under the License is distributed on an
 * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
 * KIND, either express or implied. See the License for the
 * specific language governing permissions and limitations
 * under the License.
 */

define(['require', 'log', 'jquery', 'lodash', 'aggregateByTimePeriod', 'querySelect',
    'elementUtils', 'storeAnnotation', 'designViewUtils', 'jsonValidator', 'constants', 'handlebar'],
    function (require, log, $, _, AggregateByTimePeriod, QuerySelect, ElementUtils,
        StoreAnnotation, DesignViewUtils, JSONValidator, Constants, Handlebars) {

        /**
         * @class AggregationForm Creates a forms to collect data from a aggregation
         * @constructor
         * @param {Object} options Rendering options for the view
         */
        var AggregationForm = function (options) {
            if (options !== undefined) {
                this.configurationData = options.configurationData;
                this.application = options.application;
                this.formUtils = options.formUtils;
                this.jsPlumbInstance = options.jsPlumbInstance;
                this.consoleListManager = options.application.outputController;
                var currentTabId = this.application.tabController.activeTab.cid;
                this.designViewContainer = $('#design-container-' + currentTabId);
                this.toggleViewButton = $('#toggle-view-button-' + currentTabId);
            }
        };

        //to remove the primaryKey annotation
        var removePrimaryAnnotation = function (savedAnnotations) {
            var annotationsWithoutPrimary = [];
            _.forEach(savedAnnotations, function (annotation) {
                if (annotation.name.toLowerCase() != Constants.PRIMARY_KEY) {
                    annotationsWithoutPrimary.push(annotation);
                }
            });
            return annotationsWithoutPrimary;
        };

        //to disable selection of index and partitionId annotation
        var disableIndexAndPartitionById = function () {
            var indexParent = $('#primary-index-annotations')
            var partitionParent = $('#partitionById-annotation');
            indexParent.find('.annotation-checkbox').prop("disabled", true);
            indexParent.find('.annotation-content').hide();

            partitionParent.find('.annotation-checkbox').prop("disabled", true);
            partitionParent.find('.annotation-content').hide();

            $('.store-content').hide();
            $('.store-annotation-checkbox').prop('checked', false);
        };

        //to enable selection of index and partitionId annotation
        var enableIndexAndPartitionById = function () {
            var indexParent = $('#primary-index-annotations')
            var partitionParent = $('#partitionById-annotation');
            indexParent.find('.annotation-checkbox').prop("disabled", false);
            if (indexParent.find('.annotation-checkbox').is(':checked')) {
                indexParent.find('.annotation-content').show();
            }

            partitionParent.find('.annotation-checkbox').prop("disabled", false);
            if (partitionParent.find('.annotation-checkbox').is(':checked')) {
                partitionParent.find('.annotation-content').show();
            }

            $('.store-content').show();
            $('.store-annotation-checkbox').prop('checked', true);
        };

        //to validate the aggregate[interval section]
        var validateAggregateInterval = function (self) {
            var selectedIntervals = [];
            var isErrorOccurred = false;
            $('.interval-option').each(function () {
                if ($(this).find('.interval-checkbox').is(':checked')) {
                    selectedIntervals.push($(this).text().trim())
                }
            });

            if (selectedIntervals.length == 0) {
                var errorLabel = $('.interval-content').find('.error-message');
                errorLabel.text("Minimum one granularity is required.");
                errorLabel.show();
                self.formUtils.addErrorClass('.interval-content');
                isErrorOccurred = true;
            }
            return isErrorOccurred;
        };

        //to validate aggregate range
        var validateAggregateRange = function () {
            var isErrorOccurred = false;
            var minRange = $('.min-content').find('.range-selection').val();
            var maxRange = $('.max-content').find('.range-selection').val();
            if (Constants.SIDDHI_TIME.indexOf(minRange) > Constants.SIDDHI_TIME.indexOf(maxRange)) {
                $('.min-content').find('.error-message').text('Start time period must be less than end time' +
                    ' period')
                isErrorOccurred = true;
            }
            return isErrorOccurred;
        };

        //to build aggregate[interval] section
        var buildAggregateInterval = function () {
            var intervals = [];
            $('.interval-option').each(function () {
                if ($(this).find('.interval-checkbox').is(':checked')) {
                    intervals.push($(this).text().trim())
                }
            });
            return intervals;
        };

        //to render interval or range based on user selection
        var renderAggregateByTimePeriod = function (self, selectedValue, aggregateByTimePeriod) {
            if (selectedValue == Constants.INTERVAL) {
                renderInterval(Constants.SIDDHI_TIME);
            } else {
                renderRange();
                self.formUtils.renderDropDown('.min-content', Constants.SIDDHI_TIME, Constants.RANGE); //min
                self.formUtils.renderDropDown('.max-content', Constants.SIDDHI_TIME, Constants.RANGE); //max
                //select max to have unique time for max and min as for min sec will be selected as default
                $('.max-content').find('.range-selection option').filter(function () {
                    return ($(this).val() == Constants.MINUTES);
                }).prop('selected', true);
            }
            if (aggregateByTimePeriod) {
                mapAggregateByTimePeriod(aggregateByTimePeriod);
            }
        };

        //to render range
        var renderRange = function () {
            var rangeContent = '<div class = "aggregate-by-range"> <div class="min-range"> <label> Starting Time '
                + 'Granularity </label> <div class="min-content"> </div> </div> <div class="max-range"> <label> Ending Time'
                + ' Granularity </label> <div class="max-content"> </div> </div> </div>';
            $('.aggregate-by-time-period-content').html(rangeContent);
        };

        //to render interval
        var renderInterval = function (possibleIntervalAttributes) {
            var intervalTemplate = Handlebars.compile($('#aggregation-by-interval-template').html());
            var wrappedHtml = intervalTemplate(possibleIntervalAttributes);
            $('.aggregate-by-time-period-content').html(wrappedHtml);
        };

        //depending on the user selected aggregate map the values for interval or range
        var mapAggregateByTimePeriod = function (aggregateByTimePeriod) {
            if (aggregateByTimePeriod.getType().toLowerCase() === Constants.INTERVAL) {
                mapIntervalValues(aggregateByTimePeriod.getValue());
            } else {
                mapRangeValues(aggregateByTimePeriod.getValue());
            }
        };

        //to map the user selected range values
        var mapRangeValues = function (rangeValues) {
            //to select min value
            $('.min-content').find('select option').filter(function () {
                return ($(this).val() == rangeValues.min.toLowerCase());
            }).prop('selected', true);

            //to select max value
            $('.max-content').find('select option').filter(function () {
                return ($(this).val() == rangeValues.max.toLowerCase());
            }).prop('selected', true);
        };

        //to map the user selected interval values
        var mapIntervalValues = function (intervalValues) {
            _.forEach(intervalValues, function (interval) {
                $('.interval-content .' + interval.toLowerCase() + '-checkbox').prop('checked', true)
            });
        };

        /**
         * @function to validate on load of the form
         */
        var validateSectionsOnLoadOfForm = function (self, possibleAttributes) {
            var isErrorOccurred = false;
            if ($('#aggregationName').val().trim() == "") {
                self.formUtils.addErrorClass("#aggregationName");
                $('#aggregationNameErrorMessage').text("Aggregation name is required.")
                isErrorOccurred = true;
            }
            if (self.formUtils.validateAggregateProjection(possibleAttributes)) {
                isErrorOccurred = true;
            }
            if ($('.group-by-checkbox').is(':checked')) {
                if (self.formUtils.validateGroupOrderBy(Constants.GROUP_BY)) {
                    isErrorOccurred = true;
                }
            }
            if ($('#aggregate-by-attribute-checkbox').is(':checked')) {
                var aggregateByAttribute = $('.aggregate-by-attribute-content .attribute-selection');
                if (!aggregateByAttribute.val()) {
                    $('.aggregate-by-content .error-message').text('Value is required');
                    self.formUtils.addErrorClass(aggregateByAttribute);
                    isErrorOccurred = true;
                }
            }
            if ($('.aggregate-by-time-period-selection').val() === Constants.INTERVAL) {
                if (validateAggregateInterval(self)) {
                    isErrorOccurred = true;
                }
            } else {
                if (validateAggregateRange()) {
                    isErrorOccurred = true;
                }
            }
            return isErrorOccurred;
        };

        /**
         * @function generate properties form for a aggregation
         * @param element selected element(aggregation)
         * @param formConsole Console which holds the form
         * @param formContainer Container which holds the form
         */
        AggregationForm.prototype.generatePropertiesForm = function (element, formConsole, formContainer) {
            var self = this;
            var id = $(element).parent().attr('id');
            var aggregationObject = self.configurationData.getSiddhiAppConfig().getAggregation(id);

            if (!aggregationObject.getConnectedSource()) {
                $('#' + id).addClass('incomplete-element');
                DesignViewUtils.prototype.warnAlert('Connect an input stream element');
                self.consoleListManager.removeFormConsole(formConsole);
            } else {
                var propertyDiv = $('<div id = "define-aggregation"> </div>' + self.formUtils.buildFormButtons());

                formContainer.append(propertyDiv);
                self.designViewContainer.addClass('disableContainer');
                self.toggleViewButton.addClass('disableContainer');
                self.formUtils.popUpSelectedElement(id);

                var customizedStoreOptions = [];
                var currentStoreOptions = [];
                var storeOptionsWithValues = [];
                var annotationsWithoutKeys = [];
                var annotationsWithKeys = [];

                var name = aggregationObject.getName();
                var connectedSource = aggregationObject.getConnectedSource();
                var annotationListObjects = removePrimaryAnnotation(aggregationObject.getAnnotationListObjects());
                var store = aggregationObject.getStore();
                var select = aggregationObject.getSelect();
                var groupBy = aggregationObject.getGroupBy();
                var aggregateByAttribute = aggregationObject.getAggregateByAttribute();
                var aggregateByTimePeriod = aggregationObject.getAggregateByTimePeriod();

                var predefinedStores = _.orderBy(this.configurationData.rawExtensions["store"], ['name'], ['asc']);
                var predefinedAggregationAnnotations = _.cloneDeep(self.configurationData.application.config.
                    type_aggregation_predefined_annotations);
                var connectedElement = self.configurationData.getSiddhiAppConfig().getDefinitionElementByName(connectedSource);
                var incrementalAggregator = self.configurationData.application.config.incremental_aggregator;
                var streamFunctions = self.formUtils.getStreamFunctionNames();

                //render the aggregation form template
                var aggregationFormTemplate = Handlebars.compile($('#aggregation-form-template').html())
                    ({ name: name, from: connectedSource });
                $('#define-aggregation').html(aggregationFormTemplate);

                self.formUtils.addEventListenerToRemoveRequiredClass();
                self.formUtils.addEventListenerToShowAndHideInfo();
                self.formUtils.addEventListenerToShowInputContentOnHover();

                //createAnnotationObjects
                annotationsWithKeys = self.formUtils.createObjectsForAnnotationsWithKeys(predefinedAggregationAnnotations);
                annotationsWithoutKeys = self.formUtils.createObjectsForAnnotationsWithoutKeys(predefinedAggregationAnnotations);

                //separate the annotation
                self.formUtils.mapPrimaryIndexAnnotationValues(annotationsWithoutKeys, annotationListObjects);
                self.formUtils.mapPredefinedAnnotations(annotationListObjects, annotationsWithKeys);
                var userDefinedAnnotations = self.formUtils.getUserAnnotations(annotationListObjects,
                    annotationsWithKeys.concat(annotationsWithoutKeys));

                self.formUtils.renderAnnotationTemplate("define-user-defined-annotations", userDefinedAnnotations);
                $('.define-user-defined-annotations').find('label:first-child').html('Customized Annotations');
                self.formUtils.renderPrimaryIndexAnnotations(annotationsWithoutKeys, 'define-index-annotation');
                $('.define-index-annotation').find('h4').hide();
                self.formUtils.renderPredefinedAnnotations(annotationsWithKeys,
                    'define-predefined-aggregation-annotation');
                self.formUtils.renderOptionsForPredefinedAnnotations(annotationsWithKeys);
                //render the template to  generate the store types
                self.formUtils.renderSourceSinkStoreTypeDropDown(Constants.STORE, predefinedStores);

                self.formUtils.addEventListenersForGenericOptionsDiv(Constants.STORE);
                self.formUtils.addEventListenersForPredefinedAnnotations();

                $('#define-rdbms-type').on('change', '[name=radioOpt]', function () {
                    var dataStoreOptions = self.formUtils.getRdbmsOptions(storeOptionsWithValues);
                    self.formUtils.renderOptions(dataStoreOptions, customizedStoreOptions, Constants.STORE)
                });

                $('.define-store-annotation').on('change', '.store-annotation-checkbox', function () {
                    if ($(this).is(':checked')) {
                        enableIndexAndPartitionById();
                    } else {
                        disableIndexAndPartitionById();
                    }
                });

                $('.interval-content').on('change', '.interval-checkbox', function () {
                    if ($(this).is(':checked')) {
                        $('.aggregate-by-time-period-content .error-message').hide();
                    }
                });

                //onchange of the store type select box
                $('#define-store').on('change', '#store-type', function () {
                    $('#define-predefined-annotations').show();
                    currentStoreOptions = self.formUtils.getSelectedTypeParameters(this.value, predefinedStores);
                    if (storeType && storeType === this.value) {
                        customizedStoreOptions = self.formUtils.getCustomizedOptions(currentStoreOptions,
                            storeOptions);
                        storeOptionsWithValues = self.formUtils.mapUserOptionValues(currentStoreOptions,
                            storeOptions);
                        self.formUtils.populateStoreOptions(this.value, storeOptionsWithValues,
                            customizedStoreOptions);
                    } else {
                        storeOptionsWithValues = self.formUtils.createObjectWithValues(currentStoreOptions);
                        customizedStoreOptions = [];
                        self.formUtils.populateStoreOptions(this.value, storeOptionsWithValues,
                            customizedStoreOptions);
                    }
                });

                $('#define-aggregate-by').on('change', '.range-selection', function () {
                    self.formUtils.preventMultipleSelection(Constants.RANGE);
                });

                $('#aggregate-by-attribute').on('change', '#aggregate-by-attribute-checkbox', function () {
                    if ($(this).is(':checked')) {
                        $('.aggregate-by-attribute-content').show();
                    } else {
                        $('.aggregate-by-attribute-content').hide();
                    }
                });

                $('#define-aggregate-by').on('change', '.aggregate-by-time-period-selection', function () {
                    renderAggregateByTimePeriod(self, this.value, aggregateByTimePeriod);
                    self.formUtils.preventMultipleSelection(Constants.RANGE);
                });

                if (store) {
                    var storeAnnotation = store;
                    var storeType = storeAnnotation.getType().toLowerCase();
                    currentStoreOptions = self.formUtils.getSelectedTypeParameters(storeType, predefinedStores);
                    var storeOptions = storeAnnotation.getOptions();
                    $('#define-store #store-type').val(storeType);
                    customizedStoreOptions = self.formUtils.getCustomizedOptions(currentStoreOptions, storeOptions);
                    storeOptionsWithValues = self.formUtils.mapUserOptionValues(currentStoreOptions, storeOptions);
                    self.formUtils.populateStoreOptions(storeType, storeOptionsWithValues, customizedStoreOptions);
                    enableIndexAndPartitionById();
                } else {
                    currentStoreOptions = self.formUtils.getSelectedTypeParameters($('#define-store #store-type').val(),
                        predefinedStores);
                    storeOptionsWithValues = self.formUtils.createObjectWithValues(currentStoreOptions);
                    customizedStoreOptions = [];
                    self.formUtils.renderOptions(storeOptionsWithValues, customizedStoreOptions, Constants.STORE);
                    disableIndexAndPartitionById();
                }

                var possibleAttributes = [];
                if (connectedElement.type.toLowerCase() === Constants.STREAM) {
                    var streamAttributes = connectedElement.element.getAttributeList();
                    _.forEach(streamAttributes, function (attribute) {
                        possibleAttributes.push(attribute.getName());
                    });
                } else if (connectedElement.type.toLowerCase() === Constants.TRIGGER) {
                    possibleAttributes.push(Constants.TRIGGERED_TIME);
                }

                self.formUtils.selectAggregateProjection(select)
                self.formUtils.addEventListenersForSelectionDiv();

                self.formUtils.generateGroupByDiv(groupBy, possibleAttributes);

                self.formUtils.renderDropDown('.aggregate-by-attribute-content', possibleAttributes,
                    Constants.ATTRIBUTE);

                if (!aggregateByAttribute || aggregateByAttribute == "") {
                    $('.aggregate-by-attribute-content').hide();
                } else {
                    $('#aggregate-by-attribute-checkbox').prop("checked", true);

                    $('#aggregate-by-attribute').find('.attribute-selection option').filter(function () {
                        return ($(this).val() == aggregateByAttribute);
                    }).prop('selected', true);
                }

                if (!aggregateByTimePeriod) {
                    var aggregateByTimePeriodType = Constants.INTERVAL;
                } else {
                    var aggregateByTimePeriodType = aggregateByTimePeriod.getType().toLowerCase();
                    $('#aggregate-by-time-period').find('.aggregate-by-time-period-selection option').filter(function () {
                        return ($(this).val() == aggregateByTimePeriodType);
                    }).prop('selected', true);
                }

                renderAggregateByTimePeriod(self, aggregateByTimePeriodType, aggregateByTimePeriod);
                self.formUtils.preventMultipleSelection(Constants.RANGE);

                /**
                 * to show user the lost saved data when the connection is deleted/ when the connected stream is modified
                 * only if the form is an already edited form
                 */
                if (name) {
                    validateSectionsOnLoadOfForm(self, possibleAttributes);
                }

                //create autocompletion
                var selectExpressionMatches = JSON.parse(JSON.stringify(possibleAttributes));
                selectExpressionMatches = selectExpressionMatches.concat(incrementalAggregator);
                selectExpressionMatches = selectExpressionMatches.concat(streamFunctions)
                selectExpressionMatches.push(Constants.AS);
                self.formUtils.createAutocomplete($('.attribute-expression-as'), selectExpressionMatches);
                $('.define-select').on('click', '.btn-add-user-defined-attribute', function () {
                    self.formUtils.appendUserSelectAttribute();
                    self.formUtils.createAutocomplete($('.attribute-expression-as:last'), selectExpressionMatches);
                });

                $(formContainer).on('click', '#btn-submit', function () {

                    self.formUtils.removeErrorClass();
                    var isErrorOccurred = false;

                    if (validateSectionsOnLoadOfForm(self, possibleAttributes)) {
                        isErrorOccurred = true;
                        return;
                    }

                    var aggregationName = $('#aggregationName').val().trim();
                    var previouslySavedName = aggregationObject.getName();
                    if (previouslySavedName === undefined) {
                        previouslySavedName = "";
                    }
                    if (previouslySavedName !== aggregationName) {
                        var isAggregationNameUsed = self.formUtils.isDefinitionElementNameUsed(aggregationName, id);
                        if (isAggregationNameUsed) {
                            self.formUtils.addErrorClass("#aggregationName");
                            $('#aggregationNameErrorMessage').text("Aggregation name is already used.")
                            isErrorOccurred = true;
                            return;
                        }
                        if (self.formUtils.validateAttributeOrElementName("#aggregationName", Constants.AGGREGATION,
                            aggregationName)) {
                            isErrorOccurred = true;
                            return;
                        }
                    }

                    var isStoreChecked = $('.store-annotation-checkbox').is(':checked');
                    if (isStoreChecked) {
                        if (self.formUtils.validateOptions(currentStoreOptions, Constants.STORE)) {
                            isErrorOccurred = true;
                            return;
                        }
                        if (self.formUtils.validateCustomizedOptions(Constants.STORE)) {
                            isErrorOccurred = true;
                            return;
                        }
                        if (self.formUtils.validatePrimaryIndexAnnotations()) {
                            isErrorOccurred = true;
                            return;
                        }
                    }

                    if (self.formUtils.validatePredefinedAnnotations(predefinedAggregationAnnotations)) {
                        isErrorOccurred = true;
                        return;
                    }

                    if (!isErrorOccurred) {

                        aggregationObject.setConnectedSource($('#aggregation-from').val().trim());

                        var outConnections = self.jsPlumbInstance.getConnections({ source: id + '-out' });
                        var inConnections = self.jsPlumbInstance.getConnections({ target: id + '-in' });
                        // delete connections related to the element if the name is changed
                        self.formUtils.deleteConnectionsAfterDefinitionElementNameChange(outConnections, inConnections);
                        // update selected aggregation model
                        aggregationObject.setName(aggregationName);
                        // establish connections related to the element if the name is changed
                        self.formUtils.establishConnectionsAfterDefinitionElementNameChange(outConnections, inConnections);

                        var textNode = $('#' + id).find('.aggregationNameNode');
                        textNode.html(aggregationName);

                        var annotationStringList = [];
                        var annotationObjectList = [];
                        if (isStoreChecked) {
                            //add store
                            var selectedStoreType = $('#define-store #store-type').val();
                            var storeOptions = [];
                            self.formUtils.buildOptions(storeOptions, Constants.STORE);
                            self.formUtils.buildCustomizedOption(storeOptions, Constants.SOURCE);
                            var storeAnnotationOptions = {};
                            _.set(storeAnnotationOptions, 'type', selectedStoreType);
                            _.set(storeAnnotationOptions, 'options', storeOptions);
                            var storeAnnotation = new StoreAnnotation(storeAnnotationOptions);
                            aggregationObject.setStore(storeAnnotation);

                            //buildAnnotations
                            self.formUtils.buildPrimaryIndexAnnotations(annotationStringList, annotationObjectList);
                        } else {
                            aggregationObject.setStore(undefined);
                        }

                        self.formUtils.buildPredefinedAnnotations(predefinedAggregationAnnotations, annotationStringList,
                            annotationObjectList);
                        var annotationNodes = $('#annotation-div').jstree(true)._model.data['#'].children;
                        self.formUtils.buildAnnotation(annotationNodes, annotationStringList, annotationObjectList)
                        aggregationObject.clearAnnotationList();
                        aggregationObject.clearAnnotationListObjects();
                        _.forEach(annotationStringList, function (annotation) {
                            aggregationObject.addAnnotation(annotation);
                        });
                        _.forEach(annotationObjectList, function (annotation) {
                            aggregationObject.addAnnotationObject(annotation);
                        });

                        var selectObject = new QuerySelect(self.formUtils.buildAttributeSelection(Constants.AGGREGATION));
                        aggregationObject.setSelect(selectObject);

                        if ($('.group-by-checkbox').is(':checked')) {
                            var groupByAttributes = self.formUtils.buildGroupBy();
                            aggregationObject.setGroupBy(groupByAttributes);
                        } else {
                            aggregationObject.setGroupBy(undefined);
                        }

                        if ($('#aggregate-by-attribute-checkbox').is(':checked')) {
                            aggregationObject.setAggregateByAttribute(
                                $('#aggregate-by-attribute .attribute-selection').val())
                        } else {
                            aggregationObject.setAggregateByAttribute(undefined)
                        }

                        var aggregateByTimePeriodOptions = {};
                        var aggregateByTimePeriodType;
                        if ($('.aggregate-by-time-period-selection').val() === Constants.INTERVAL) {
                            var value = buildAggregateInterval();
                            aggregateByTimePeriodType = Constants.INTERVAL.toUpperCase();
                        } else {
                            aggregateByTimePeriodType = Constants.RANGE.toUpperCase();
                            var value = {
                                min: ($('.min-content').find('.range-selection').val()).toUpperCase(),
                                max: ($('.max-content').find('.range-selection').val()).toUpperCase()
                            };
                        }
                        _.set(aggregateByTimePeriodOptions, 'type', aggregateByTimePeriodType);
                        _.set(aggregateByTimePeriodOptions, 'value', value);
                        var aggregateByTimePeriod = new AggregateByTimePeriod(aggregateByTimePeriodOptions);
                        aggregationObject.setAggregateByTimePeriod(aggregateByTimePeriod);

                        JSONValidator.prototype.validateAggregation(aggregationObject);
                        //Send aggregation element to the backend and generate tooltip
                        var aggregationToolTip = self.formUtils.getTooltip(aggregationObject, Constants.AGGREGATION);
                        $('#' + id).prop('title', aggregationToolTip);

                        self.configurationData.setIsDesignViewContentChanged(true);
                        // close the form aggregation
                        self.consoleListManager.removeFormConsole(formConsole);
                    }
                });

                // 'Cancel' button action
                var cancelButtonElement = $(formContainer).find('#btn-cancel')[0];
                cancelButtonElement.addEventListener('click', function () {
                    // close the form aggregation
                    self.consoleListManager.removeFormConsole(formConsole);
                });
            }
        };

        return AggregationForm;
    });
