aboutsummaryrefslogtreecommitdiffstats
path: root/catalog-ui/src/app/utils/modals-handler.ts
blob: c6d1d36fc7e7c01558d06bec2b26942e148dcd8d (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
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
@media only all and (prefers-color-scheme: dark) {
.highlight .hll { background-color: #49483e }
.highlight .c { color: #75715e } /* Comment */
.highlight .err { color: #960050; background-color: #1e0010 } /* Error */
.highlight .k { color: #66d9ef } /* Keyword */
.highlight .l { color: #ae81ff } /* Literal */
.highlight .n { color: #f8f8f2 } /* Name */
.highlight .o { color: #f92672 } /* Operator */
.highlight .p { color: #f8f8f2 } /* Punctuation */
.highlight .ch { color: #75715e } /* Comment.Hashbang */
.highlight .cm { color: #75715e } /* Comment.Multiline */
.highlight .cp { color: #75715e } /* Comment.Preproc */
.highlight .cpf { color: #75715e } /* Comment.PreprocFile */
.highlight .c1 { color: #75715e } /* Comment.Single */
.highlight .cs { color: #75715e } /* Comment.Special */
.highlight .gd { color: #f92672 } /* Generic.Deleted */
.highlight .ge { font-style: italic } /* Generic.Emph */
.highlight .gi { color: #a6e22e } /* Generic.Inserted */
.highlight .gs { font-weight: bold } /* Generic.Strong */
.highlight .gu { color: #75715e } /* Generic.Subheading */
.highlight .kc { color: #66d9ef } /* Keyword.Constant */
.highlight .kd { color: #66d9ef } /* Keyword.Declaration */
.highlight .kn { color: #f92672 } /* Keyword.Namespace */
.highlight .kp { color: #66d9ef } /* Keyword.Pseudo */
.highlight .kr { color: #66d9ef } /* Keyword.Reserved */
.highlight .kt { color: #66d9ef } /* Keyword.Type */
.highlight .ld { color: #e6db74 } /* Literal.Date */
.highlight .m { color: #ae81ff } /* Literal.Number */
.highlight .s { color: #e6db74 } /* Literal.String */
.highlight .na { color: #a6e22e } /* Name.Attribute */
.highlight .nb { color: #f8f8f2 } /* Name.Builtin */
.highlight .nc { color: #a6e22e } /* Name.Class */
.highlight .no { color: #66d9ef } /* Name.Constant */
.highlight .nd { color: #a6e22e } /* Name.Decorator */
.highlight .ni { color: #f8f8f2 } /* Name.Entity */
.highlight .ne { color: #a6e22e } /* Name.Exception */
.highlight .nf { color: #a6e22e } /* Name.Function */
.highlight .nl { color: #f8f8f2 } /* Name.Label */
.highlight .nn { color: #f8f8f2 } /* Name.Namespace */
.highlight .nx { color: #a6e22e } /* Name.Other */
.highlight .py { color: #f8f8f2 } /* Name.Property */
.highlight .nt { color: #f92672 } /* Name.Tag */
.highlight .nv { color: #f8f8f2 } /* Name.Variable */
.highlight .ow { color: #f92672 } /* Operator.Word */
.highlight .w { color: #f8f8f2 } /* Text.Whitespace */
.highlight .mb { color: #ae81ff } /* Literal.Number.Bin */
.highlight .mf { color: #ae81ff } /* Literal.Number.Float */
.highlight .mh { color: #ae81ff } /* Literal.Number.Hex */
.highlight .mi { color: #ae81ff } /* Literal.Number.Integer */
.highlight .mo { color: #ae81ff } /* Literal.Number.Oct */
.highlight .sa { color: #e6db74 } /* Literal.String.Affix */
.highlight .sb { color: #e6db74 } /* Literal.String.Backtick */
.highlight .sc { color: #e6db74 } /* Literal.String.Char */
.highlight .dl { color: #e6db74 } /* Literal.String.Delimiter */
.highlight .sd { color: #e6db74 } /* Literal.String.Doc */
.highlight .s2 { color: #e6db74 } /* Literal.String.Double */
.highlight .se { color: #ae81ff } /* Literal.String.Escape */
.highlight .sh { color: #e6db74 } /* Literal.String.Heredoc */
.highlight .si { color: #e6db74 } /* Literal.String.Interpol */
.highlight .sx { color: #e6db74 } /* Literal.String.Other */
.highlight .sr { color: #e6db74 } /* Literal.String.Regex */
.highlight .s1 { color: #e6db74 } /* Literal.String.Single */
.highlight .ss { color: #e6db74 } /* Literal.String.Symbol */
.highlight .bp { color: #f8f8f2 } /* Name.Builtin.Pseudo */
.highlight .fm { color: #a6e22e } /* Name.Function.Magic */
.highlight .vc { color: #f8f8f2 } /* Name.Variable.Class */
.highlight .vg { color: #f8f8f2 } /* Name.Variable.Global */
.highlight .vi { color: #f8f8f2 } /* Name.Variable.Instance */
.highlight .vm { color: #f8f8f2 } /* Name.Variable.Magic */
.highlight .il { color: #ae81ff } /* Literal.Number.Integer.Long */
}
@media (prefers-color-scheme: light) {
.highlight .hll { background-color: #ffffcc }
.highlight .c { color: #888888 } /* Comment */
.highlight .err { color: #a61717; background-color: #e3d2d2 } /* Error */
.highlight .k { color: #008800; font-weight: bold } /* Keyword */
.highlight .ch { color: #888888 } /* Comment.Hashbang */
.highlight .cm { color: #888888 } /* Comment.Multiline */
.highlight .cp { color: #cc0000; font-weight: bold } /* Comment.Preproc */
.highlight .cpf { color: #888888 } /* Comment.PreprocFile */
.highlight .c1 { color: #888888 } /* Comment.Single */
.highlight .cs { color: #cc0000; font-weight: bold; background-color: #fff0f0 } /* Comment.Special */
.highlight .gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */
.highlight .ge { font-style: italic } /* Generic.Emph */
.highlight .gr { color: #aa0000 } /* Generic.Error */
.highlight .gh { color: #333333 } /* Generic.Heading */
.highlight .gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */
.highlight .go { color: #888888 } /* Generic.Output */
.highlight .gp { color: #555555 } /* Generic.Prompt */
.highlight .gs { font-weight: bold } /* Generic.Strong */
.highlight .gu { color: #666666 } /* Generic.Subheading */
.highlight .gt { color: #aa0000 } /* Generic.Traceback */
.highlight .kc { color: #008800; font-weight: bold } /* Keyword.Constant */
.highlight .kd { color: #008800; font-weight: bold } /* Keyword.Declaration */
.highlight .kn { color: #008800; font-weight: bold } /* Keyword.Namespace */
.highlight .kp { color: #008800 } /* Keyword.Pseudo */
.highlight .kr { color: #008800; font-weight: bold } /* Keyword.Reserved */
.highlight .kt { color: #888888; font-weight: bold } /* Keyword.Type */
.highlight .m { color: #0000DD; font-weight: bold } /* Literal.Number */
.highlight .s { color: #dd2200; background-color: #fff0f0 } /* Literal.String */
.highlight .na { color: #336699 } /* Name.Attribute */
.highlight .nb { color: #003388 } /* Name.Builtin */
.highlight .nc { color: #bb0066; font-weight: bold } /* Name.Class */
.highlight .no { color: #003366; font-weight: bold } /* Name.Constant */
.highlight .nd { color: #555555 } /* Name.Decorator */
.highlight .ne { color: #bb0066; font-weight: bold } /* Name.Exception */
.highlight .nf { color: #0066bb; font-weight: bold } /* Name.Function */
.highlight .nl { color: #336699; font-style: italic } /* Name.Label */
.highlight .nn { color: #bb0066; font-weight: bold } /* Name.Namespace */
.highlight .py { color: #336699; font-weight: bold } /* Name.Property */
.highlight .nt { color: #bb0066; font-weight: bold } /* Name.Tag */
.highlight .nv { color: #336699 } /* Name.Variable */
.highlight .ow { color: #008800 } /* Operator.Word */
.highlight .w { color: #bbbbbb } /* Text.Whitespace */
.highlight .mb { color: #0000DD; font-weight: bold } /* Literal.Number.Bin */
.highlight .mf { color: #0000DD; font-weight: bold } /* Literal.Number.Float */
.highlight .mh { color: #0000DD; font-weight: bold } /* Literal.Number.Hex */
.highlight .mi { color: #0000DD; font-weight: bold } /* Literal.Number.Integer */
.highlight .mo { color: #0000DD; font-weight: bold } /* Literal.Number.Oct */
.highlight .sa { color: #dd2200; background-color: #fff0f0 } /* Literal.String.Affix */
.highlight .sb { color: #dd2200; background-color: #fff0f0 } /* Literal.String.Backtick */
.highlight .sc { color: #dd2200; background-color: #fff0f0 } /* Literal.String.Char */
.highlight .dl { color: #dd2200; background-color:
import {PropertyModel, Component, ArtifactModel, Distribution, InputModel, DisplayModule, InputPropertyBase} from "../models";
import {IEmailModalModel} from "../view-models/modals/email-modal/email-modal-view-model";
import {IClientMessageModalModel} from "../view-models/modals/message-modal/message-client-modal/client-message-modal-view-model";
import {IServerMessageModalModel} from "../view-models/modals/message-modal/message-server-modal/server-message-modal-view-model";
import {IConfirmationModalModel} from "../view-models/modals/confirmation-modal/confirmation-modal-view-model";
import {ModalType} from "./constants";
import {AttributeModel} from "../models/attributes";

export interface IModalsHandler {


    openDistributionStatusModal (distribution:Distribution, status:string, component:Component):ng.IPromise<any>;
    openConfirmationModal (title:string, message:string, showComment:boolean, size?:string):ng.IPromise<any>;
    openAlertModal (title:string, message:string, size?:string):ng.IPromise<any>;
    openEmailModal(emailModel:IEmailModalModel):ng.IPromise<any>;
    openServerMessageModal(data:IServerMessageModalModel):ng.IPromise<any>;
    openClientMessageModal(data:IClientMessageModalModel):ng.IPromise<ng.ui.bootstrap.IModalServiceInstance>;
    openArtifactModal(artifact:ArtifactModel, component:Component):ng.IPromise<any>;
    openEditPropertyModal(property:PropertyModel, component:Component, filteredProperties:Array<PropertyModel>, isPropertyOwnValue:boolean):ng.IPromise<any>;
}

export class ModalsHandler implements IModalsHandler {

    static '$inject' = [
        '$uibModal',
        '$q'
    ];

    constructor(private $uibModal:ng.ui.bootstrap.IModalService,
                private $q:ng.IQService) {
    }




    openDistributionStatusModal = (distribution:Distribution, status:string, component:Component):ng.IPromise<any> => {
        let deferred = this.$q.defer();
        let modalOptions:ng.ui.bootstrap.IModalSettings = {
            templateUrl: '../view-models/workspace/tabs/distribution/disribution-status-modal/disribution-status-modal-view.html',
            controller: 'Sdc.ViewModels.DistributionStatusModalViewModel',
            size: 'sdc-xl',
            backdrop: 'static',
            resolve: {
                data: ():any => {
                    return {
                        'distribution': distribution,
                        'status': status,
                        'component': component
                    };
                }
            }
        };
        let modalInstance:ng.ui.bootstrap.IModalServiceInstance = this.$uibModal.open(modalOptions);
        deferred.resolve(modalInstance.result);
        return deferred.promise;
    };


    openAlertModal = (title:string, message:string, size?:string):ng.IPromise<any> => {
        return this.openConfirmationModalBase(title, message, false, ModalType.ALERT, size);
    };

    openConfirmationModal = (title:string, message:string, showComment:boolean, size?:string):ng.IPromise<any> => {
        return this.openConfirmationModalBase(title, message, showComment, ModalType.STANDARD, size);
    };

    private openConfirmationModalBase = (title:string, message:string, showComment:boolean, type:ModalType, size?:string):ng.IPromise<any> => {
        let deferred = this.$q.defer();
        let modalOptions:ng.ui.bootstrap.IModalSettings = {
            templateUrl: '../view-models/modals/confirmation-modal/confirmation-modal-view.html',
            controller: 'Sdc.ViewModels.ConfirmationModalViewModel',
            size: size ? size : 'sdc-sm',
            backdrop: 'static',
            resolve: {
                confirmationModalModel: ():IConfirmationModalModel => {
                    let model:IConfirmationModalModel = {
                        title: title,
                        message: message,
                        showComment: showComment,
                        type: type
                    };
                    return model;
                }
            }
        };

        let modalInstance:ng.ui.bootstrap.IModalServiceInstance = this.$uibModal.open(modalOptions);
        deferred.resolve(modalInstance.result);
        return deferred.promise;
    };

    openEmailModal = (emailModel:IEmailModalModel):ng.IPromise<any> => {

        let deferred = this.$q.defer();
        let modalOptions:ng.ui.bootstrap.IModalSettings = {
            templateUrl: '../view-models/modals/email-modal/email-modal-view.html',
            controller: 'Sdc.ViewModels.EmailModalViewModel',
            size: 'sdc-sm',
            backdrop: 'static',
            resolve: {
                emailModalModel: ():IEmailModalModel => {
                    return emailModel;
                }
            }
        };
        let modalInstance:ng.ui.bootstrap.IModalServiceInstance = this.$uibModal.open(modalOptions);
        deferred.resolve(modalInstance.result);
        return deferred.promise;

    };

    openServerMessageModal = (data:IServerMessageModalModel):ng.IPromise<any> => {
        let deferred = this.$q.defer();
        let modalOptions:ng.ui.bootstrap.IModalSettings = {
            templateUrl: '../view-models/modals/message-modal/message-server-modal/server-message-modal-view.html',
            controller: 'Sdc.ViewModels.ServerMessageModalViewModel',
            size: 'sdc-sm',
            backdrop: 'static',
            resolve: {
                serverMessageModalModel: ():IServerMessageModalModel => {
                    return data;
                }
            }
        };

        let modalInstance:ng.ui.bootstrap.IModalServiceInstance = this.$uibModal.open(modalOptions);
        deferred.resolve(modalInstance.result);
        return deferred.promise;
    };

    openClientMessageModal = (data:IClientMessageModalModel):ng.IPromise<any> => {
        let deferred = this.$q.defer();
        let modalOptions:ng.ui.bootstrap.IModalSettings = {
            templateUrl: '../view-models/modals/message-modal/message-client-modal/client-message-modal-view.html',
            controller: 'Sdc.ViewModels.ClientMessageModalViewModel',
            size: 'sdc-sm',
            backdrop: 'static',
            resolve: {
                clientMessageModalModel: ():IClientMessageModalModel => {
                    return data;
                }
            }
        };
        let modalInstance:ng.ui.bootstrap.IModalServiceInstance = this.$uibModal.open(modalOptions);
        deferred.resolve(modalInstance);
        return deferred.promise;
    };

    openOnboadrdingModal = (okButtonText:string, currentCsarUUID?:string):ng.IPromise<any> => {
        let deferred = this.$q.defer();
        let modalOptions:ng.ui.bootstrap.IModalSettings = {
            templateUrl: '../view-models/modals/onboarding-modal/onboarding-modal-view.html',
            controller: 'Sdc.ViewModels.OnboardingModalViewModel',
            size: 'sdc-xl',
            backdrop: 'static',
            resolve: {
                okButtonText: ():string=> {
                    return okButtonText;
                },
                currentCsarUUID: ():string=> {
                    return currentCsarUUID || null;
                }
            }
        };
        let modalInstance:ng.ui.bootstrap.IModalServiceInstance = this.$uibModal.open(modalOptions);
        deferred.resolve(modalInstance.result);
        return deferred.promise;
    };

    openEditEnvParametersModal = (artifactResource:ArtifactModel, component?:Component):ng.IPromise<any> => {
        let deferred = this.$q.defer();
        let modalOptions:ng.ui.bootstrap.IModalSettings = {
            templateUrl: '../view-models/forms/env-parameters-form/env-parameters-form.html',
            controller: 'Sdc.ViewModels.EnvParametersFormViewModel',
            size: 'sdc-xl',
            backdrop: 'static',
            resolve: {
                artifact: ():ArtifactModel => {
                    return artifactResource;
                },
                component: ():Component => {
                    return component;
                }
            }
        };
        let modalInstance:ng.ui.bootstrap.IModalServiceInstance = this.$uibModal.open(modalOptions);
        deferred.resolve(modalInstance.result);
        return deferred.promise;
    };

    openEditInputValueModal = (input:InputModel):ng.IPromise<any> => {
        let deferred = this.$q.defer();
        let modalOptions:ng.ui.bootstrap.IModalSettings = {
            templateUrl: '../view-models/forms/input-form/input-form-view.html',
            controller: 'Sdc.ViewModels.InputFormViewModel',
            size: 'sdc-md',
            backdrop: 'static',
            resolve: {
                input: ():InputModel => {
                    return input;
                }
            }
        };
        let modalInstance:ng.ui.bootstrap.IModalServiceInstance = this.$uibModal.open(modalOptions);
        deferred.resolve(modalInstance.result);
        return deferred.promise;
    };

    openArtifactModal = (artifact:ArtifactModel, component:Component):ng.IPromise<any> => {
        let deferred = this.$q.defer();

        let modalOptions:ng.ui.bootstrap.IModalSettings = {
            templateUrl: '../view-models/forms/artifact-form/artifact-form-view.html',
            controller: 'Sdc.ViewModels.ArtifactResourceFormViewModel',
            size: 'sdc-md',
            backdrop: 'static',
            keyboard: false,
            resolve: {
                artifact: ():ArtifactModel => {
                    return artifact;
                },
                component: ():Component => {
                    return component;
                }
            }
        };

        let modalInstance:ng.ui.bootstrap.IModalServiceInstance = this.$uibModal.open(modalOptions);
        deferred.resolve(modalInstance.result);
        return deferred.promise;
    };


    /**
     *
     * This function openes up the edit property modal
     *
     * @param property - the property to edit
     * @param component - the component who is the owner of the property
     * @param filteredProperties - the filtered properties list to scroll between in the edit modal
     * @param isPropertyValueOwner - boolean telling if the component is eligible of editing the property
     * @returns {IPromise<T>} - Promise telling if the modal has opened or not
     */
    openEditPropertyModal = (property:PropertyModel, component:Component, filteredProperties:Array<PropertyModel>, isPropertyValueOwner:boolean):ng.IPromise<any> => {
        let deferred = this.$q.defer();

        let modalOptions:ng.ui.bootstrap.IModalSettings = {
            templateUrl: '../view-models/forms/property-forms/component-property-form/property-form-view.html',
            controller: 'Sdc.ViewModels.PropertyFormViewModel',
            size: 'sdc-l',
            backdrop: 'static',
            keyboard: false,
            resolve: {
                property: ():PropertyModel => {
                    return property;
                },
                component: ():Component => {
                    return <Component> component;
                },
                filteredProperties: ():Array<PropertyModel> => {
                    return filteredProperties;
                },
                isPropertyValueOwner: ():boolean => {
                    return isPropertyValueOwner;
                }
            }
        };

        let modalInstance:ng.ui.bootstrap.IModalServiceInstance = this.$uibModal.open(modalOptions);
        deferred.resolve(modalInstance.result);
        return deferred.promise;
    };


    openEditModulePropertyModal = (property:PropertyModel, component:Component, selectedModule:DisplayModule):ng.IPromise<any> => {
        let deferred = this.$q.defer();

        let modalOptions:ng.ui.bootstrap.IModalSettings = {
            templateUrl: '../view-models/forms/property-forms/base-property-form/property-form-base-view.html',
            controller: 'Sdc.ViewModels.ModulePropertyView',
            size: 'sdc-l',
            backdrop: 'static',
            keyboard: false,
            resolve: {
                originalProperty: ():PropertyModel => {
                    return property;
                },
                component: ():Component => {
                    return <Component> component;
                },
                selectedModule: ():DisplayModule => {
                    return selectedModule;
                }
            }
        };

        let modalInstance:ng.ui.bootstrap.IModalServiceInstance = this.$uibModal.open(modalOptions);
        deferred.resolve(modalInstance.result);
        return deferred.promise;
    };

    openSelectDataTypeModal = (property:PropertyModel, component:Component, filteredProperties:Array<PropertyModel>, propertiesMap:Array<InputPropertyBase>):ng.IPromise<any> => {
        let deferred = this.$q.defer();

        let modalOptions:ng.ui.bootstrap.IModalSettings = {
            templateUrl: '../view-models/forms/property-forms/base-property-form/property-form-base-view.html',
            controller: 'Sdc.ViewModels.SelectDataTypeViewModel',
            size: 'sdc-l',
            backdrop: 'static',
            keyboard: false,
            resolve: {
                originalProperty: ():PropertyModel => {
                    return property;
                },
                component: ():Component => {
                    return <Component> component;
                },
                filteredProperties: ():Array<PropertyModel> => {
                    return filteredProperties;
                },
                propertiesMap: ():Array<InputPropertyBase>=> {
                    return propertiesMap;
                }
            }
        };

        let modalInstance:ng.ui.bootstrap.IModalServiceInstance = this.$uibModal.open(modalOptions);
        deferred.resolve(modalInstance.result);
        return deferred.promise;
    };

    public openEditAttributeModal = (attribute:AttributeModel, component: Component):void => {

        let modalOptions:ng.ui.bootstrap.IModalSettings = {
            templateUrl: '../view-models/forms/attribute-form/attribute-form-view.html',
            controller: 'Sdc.ViewModels.AttributeFormViewModel',
            size: 'sdc-md',
            backdrop: 'static',
            keyboard: false,
            resolve: {
                attribute: ():AttributeModel => {
                    return attribute;
                },
                component: ():Component => {
                    return component;
                }
            }
        };
        this.$uibModal.open(modalOptions);
    };

    public openUpdateComponentInstanceNameModal = (currentComponent: Component):ng.IPromise<any> => {
        let deferred = this.$q.defer();

        let modalOptions:ng.ui.bootstrap.IModalSettings = {
            templateUrl: '../view-models/forms/resource-instance-name-form/resource-instance-name-view.html',
            controller: 'Sdc.ViewModels.ResourceInstanceNameViewModel',
            size: 'sdc-sm',
            backdrop: 'static',
            resolve: {
                component: ():Component => {
                    return currentComponent;
                }
            }
        };

        let modalInstance:ng.ui.bootstrap.IModalServiceInstance =  this.$uibModal.open(modalOptions);
        deferred.resolve(modalInstance.result);
        return deferred.promise;
    };

    public openConformanceLevelModal = ():ng.IPromise<any> => {
        let deferred = this.$q.defer();
        let modalOptions:ng.ui.bootstrap.IModalSettings = {
            templateUrl: '../view-models/modals/conformance-level-modal/conformance-level-modal-view.html',
            controller: 'Sdc.ViewModels.ConformanceLevelModalViewModel',
            size: 'sdc-sm',
            backdrop: 'static',
            resolve: {

            }
        };

        let modalInstance:ng.ui.bootstrap.IModalServiceInstance = this.$uibModal.open(modalOptions);
        deferred.resolve(modalInstance.result);
        return deferred.promise;
    };

}