public/homebrewery
1
0
Fork 0
mirror of https://github.com/stolksdorf/homebrewery.git synced 2025-12-22 08:21:29 +00:00
Code Issues Releases Wiki Activity

Winged border on note blocks working

Browse Source
This commit is contained in:
Scott Tolksdorf
2016-05-14 14:37:07 -04:00
parent 5537d974ff
commit cd280eb8f0
7 changed files with 44 additions and 59 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
client/homebrew/pages/editPage/editPage.jsx
View File

@@ -40,27 +40,20 @@ var EditPage = React.createClass({
return {
title : this.props.brew.title,
text: this.props.brew.text,
isSaving : false,
isPending : false,
errors : null,
lastUpdated : this.props.brew.updatedAt
};
},
savedBrew : null,
componentDidMount: function(){
this.debounceSave = _.debounce(this.save, SAVE_TIMEOUT);
window.onbeforeunload = ()=>{
//do state checks
//return "You have unsaved changes!";
if(this.state.isSaving || this.state.isPending){
return 'You have unsaved changes!';
}
}
},
componentWillUnmount: function() {
@@ -112,7 +105,6 @@ var EditPage = React.createClass({
},
save : function(){
console.log('saving!');
this.debounceSave.cancel();
this.setState({
isSaving : true
@@ -125,7 +117,6 @@ var EditPage = React.createClass({
title : this.state.title
})
.end((err, res) => {
console.log('done', res.body);
this.savedBrew = res.body;
this.setState({
isPending : false,
@@ -136,34 +127,24 @@ var EditPage = React.createClass({
},
renderSaveButton : function(){
if(this.state.isSaving){
return <Nav.item icon="fa-spinner fa-spin">saving...</Nav.item>
return <Nav.item className='save' icon="fa-spinner fa-spin">saving...</Nav.item>
}
if(!this.state.isPending && !this.state.isSaving){
return <Nav.item>saved.</Nav.item>
return <Nav.item className='save saved'>saved.</Nav.item>
}
if(this.state.isPending && this.hasChanges()){
return <Nav.item onClick={this.save} color='blue'>Save Now</Nav.item>
return <Nav.item className='save' onClick={this.save} color='blue' icon='fa-save'>Save Now</Nav.item>
}
},
renderNavbar : function(){
return <Navbar>
<Nav.section>
<EditTitle title={this.state.title} onChange={this.handleTitleChange} />
</Nav.section>
<Nav.section>
{this.renderSaveButton()}
<Nav.item newTab={true} href={'/homebrew/share/' + this.props.brew.shareId} color='teal' icon='fa-share'>
<Nav.item newTab={true} href={'/homebrew/share/' + this.props.brew.shareId} color='teal' icon='fa-share-alt'>
Share
</Nav.item>
<PrintLink shareId={this.props.brew.shareId} />