Frontend initial draft

New frontend initial draft in React with docker image in nginx

Issue-ID: CLAMP-413
Change-Id: Ie5826d79aa3db23f863e8fd217189ba41534abe9
Signed-off-by: sebdet <sebastien.determe@intl.att.com>

1 files changed, 46 insertions, 0 deletions

diff --git a/ui-react/src/index.js b/ui-react/src/index.js
new file mode 100644
index 000000000..fed8c0f41
--- /dev/null
+++ b/ui-react/src/index.js
@@ -0,0 +1,46 @@
+import React from 'react';
+import ReactDOM from 'react-dom';
+import './index.css';
+
+class UserBar extends React.Component {
+	render () {
+		const user = this.props.user;
+		return (
+			<div className="user_name">Hello:{user}
+			</div>
+		);
+	}
+}
+
+class ClampLogo extends React.Component {
+	render() {
+		return (
+			<div className="col-md-4 col-lg-4">
+				<img className="image_style" alt="" src={require('./images/logo_onap_2017.png')} 
+				height="50px"
+				width="234px"/>
+				<div className="navbar-brand logo">
+					&nbsp;&nbsp;
+					<b>CLAMP</b>
+				</div>
+			</div>
+		);
+	}
+}
+
+class ClampHeader extends React.Component {
+	render() {
+		return (
+			<div className='rowC'>
+			<ClampLogo />
+			<div className="dummy"></div>
+			<UserBar />
+			</div>
+		);
+	}
+}
+
+ReactDOM.render(
+	<ClampHeader />,
+	document.getElementById('root')
+)