[SDC] Onboarding 1710 rebase.

Change-Id: If3b6b81d221fde13908f1e8160db6f7d9433c535
Signed-off-by: Avi Ziv <avi.ziv@amdocs.com>

1 files changed, 79 insertions, 0 deletions

diff --git a/openecomp-ui/src/sdc-app/onboarding/softwareProduct/components/creation/SoftwareProductComponentCreationView.jsx b/openecomp-ui/src/sdc-app/onboarding/softwareProduct/components/creation/SoftwareProductComponentCreationView.jsx
new file mode 100644
index 0000000000..55bcc818f5
--- /dev/null
+++ b/openecomp-ui/src/sdc-app/onboarding/softwareProduct/components/creation/SoftwareProductComponentCreationView.jsx
@@ -0,0 +1,79 @@
+/*!
+ * Copyright (C) 2017 AT&T Intellectual Property. All rights reserved.
+ *
+ * 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 React from 'react';
+import i18n from 'nfvo-utils/i18n/i18n.js';
+
+import Form from 'nfvo-components/input/validation/Form.jsx';
+import Input from 'nfvo-components/input/validation/Input.jsx';
+import GridSection from 'nfvo-components/grid/GridSection.jsx';
+import GridItem from 'nfvo-components/grid/GridItem.jsx';
+import {forms} from '../SoftwareProductComponentsConstants.js';
+
+class ComponentCreationView extends React.Component {
+	render() {
+		let {data = {}, onDataChanged, onCancel, genericFieldInfo} = this.props;
+		let {displayName, description} = data;
+		return(
+			<div>			
+				{
+					genericFieldInfo && <Form
+						ref='validationForm'
+						hasButtons={true}
+						onSubmit={ () => this.submit() }
+						onReset={ () => onCancel() }
+						submitButtonText={i18n('Create')}
+						labledButtons={true}
+						isValid={this.props.isFormValid}
+						formReady={this.props.formReady}
+						onValidateForm={() => this.props.onValidateForm(forms.CREATE_FORM) }
+						className='entitlement-pools-form'>
+						<GridSection>
+							<GridItem colSpan={4}>
+								<Input
+									data-test-id='name'
+									onChange={displayName => onDataChanged({displayName})}
+									label={i18n('Name')}
+									isRequired={true}
+									isValid={genericFieldInfo.displayName.isValid}
+									errorText={genericFieldInfo.displayName.errorText}
+									value={displayName}
+									type='text'/>
+							</GridItem>
+							<GridItem colSpan={4}>
+								<Input
+									label={i18n('Description')}
+									onChange={description => onDataChanged({description})}
+									value={description}
+									isValid={genericFieldInfo.description.isValid}
+									errorText={genericFieldInfo.description.errorText}
+									data-test-id='description'
+									type='textarea'/>
+							</GridItem>
+						</GridSection>
+					</Form>
+				}
+			</div>	
+		);
+	}
+
+	submit() {
+		const {onSubmit, data, version} = this.props;
+		onSubmit(data, version);
+	}
+}
+
+export default ComponentCreationView;