/*-
 * ============LICENSE_START=======================================================
 * SDC
 * ================================================================================
 * Copyright (C) 2017 AT&T Intellectual Property. All rights reserved.
 * ================================================================================
 * Licensed 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.
 * ============LICENSE_END=========================================================
 */
/// <reference path="../../../../references"/>
module Sdc.ViewModels {

    'use strict';
    import Resource = Sdc.Models.Components.Resource;
    import ISubCategory = Sdc.Models.ISubCategory;
    import IMainCategory = Sdc.Models.IMainCategory;
    import ResourceType = Sdc.Utils.Constants.ResourceType;

    export class Validation {
        validationPattern:RegExp;
        contactIdValidationPattern:RegExp;
        tagValidationPattern:RegExp;
        vendorValidationPattern:RegExp;
        commentValidationPattern:RegExp;
        projectCodeValidationPattern:RegExp;
    }

    export interface IGeneralScope extends IWorkspaceViewModelScope {
        validation:Validation;
        editForm:ng.IFormController;
        categories: Array<IMainCategory>;
        latestCategoryId: string;
        latestVendorName: string;
        importedFileExtension:any;
        isCreate:boolean;
        isShowFileBrowse:boolean;
        isShowOnboardingSelectionBrowse:boolean;
        importedToscaBrowseFileText:string;
        importCsarProgressKey:string;
        browseFileLabel:string;


        onToscaFileChange():void
        validateField(field:any):boolean;
        validateName(isInit:boolean): void;
        calculateUnique(mainCategory:string, subCategory:string):string; // Build unique string from main and sub category
        onVendorNameChange(oldVendorName:string): void;
        convertCategoryStringToOneArray(category:string, subcategory:string):Array<Models.IMainCategory>;
        onCategoryChange():void;
        openOnBoardingModal():void;
        initCategoreis():void;
    }

    export class GeneralViewModel {

        static '$inject' = [
            '$scope',
            'Sdc.Services.CacheService',
            'ValidationPattern',
            'ContactIdValidationPattern',
            'TagValidationPattern',
            'VendorValidationPattern',
            'CommentValidationPattern',
            'ValidationUtils',
            'sdcConfig',
            'ProjectCodeValidationPattern',
            '$state',
            'ModalsHandler',
            'EventListenerService',
            'Notification',
            'Sdc.Services.ProgressService',
            '$interval',
            '$filter',
            '$timeout'
        ];

        constructor(private $scope:IGeneralScope,
                    private cacheService:Services.CacheService,
                    private ValidationPattern:RegExp,
                    private ContactIdValidationPattern:RegExp,
                    private TagValidationPattern:RegExp,
                    private VendorValidationPattern:RegExp,
                    private CommentValidationPattern:RegExp,
                    private ValidationUtils:Sdc.Utils.ValidationUtils,
                    private sdcConfig:Models.IAppConfigurtaion,
                    private ProjectCodeValidationPattern:RegExp,
                    private $state:ng.ui.IStateService,
                    private ModalsHandler: Sdc.Utils.ModalsHandler,
                    private EventListenerService:Services.EventListenerService,
                    private Notification:any,
                    private progressService:Sdc.Services.ProgressService,
                    protected $interval:any,
                    private $filter:ng.IFilterService,
                    private $timeout:ng.ITimeoutService
            ){

            this.registerToSuccessSaveEvent();
            this.initScopeValidation();
            this.initScopeMethods();
            this.initScope();
            this.$scope.updateSelectedMenuItem();
        }

        private registerToSuccessSaveEvent = ():void => {
            // Register to save success to show notification to user.
            this.EventListenerService.registerObserverCallback(Utils.Constants.EVENTS.ON_WORKSPACE_SAVE_BUTTON_SUCCESS, this.showSuccessNotificationMessage);

        };

        private showSuccessNotificationMessage = ():void => {
            // In case we import CSAR. Notify user when import VF was finished.
            this.Notification.success({
                message: this.$filter('translate')("IMPORT_VF_MESSAGE_CREATE_FINISHED_DESCRIPTION"),
                title: this.$filter('translate')("IMPORT_VF_MESSAGE_CREATE_FINISHED_TITLE")
            });

            //set the form Pristine after save to reset the unsaved changes (whit for dom  reload)
            this.$timeout(()=> {
                if(this.$scope.editForm) {
                    this.$scope.editForm.$setPristine();
                }
            }, 500);

        };



        private initScopeValidation = ():void => {
            this.$scope.validation = new Validation();
            this.$scope.validation.validationPattern = this.ValidationPattern;
            this.$scope.validation.contactIdValidationPattern = this.ContactIdValidationPattern;
            this.$scope.validation.tagValidationPattern = this.TagValidationPattern;
            this.$scope.validation.vendorValidationPattern = this.VendorValidationPattern;
            this.$scope.validation.commentValidationPattern = this.CommentValidationPattern;
            this.$scope.validation.projectCodeValidationPattern = this.ProjectCodeValidationPattern;
        };

