summaryrefslogtreecommitdiffstats
path: root/openecomp-ui/src/sdc-app/flows/FlowsEditorModal.js
blob: 4ef12faa0e25222371f3f9e17f1728c9f558a063 (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

@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
/*
 * Copyright © 2016-2018 European Support Limited
 *
 * 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.
 */
import { connect } from 'react-redux';
import FlowsEditorModalView from './FlowsEditorModalView.jsx';
import FlowsActions from './FlowsActions.js';
import { FLOWS_EDITOR_FORM } from './FlowsConstants.js';
import ValidationHelper from 'sdc-app/common/helpers/ValidationHelper.js';

export const mapStateToProps = ({ flows }) => {
    let {
        data = { artifactName: '', description: '' },
        serviceID,
        diagramType,
        flowParticipants,
        genericFieldInfo,
        formReady
    } = flows;
    if (!data.serviceID) {
        data.serviceID = serviceID;
    }
    if (!data.artifactType) {
        data.artifactType = diagramType;
    }
    if (!data.participants) {
        data.participants = flowParticipants;
    }
    let isFormValid = ValidationHelper.checkFormValid(genericFieldInfo);

    return {
        currentFlow: data,
        genericFieldInfo,
        isFormValid,
        formReady
    };
};

const mapActionsToProps = (dispatch, { isNewArtifact }) => {
    return {
        onSubmit: flow => {
            FlowsActions.closeEditCreateWFModal(dispatch);
            FlowsActions.createOrUpdateFlow(dispatch, { flow }, isNewArtifact);
        },
        onCancel: () => FlowsActions.closeEditCreateWFModal(dispatch),
        onDataChanged: deltaData =>
            ValidationHelper.dataChanged(dispatch, {
                deltaData,
                formName: FLOWS_EDITOR_FORM
            }),
        onValidateForm: () =>
            ValidationHelper.validateForm(dispatch, FLOWS_EDITOR_FORM)
    };
};

export default connect(mapStateToProps, mapActionsToProps)(
    FlowsEditorModalView
);