WIP: added sidebar panel for Settings in Editor (ZNTA-1736)

server/zanata-frontend/src/editor/app/containers/Sidebar/index.js

@@ -1,6 +1,6 @@
 import React, { Component, PropTypes } from 'react'
 import ReactSidebar from 'react-sidebar'
-import SidebarContent from '../SidebarContent'
+import SidebarSettings from '../SidebarSettings'
 
 const defaultState = {
   docked: true
@@ -44,7 +44,7 @@ class Sidebar extends Component {
   }
 
   render () {
-    const content = <SidebarContent
+    const content = <SidebarSettings
       close={this.close}
     />
 

server/zanata-frontend/src/editor/app/containers/SidebarSettings.js

@@ -0,0 +1,37 @@
+import React, { PropTypes } from 'react'
+import { Button } from 'react-bootstrap'
+import Icon from '../../../frontend/app/components/Icon'
+
+const SidebarSettings = React.createClass({
+
+  propTypes: {
+    /* close the sidebar */
+    close: PropTypes.func.isRequired
+  },
+
+  sidebarDetails () {
+    return (
+      <p>TEST</p>
+    )
+  },
+
+  render () {
+    return (
+      <div>
+        <h1 className="sidebar-heading">
+          <Icon name="settings" className="s1" /> Settings
+          <span className="s1 pull-right">
+            <Button bsStyle="link" onClick={this.props.close}>
+              <Icon name="cross" />
+            </Button>
+          </span>
+        </h1>
+        <div className="sidebar-wrapper">
+          {this.sidebarDetails()}
+        </div>
+      </div>
+    )
+  }
+})
+
+export default SidebarSettings