From efa037d34be7b1570efdc767c79fad8d4005f10e Mon Sep 17 00:00:00 2001
From: Michael Lando <ml636r@att.com>
Date: Sun, 19 Feb 2017 12:57:33 +0200
Subject: Add new code new version

Change-Id: Ic02a76313503b526f17c3df29eb387a29fe6a42a
Signed-off-by: Michael Lando <ml636r@att.com>
---
 .../src/sdc-app/flows/FlowsEditorModalView.jsx     | 40 ++++++++++++++++++++++
 1 file changed, 40 insertions(+)
 create mode 100644 openecomp-ui/src/sdc-app/flows/FlowsEditorModalView.jsx

(limited to 'openecomp-ui/src/sdc-app/flows/FlowsEditorModalView.jsx')

diff --git a/openecomp-ui/src/sdc-app/flows/FlowsEditorModalView.jsx b/openecomp-ui/src/sdc-app/flows/FlowsEditorModalView.jsx
new file mode 100644
index 0000000000..8441c7d1d6
--- /dev/null
+++ b/openecomp-ui/src/sdc-app/flows/FlowsEditorModalView.jsx
@@ -0,0 +1,40 @@
+import React, {Component} from 'react';
+import i18n from 'nfvo-utils/i18n/i18n.js';
+import Input from 'nfvo-components/input/validation/ValidationInput.jsx';
+import Form from 'nfvo-components/input/validation/ValidationForm.jsx';
+
+class FlowsEditorModalView extends Component {
+
+	render() {
+		let {onCancel, onDataChanged, currentFlow} = this.props;
+		let {artifactName, description} = currentFlow;
+		return (
+			<Form onSubmit={() => this.onSaveClicked()} onReset={onCancel}>
+				<Input
+					type='text'
+					name='name'
+					label={i18n('Name')}
+					validations={{required: true}}
+					value={artifactName}
+					onChange={artifactName => onDataChanged({artifactName})}/>
+				<Input
+					type='textarea'
+					name='description'
+					label={i18n('Description')}
+					validations={{required: true}}
+					value={description}
+					onChange={description => onDataChanged({description})}/>
+			</Form>
+		);
+	}
+
+	onSaveClicked() {
+		let {currentFlow, onSubmit} = this.props;
+		if (onSubmit) {
+			onSubmit(currentFlow);
+		}
+	}
+
+}
+
+export default FlowsEditorModalView;
-- 
cgit 1.2.3-korg