        private initScope = ():void => {

            // Work around to change the csar version
            if (this.cacheService.get(Utils.Constants.CHANGE_COMPONENT_CSAR_VERSION_FLAG)) {
                (<Resource>this.$scope.component).csarVersion = this.cacheService.get(Utils.Constants.CHANGE_COMPONENT_CSAR_VERSION_FLAG);
            }

            this.$scope.importedToscaBrowseFileText = this.$scope.component.name + " (" + (<Resource>this.$scope.component).csarVersion + ")";
            this.$scope.importCsarProgressKey = "importCsarProgressKey";
            this.$scope.browseFileLabel = this.$scope.component.isResource() && (<Resource>this.$scope.component).resourceType===ResourceType.VF? "Upload file" : "Upload VFC";
            this.$scope.progressService = this.progressService;

            // Workaround to short vendor name to 25 chars
            // onboarding send 27 chars, and the validation pattern is 25 chars.
            if (this.$scope.component.vendorName){
                this.$scope.component.vendorName = this.$scope.component.vendorName.substr(0, 25);
            }

            // Init UIModel
            this.$scope.component.tags = _.without(this.$scope.component.tags, this.$scope.component.name);

            // Init categories
            this.$scope.initCategoreis();

            // Init the decision if to show file browse.
            this.$scope.isShowFileBrowse = false;
            if (this.$scope.component.isResource()){
                let resource:Sdc.Models.Components.Resource = <Sdc.Models.Components.Resource>this.$scope.component;
                console.log(resource.name + ": " + resource.csarUUID);
                if (resource.importedFile){ // Component has imported file.
                    this.$scope.isShowFileBrowse = true;
                }
                if (this.$scope.isEditMode() && resource.resourceType== ResourceType.VF && !resource.csarUUID){
                    this.$scope.isShowFileBrowse = true;
                }
            };

            // Init the decision if to show onboarding
            this.$scope.isShowOnboardingSelectionBrowse = false;
            if (this.$scope.component.isResource() &&
                this.$scope.isEditMode() &&
                (<Resource>this.$scope.component).resourceType== ResourceType.VF &&
                (<Resource>this.$scope.component).csarUUID) {
                    this.$scope.isShowOnboardingSelectionBrowse = true;
            }

            //init file extensions based on the file that was imported.
            if (this.$scope.component.isResource() && (<Resource>this.$scope.component).importedFile){
                let fileName:string = (<Resource>this.$scope.component).importedFile.filename;
                let fileExtension:string  = fileName.split(".").pop();
                if (this.sdcConfig.csarFileExtension.indexOf(fileExtension.toLowerCase()) !== -1){
                    this.$scope.importedFileExtension = this.sdcConfig.csarFileExtension;
                    (<Resource>this.$scope.component).importedFile.filetype="csar";
                } else if (this.sdcConfig.toscaFileExtension.indexOf(fileExtension.toLowerCase()) !== -1){
                    (<Resource>this.$scope.component).importedFile.filetype="yaml";
                    this.$scope.importedFileExtension = this.sdcConfig.toscaFileExtension;
                }
            }else if(this.$scope.isEditMode()&& (<Resource>this.$scope.component).resourceType === ResourceType.VF){
                this.$scope.importedFileExtension = this.sdcConfig.csarFileExtension;
                //(<Resource>this.$scope.component).importedFile.filetype="csar";
            }

            this.$scope.setValidState(true);

            this.$scope.calculateUnique = (mainCategory:string, subCategory:string):string => {
                let uniqueId:string = mainCategory;
                if (subCategory) {
                    uniqueId += "_#_" + subCategory; // Set the select category combobox to show the selected category.
                }
                return uniqueId;
            };

            //TODO remove this after handling contact in UI
            if(this.$scope.component.isProduct() && this.$scope.isCreateMode()){
                (<Models.Components.Product>this.$scope.component).contacts = [];
                (<Models.Components.Product>this.$scope.component).contacts.push(this.cacheService.get("user").userId);
            }else if(this.$scope.isCreateMode()){
                this.$scope.component.contactId = this.cacheService.get("user").userId;
            }

        };

        // Convert category string MainCategory_#_SubCategory to Array with one item (like the server except)
        private convertCategoryStringToOneArray = ():Array<Models.IMainCategory> => {
            let tmp = this.$scope.component.selectedCategory.split("_#_");
            let mainCategory = tmp[0];
            let subCategory = tmp[1];

            // Find the selected category and add the relevant sub category.
            let selectedMainCategory:IMainCategory = <Models.IMainCategory>_.find(this.$scope.categories, function (item) {
                return item["name"] === mainCategory;

            });

            let mainCategoryClone = angular.copy(selectedMainCategory);
            if (subCategory) {
                let selectedSubcategory = <Models.ISubCategory>_.find(selectedMainCategory.subcategories, function (item) {
                    return item["name"] === subCategory;
                });
                mainCategoryClone['subcategories'] = [angular.copy(selectedSubcategory)];
            }
            let tmpSelected = <Models.IMainCategory> mainCategoryClone;

            let result:Array<Models.IMainCategory> = [];
            result.push(tmpSelected);

            return result;
        };

