jyapayne/TechNote
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add search bar and test entry item

Browse source
This commit is contained in:
Joey Payne 2016-02-26 20:14:53 -07:00
commit 6912567122
5 changed files with 804 additions and 52 deletions
Download patch file Download diff file Expand all files Collapse all files

66
app/components/LibraryNav.jsx
View file

@ -15,7 +15,7 @@ import Folder from 'material-ui/lib/svg-icons/file/folder'
import Edit from 'material-ui/lib/svg-icons/editor/mode-edit'
import Delete from 'material-ui/lib/svg-icons/action/delete'
import Divider from 'material-ui/lib/divider'
import { SelectableContainerEnhance } from '../enhance/SelectableEnhance'
import SelectableList from 'SelectableList'
import uuid from 'node-uuid'
import path from 'path-extra'
@ -64,36 +64,6 @@ const {
LeftNav,
Paper} = mui
let SelectableList = SelectableContainerEnhance(List)
function wrapState(ComposedComponent) {
const StateWrapper = React.createClass({
getInitialState() {
return {selectedIndex: -1};
},
setIndex(i, func){
this.setState({
selectedIndex: i,
}, func);
},
handleUpdateSelectedIndex(e, index) {
this.setIndex(index);
},
render() {
return (
<ComposedComponent
{...this.props}
{...this.state}
valueLink={{value: this.state.selectedIndex, requestChange: this.handleUpdateSelectedIndex}}
/>
);
},
});
return StateWrapper;
}
SelectableList = wrapState(SelectableList)
const DefaultRawTheme = Styles.LightRawTheme
export default class LibraryNav extends React.Component {
@ -432,7 +402,12 @@ export default class LibraryNav extends React.Component {
render(){
return (
<div id={this.props.id} className={this.props.className+" leftnav"} open={this.state.open}>
<SelectableList ref='mainList' className="list" id="main-nav" subheader="Library">
<SelectableList
ref='mainList'
className="list"
id="main-nav"
selectedItemStyle={{backgroundColor: "#C8C8C8"}}
subheader="Library">
{this.state.navItems.map((item, i) => {
return <ListItem
primaryText={item.name}
@ -445,17 +420,22 @@ export default class LibraryNav extends React.Component {
})}
</SelectableList>
<Divider />
<SelectableList id="nblist" className="list" ref='notebookList' subheader={<div>
<div className="inline">NoteBooks</div>
<IconButton
onTouchTap={this.addNotebookTapped}
tooltip="Add New Notebook"
style={{'zIndex': 1000}}
className="right inline">
<AddCircleOutline
color={colors.grey500}/>
</IconButton>
</div>}>
<SelectableList
id="nblist"
className="list"
ref='notebookList'
selectedItemStyle={{backgroundColor: "#C8C8C8"}}
subheader={<div>
<div className="inline">NoteBooks</div>
<IconButton
onTouchTap={this.addNotebookTapped}
tooltip="Add New Notebook"
style={{'zIndex': 1000}}
className="right inline">
<AddCircleOutline
color={colors.grey500}/>
</IconButton>
</div>}>
{this.notebookList()}
</SelectableList>
</div>