Adding new navitems and finishing the edit and share page

client/homebrew/pages/sharePage/sharePage.jsx

@@ -2,18 +2,22 @@ var React = require('react');
 var _ = require('lodash');
 var cx = require('classnames');
 
-var Statusbar = require('../../statusbar/statusbar.jsx');
+var Nav = require('naturalcrit/nav/nav.jsx');
+var Navbar = require('../../navbar/navbar.jsx');
 
-var PageContainer = require('../../pageContainer/pageContainer.jsx');
+var BrewRenderer = require('../../brewRenderer/brewRenderer.jsx');
+
+var replaceAll = function(str, find, replace) {
+	return str.replace(new RegExp(find, 'g'), replace);
+}
 
 var SharePage = React.createClass({
 	getDefaultProps: function() {
 		return {
-			id : null,
-			entry : {
-				text : "",
+			brew : {
+				title : '',
+				text : '',
 				shareId : null,
-				editId : null,
 				createdAt : null,
 				updatedAt : null,
 				views : 0
@@ -21,20 +25,38 @@ var SharePage = React.createClass({
 		};
 	},
 
-	render : function(){
-		return(
-			<div className='sharePage'>
-				<Statusbar
-					sourceText={this.props.entry.text}
-					lastUpdated={this.props.entry.updatedAt}
-					views={this.props.entry.views}
-					printId={this.props.entry.shareId}
-					shareId={this.props.entry.shareId}
-				/>
+	openSourceWindow : function(){
+		var sourceWindow = window.open();
+		var content = replaceAll(this.props.brew.text, '<', '&lt;');
+		content = replaceAll(content, '>', '&gt;');
+		sourceWindow.document.write('<code><pre>' + content + '</pre></code>');
+	},
 
-				<PageContainer text={this.props.entry.text} />
+
+	render : function(){
+
+		console.log('brew', this.props.brew);
+
+		return <div className='sharePage page'>
+			<Navbar>
+				<Nav.section>
+					<Nav.item className='brewTitle'>{this.props.brew.title}</Nav.item>
+				</Nav.section>
+
+				<Nav.section>
+					<Nav.item newTab={true} href={'/homebrew/print/' + this.props.brew.sharedId} color='orange' icon='fa-print'>
+						print
+					</Nav.item>
+					<Nav.item onClick={this.openSourceWindow} color='teal' icon='fa-code'>
+						source
+					</Nav.item>
+				</Nav.section>
+			</Navbar>
+
+			<div className='content'>
+				<BrewRenderer text={this.props.brew.text} />
 			</div>
-		);
+		</div>
 	}
 });