2 * Copyright © 2016-2018 European Support Limited
4 * Licensed under the Apache License, Version 2.0 (the "License");
5 * you may not use this file except in compliance with the License.
6 * You may obtain a copy of the License at
8 * http://www.apache.org/licenses/LICENSE-2.0
10 * Unless required by applicable law or agreed to in writing, software
11 * distributed under the License is distributed on an "AS IS" BASIS,
12 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 * See the License for the specific language governing permissions and
14 * limitations under the License.
16 import React from 'react';
17 import PropTypes from 'prop-types';
19 import i18n from 'nfvo-utils/i18n/i18n.js';
20 import Form from 'nfvo-components/input/validation/Form.jsx';
22 import FileDetails from './imagesEditorComponents/FileDetails.jsx';
23 import ImageDetails from './imagesEditorComponents/ImageDetails.jsx';
24 import { imageCustomValidations } from './ImageValidations.js';
26 class SoftwareProductComponentsImageEditorView extends React.Component {
28 onDataChanged: PropTypes.func.isRequired,
29 onSubmit: PropTypes.func.isRequired,
30 onCancel: PropTypes.func.isRequired
48 let { id, fileName } = data;
49 let editingMode = Boolean(id);
52 {genericFieldInfo && (
58 btnClassName="sdc-modal__footer"
59 onSubmit={() => this.submit()}
60 onReset={() => onCancel()}
62 isReadOnlyMode={isReadOnlyMode}
66 editingMode ? i18n('Save') : i18n('Create')
69 onValidateForm(imageCustomValidations)
71 className="vsp-components-image-editor">
72 <div className="editor-data">
74 editingMode={editingMode}
75 genericFieldInfo={genericFieldInfo}
76 qgenericFieldInfo={qgenericFieldInfo}
78 onDataChanged={onDataChanged}
81 onQDataChanged={onQDataChanged}
86 qgenericFieldInfo={qgenericFieldInfo}
87 onQDataChanged={onQDataChanged}
97 let { data, qdata, onSubmit, version } = this.props;
98 onSubmit({ data, qdata, version });
102 export default SoftwareProductComponentsImageEditorView;