Added a view source button to the share page

client/homebrew/sharePage/sharePage.jsx

@@ -25,6 +25,7 @@ var SharePage = React.createClass({
 		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}

client/homebrew/statusbar/statusbar.jsx

@@ -10,6 +10,7 @@ var Statusbar = React.createClass({
 	getDefaultProps: function() {
 		return {
 			//editId: null,
+			sourceText : null,
 			shareId : null,
 			printId : null,
 			isPending : false,
@@ -33,6 +34,13 @@ var Statusbar = React.createClass({
 	},
 
 
+	openSourceWindow : function(){
+		var sourceWindow = window.open();
+		sourceWindow.document.write('<code><pre>' + this.props.sourceText + '</pre></code>');
+	},
+
+
+
 	renderInfo : function(){
 		if(!this.props.lastUpdated) return null;
 
@@ -47,6 +55,14 @@ var Statusbar = React.createClass({
 
 	},
 
+	renderSourceButton  : function(){
+		if(!this.props.sourceText) return null;
+
+		return <a className='sourceField' onClick={this.openSourceWindow}>
+			View Source <i className='fa fa-code' />
+		</a>
+	},
+
 	renderNewButton  : function(){
 		if(this.props.editId || this.props.shareId) return null;
 
@@ -96,6 +112,7 @@ var Statusbar = React.createClass({
 			<div className='controls right'>
 				{this.renderStatus()}
 				{this.renderInfo()}
+				{this.renderSourceButton()}
 				{this.renderPrintButton()}
 				{this.renderShare()}
 				{this.renderNewButton()}

client/homebrew/statusbar/statusbar.less

@@ -90,5 +90,21 @@
 				font-size : 12px;
 			}
 		}
+		.sourceField{
+			.animate(background-color);
+			cursor          : pointer;
+			color           : white;
+			text-decoration : none;
+			&:hover{
+				background-color : fade(@teal, 70%);
+			}
+			span{
+				margin-right : 5px;
+			}
+			input{
+				width     : 100px;
+				font-size : 12px;
+			}
+		}
 	}
 }