        private updateComponentNameInBreadcrumbs = ():void => {
            //update breadcrum after changing name
            this.$scope.breadcrumbsModel[1].updateSelectedMenuItemText(this.$scope.component.getComponentSubType() + ': ' + this.$scope.component.name);
            this.$scope.updateMenuComponentName(this.$scope.component.name);
        };

        private initScopeMethods = ():void => {

            this.$scope.initCategoreis = ():void => {
                if (this.$scope.componentType === Utils.Constants.ComponentType.RESOURCE) {
                    this.$scope.categories = this.cacheService.get('resourceCategories');

                }
                if (this.$scope.componentType === Utils.Constants.ComponentType.SERVICE) {
                    this.$scope.categories = this.cacheService.get('serviceCategories');
                }
            }

            this.$scope.validateField = (field:any):boolean => {
                if (field && field.$dirty && field.$invalid) {
                    return true;
                }
                return false;
            };

            this.$scope.openOnBoardingModal=():void => {
                let csarUUID = (<Resource>this.$scope.component).csarUUID;
                this.ModalsHandler.openOnboadrdingModal('Update', csarUUID).then(()=>{
                    // OK
                    this.$scope.uploadFileChangedInGeneralTab();
                }, ()=>{
                    // ERROR
                });
            };

            this.$scope.validateName = (isInit:boolean):void => {
                if (isInit === undefined) {
                    isInit = false;
                }

                let name = this.$scope.component.name;
                if (!name || name === "") {
                    if (this.$scope.editForm
                        && this.$scope.editForm["componentName"]
                        && this.$scope.editForm["componentName"].$error) {

                        // Clear the error name already exists
                        this.$scope.editForm["componentName"].$setValidity('nameExist', true);
                    }

                    return;
                }
                //?????????????????????????
                let subtype:string = Utils.Constants.ComponentType.RESOURCE == this.$scope.componentType ? this.$scope.component.getComponentSubType() : undefined;

                let onFailed = (response) => {
                    //console.info('onFaild', response);
                    //this.$scope.isLoading = false;
                };

                let onSuccess = (validation:Models.IValidate) => {
                    this.$scope.editForm["componentName"].$setValidity('nameExist', validation.isValid);
                    if(validation.isValid){
                        //update breadcrumb after changing name
                        this.updateComponentNameInBreadcrumbs();
                    }
                };

                if (isInit) {
                    // When page is init after update
                    if (this.$scope.component.name !== this.$scope.originComponent.name) {
                        if (!(this.$scope.componentType===Utils.Constants.ComponentType.RESOURCE && (<Resource>this.$scope.component).csarUUID!==undefined)
                        ){
                            this.$scope.component.validateName(name, subtype).then(onSuccess, onFailed);
                        }
                    }
                } else {
                    // Validating on change (has debounce)
                    if (this.$scope.editForm
                        && this.$scope.editForm["componentName"]
                        && this.$scope.editForm["componentName"].$error
                        && !this.$scope.editForm["componentName"].$error.pattern
                        && this.$scope.component.name !== this.$scope.originComponent.name
                    ) {
                        if (!(this.$scope.componentType===Utils.Constants.ComponentType.RESOURCE && (<Resource>this.$scope.component).csarUUID!==undefined)
                        ){
                            this.$scope.component.validateName(name, subtype).then(onSuccess, onFailed);
                        }
                    } else if (this.$scope.component.name === this.$scope.originComponent.name) {
                        // Clear the error
                        this.$scope.editForm["componentName"].$setValidity('nameExist', true);
                    }
                }
            };

            this.$scope.$watchCollection('component.name', (newData:any):void => {
                this.$scope.validateName(false);
            });

            // Notify the parent if this step valid or not.
            this.$scope.$watch("editForm.$valid", (newVal, oldVal) => {
                this.$scope.setValidState(newVal);
            });

            this.$scope.$watch("editForm.$dirty", (newVal, oldVal) => {
                if (newVal!==oldVal) {
                    this.$state.current.data.unsavedChanges = newVal && !this.$scope.isCreateMode();
                }
            });

            this.$scope.onCategoryChange = ():void => {
                this.$scope.component.categories = this.convertCategoryStringToOneArray();
                this.$scope.component.icon = Utils.Constants.DEFAULT_ICON;
            };

            this.$scope.onVendorNameChange = (oldVendorName:string):void => {
                if (this.$scope.component.icon === oldVendorName) {
                    this.$scope.component.icon = Utils.Constants.DEFAULT_ICON;
                }
            };
        };
    }
}