aboutsummaryrefslogtreecommitdiffstats
path: root/catalog-ui/src/app/view-models/modals/confirmation-modal/confirmation-modal-view-model.ts
blob: 3d8b6c30534fa05e2b60ff45433fba984da76281 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
'use strict';
import {ValidationUtils, ModalType} from "app/utils";

export interface IConfirmationModalModel {
    title:string;
    message:string;
    showComment:boolean;
    type:ModalType;
}

interface IConfirmationModalViewModelScope {
    modalInstanceConfirmation:ng.ui.bootstrap.IModalServiceInstance;
    confirmationModalModel:IConfirmationModalModel;
    comment:any;
    commentValidationPattern:RegExp;
    editForm:ng.IFormController;
    okButtonColor:string;
    hideCancelButton:boolean;
    ok():any;
    cancel():void;
}

export class ConfirmationModalViewModel {

    static '$inject' = ['$scope', '$uibModalInstance', 'confirmationModalModel', 'CommentValidationPattern', 'ValidationUtils'];

    constructor(private $scope:IConfirmationModalViewModelScope,
                private $uibModalInstance:ng.ui.bootstrap.IModalServiceInstance,
                confirmationModalModel:IConfirmationModalModel,
                private CommentValidationPattern:RegExp,
                private ValidationUtils:ValidationUtils) {

        this.initScope(confirmationModalModel);
    }

    private initScope = (confirmationModalModel:IConfirmationModalModel):void => {
        let self = this;
        this.$scope.hideCancelButton = false;
        this.$scope.modalInstanceConfirmation = this.$uibModalInstance;
        this.$scope.confirmationModalModel = confirmationModalModel;
        this.$scope.comment = {"text": ''};
        this.$scope.commentValidationPattern = this.CommentValidationPattern;

        this.$scope.ok = ():any => {
            self.$uibModalInstance.close(this.ValidationUtils.stripAndSanitize(self.$scope.comment.text));
        };

        this.$scope.cancel = ():void => {
            console.info('Cancel pressed on: ' + this.$scope.confirmationModalModel.title);
            self.$uibModalInstance.dismiss();
        };

        // Set the OK button color according to modal type (standard, error, alert)
        let _okButtonColor = 'blue'; // Default
        switch (confirmationModalModel.type) {
            case ModalType.STANDARD:
                _okButtonColor = 'blue';
                break;
            case ModalType.ERROR:
                _okButtonColor = 'red';
                break;
            case ModalType.ALERT:
                this.$scope.hideCancelButton = true;
                _okButtonColor = 'grey';
                break;
            default:
                _okButtonColor = 'blue';
                break;
        }
        this.$scope.okButtonColor = _okButtonColor;

    }
}