f.weber/homebrewery
0
0
Fork 0
mirror of https://github.com/naturalcrit/homebrewery.git synced 2026-01-13 08:42:42 +00:00
Code Wiki Activity

Added new navitems

Browse Source
This commit is contained in:
Scott Tolksdorf
2016-12-27 21:10:03 -05:00
parent 41303e6918
commit 924b398768
5 changed files with 41 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
client/homebrew/navbar/brewTitle.navitem.jsx Normal file
View File

@@ -0,0 +1,9 @@
const React = require('react');
const Nav = require('naturalcrit/nav/nav.jsx');
const Store = require('homebrewery/brew.store.js');
module.exports = Store.createSmartComponent((props) => {
return <Nav.item className='brewTitle'>{props.title}</Nav.item>
}, (props) => {
return {title : Store.getMetaData().title};
})

10
client/homebrew/navbar/navitems.js Normal file
View File

@@ -0,0 +1,10 @@
module.exports = {
Account : require('./account.navitem.jsx'),
BrewTitle : require('./brewTitle.navitem.jsx'),
ContinousSave : require('./continousSave.navitem.jsx'),
Issue : require('./issue.navitem.jsx'),
Patreon : require('./patreon.navitem.jsx'),
Print : require('./print.navitem.jsx'),
Recent : require('./recent.navitem.jsx'),
StaticSave : require('./staticSave.navitem.jsx'),
};

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

@@ -4,11 +4,7 @@ const cx = require('classnames');
const Nav = require('naturalcrit/nav/nav.jsx');
const Navbar = require('../../navbar/navbar.jsx');
const ReportIssue = require('../../navbar/issue.navitem.jsx');
const PrintLink = require('../../navbar/print.navitem.jsx');
const Account = require('../../navbar/account.navitem.jsx');
const Save = require('../../navbar/continousSave.navitem.jsx');
const Items = require('../../navbar/navitems.js');
const BrewInterface = require('homebrewery/brewInterface/brewInterface.jsx');
const Utils = require('homebrewery/utils.js');
@@ -47,16 +43,16 @@ const SmartNav = Store.createSmartComponent(React.createClass({
render : function(){
return <Navbar>
<Nav.section>
<Nav.item className='brewTitle'>{this.props.brew.title}</Nav.item>
<Items.BrewTitle />
</Nav.section>
<Nav.section>
<Save />
<ReportIssue />
<Nav.item newTab={true} href={'/share/' + this.props.brew.shareId} color='teal' icon='fa-share-alt'>
<Items.ContinousSave />
<Items.Issue />
<Nav.item newTab={true} href={'/share/' + Store.getBrew().shareId} color='teal' icon='fa-share-alt'>
Share
</Nav.item>
<PrintLink shareId={this.props.brew.shareId} />
<Account />
<Items.Print />
<Items.Account />
</Nav.section>
</Navbar>
}

34
client/homebrew/pages/newPage/newPage.jsx
View File

@@ -1,12 +1,9 @@
const React = require('react');
const _ = require('lodash');
const Nav = require('naturalcrit/nav/nav.jsx');
const Navbar = require('../../navbar/navbar.jsx');
const Account = require('../../navbar/account.navitem.jsx');
const Issue = require('../../navbar/issue.navitem.jsx');
const Save = require('../../navbar/staticSave.navitem.jsx');
const Items = require('../../navbar/navitems.js');
const Store = require('homebrewery/brew.store.js');
const Actions = require('homebrewery/brew.actions.js');
@@ -14,27 +11,24 @@ const Actions = require('homebrewery/brew.actions.js');
const BrewInterface = require('homebrewery/brewInterface/brewInterface.jsx');
const Utils = require('homebrewery/utils.js');
const KEY = 'homebrewery-new';
const NewPage = React.createClass({
componentDidMount: function() {
const storage = localStorage.getItem(KEY);
//TODO: add a store listener for updates and dump to lcoal storage
if(storage){
this.setState({
text : storage
})
}
try{
Actions.setBrew(JSON.parse(localStorage.getItem(KEY)));
}catch(e){}
Store.updateEmitter.on('change', this.saveToLocal);
document.addEventListener('keydown', this.handleControlKeys);
},
componentWillUnmount: function() {
Store.updateEmitter.removeListener('change', this.saveToLocal);
document.removeEventListener('keydown', this.handleControlKeys);
},
saveToLocal : function(){
localStorage.setItem(KEY, JSON.stringify(Store.getBrew()));
},
handleControlKeys : Utils.controlKeys({
s : Actions.saveNew,
p : Actions.localPrint
@@ -44,16 +38,16 @@ const NewPage = React.createClass({
return <div className='newPage page'>
<Navbar>
<Nav.section>
<Nav.item className='brewTitle'>{Store.getMetaData().title}</Nav.item>
<Items.BrewTitle />
</Nav.section>
<Nav.section>
<Save />
<Items.StaticSave />
<Nav.item color='purple' icon='fa-file-pdf-o' onClick={Actions.localPrint}>
get PDF
</Nav.item>
<Issue />
<Account />
<Items.Issue />
<Items.Account />
</Nav.section>
</Navbar>