0
0
mirror of https://github.com/naturalcrit/homebrewery.git synced 2026-01-17 10:12:40 +00:00

Adding new navitems and finishing the edit and share page

This commit is contained in:
Scott Tolksdorf
2016-05-09 16:54:32 -04:00
parent d5b8c60317
commit ed7decb42b
16 changed files with 350 additions and 204 deletions

View File

@@ -4,7 +4,6 @@ var cx = require('classnames');
var Nav = require('naturalcrit/nav/nav.jsx');
var Navbar = require('../../navbar/navbar.jsx');
var RedditShare = require('../../navbar/redditShare.navitem.jsx');
@@ -14,64 +13,35 @@ var BrewRenderer = require('../../brewRenderer/brewRenderer.jsx');
var HomePage = React.createClass({
getDefaultProps: function() {
return {
welcomeText : ""
};
},
getInitialState: function() {
return {
text: this.props.welcomeText
};
},
handleSplitMove : function(){
this.refs.editor.update();
},
handleTextChange : function(text){
this.setState({
text : text
});
//localStorage.setItem(KEY, text);
},
renderNavbar : function(){
return <Navbar>
<Nav.section>
<Nav.item>Bad Ass Brew</Nav.item>
</Nav.section>
<Nav.section>
<RedditShare brew={{text : this.state.text}}/>
<Nav.item
newTab={true}
href='https://github.com/stolksdorf/naturalcrit/issues'
color='red'
icon='fa-bug'>
<Nav.item newTab={true} href='https://github.com/stolksdorf/naturalcrit/issues' color='red' icon='fa-bug'>
report issue
</Nav.item>
<Nav.item
newTab={true}
href='/homebrew/changelog'
color='purple'
icon='fa-file-text-o'>
<Nav.item newTab={true} href='/homebrew/changelog' color='purple' icon='fa-file-text-o'>
Changelog
</Nav.item>
<Nav.item
href='/homebrew/new'
color='green'
icon='fa-external-link'>
<Nav.item href='/homebrew/new' color='green' icon='fa-external-link'>
New Brew
</Nav.item>
</Nav.section>
@@ -85,45 +55,15 @@ var HomePage = React.createClass({
<div className='content'>
<SplitPane onDragFinish={this.handleSplitMove} ref='pane'>
<Editor value={this.state.text} onChange={this.handleTextChange} ref='editor'/>
<BrewRenderer brewText={this.state.text} />
<BrewRenderer text={this.state.text} />
</SplitPane>
</div>
{/*
<a href='/homebrew/new' className='floatingNewButton'>
Create your own <i className='fa fa-magic' />
</a>
*/}
</div>
}
});
module.exports = HomePage;
/*
<SplitPane>
<PageContainer text={this.state.text} />
<Editor text={this.state.text} onChange={this.handleTextChange} />
</SplitPane>
*/
/* Test code
<div className='content'>
<SplitPane>
<div className='woo'>
one
</div>
<div className='temp'>
yo
<div className='tooBig' />
</div>
</SplitPane>
</div>
*/