'use strict';
import {ICategoryResourceClass, ICategoryResource} from "../../../services/category-resource-service";

interface IAddCategoryModalViewModelScope extends ng.IScope {
    category:ICategoryResource;
    modelType:string;
    footerButtons:Array<any>;
    forms:any;

    save():void;
    close():void;
}

export class AddCategoryModalViewModel {

    static '$inject' = [
        '$scope',
        'Sdc.Services.CategoryResourceService',
        '$uibModalInstance',
        'parentCategory',
        'type'
    ];

    constructor(private $scope:IAddCategoryModalViewModelScope,
                private categoryResourceService:ICategoryResourceClass,
                private $uibModalInstance:ng.ui.bootstrap.IModalServiceInstance,
                private parentCategory:ICategoryResource,
                private type:string) {
        this.initScope();
    }

    private initScope = ():void => {
        this.$scope.forms = {};
        this.$scope.modelType = this.parentCategory ? 'sub category' : 'category';
        this.$scope.category = new this.categoryResourceService();

        this.$scope.close = ():void => {
            this.$uibModalInstance.dismiss();
        };

        this.$scope.save = ():void => {

            let onOk = (newCategory:ICategoryResource):void => {
                this.$uibModalInstance.close(newCategory);
            };

            let onCancel = ():void => {
                //error
            };

            if (!this.parentCategory) {
                this.$scope.category.$save({types: this.type + "s"}, onOk, onCancel);
            } else {
                this.$scope.category.$saveSubCategory({
                    types: this.type + "s",
                    categoryId: this.parentCategory.uniqueId
                }, onOk, onCancel);
            }

        };

        this.$scope.footerButtons = [
            {'name': 'OK', 'css': 'blue', 'callback': this.$scope.save, 'disabled': true},
            {'name': 'Cancel', 'css': 'grey', 'callback': this.$scope.close}
        ];

        this.$scope.$watch("forms.editForm.$invalid", (newVal, oldVal) => {
            this.$scope.footerButtons[0].disabled = this.$scope.forms.editForm.$invalid;
        });

    }
}