summaryrefslogtreecommitdiffstats
path: root/ui-react/src/index.js
diff options
context:
space:
mode:
authorsebdet <sebastien.determe@intl.att.com>2019-06-25 11:06:06 +0200
committersebdet <sebastien.determe@intl.att.com>2019-06-25 11:50:09 +0200
commitc95e8dfe17f9ebf48ece6450c7bab40d7546ee0d (patch)
tree79a54c340e2e4a28c8225ed028ecb869d218deaa /ui-react/src/index.js
parent86042f471f05f08a9c6935988b523c3e2949b7f0 (diff)
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>
Diffstat (limited to 'ui-react/src/index.js')
-rw-r--r--ui-react/src/index.js46
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')
+)