148 lines
3.8 KiB
JavaScript
148 lines
3.8 KiB
JavaScript
import React from 'react'
|
|
import injectTapEventPlugin from "react-tap-event-plugin"
|
|
injectTapEventPlugin()
|
|
import getMuiTheme from 'material-ui/lib/styles/getMuiTheme'
|
|
import ReactDOM from 'react-dom'
|
|
import LibraryNav from 'LibraryNav'
|
|
import Styles from 'material-ui/lib/styles'
|
|
import Rethink from 'rethinkdbdash'
|
|
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 moment from 'moment'
|
|
import mui from 'material-ui'
|
|
import {Provider} from 'react-redux'
|
|
import { createStore } from 'redux'
|
|
import rootReducer from './reducers'
|
|
import * as ContextMenuActions from './actions'
|
|
|
|
import { bindActionCreators } from 'redux'
|
|
import { connect } from 'react-redux'
|
|
|
|
|
|
function getStore(reducer, initialState){
|
|
return createStore(reducer, initialState)
|
|
}
|
|
|
|
const store = getStore(rootReducer)
|
|
|
|
const {
|
|
Popover,
|
|
Menu,
|
|
MenuItem} = mui
|
|
|
|
const DefaultRawTheme = Styles.LightRawTheme
|
|
|
|
let r = Rethink({
|
|
db: 'technote',
|
|
servers: [
|
|
{host: '162.243.255.144',
|
|
port: 28015}
|
|
]})
|
|
|
|
function createTables(){
|
|
r.tableCreate('notes').run()
|
|
.then(function(){
|
|
r.table('notes').indexCreate('account_id').run()
|
|
})
|
|
.error(function(){})
|
|
|
|
r.tableCreate('accounts').run().error(function(){})
|
|
}
|
|
|
|
|
|
class Main extends React.Component {
|
|
constructor(props, context){
|
|
super(props, context)
|
|
createTables()
|
|
this.state = {
|
|
entries: [],
|
|
}
|
|
}
|
|
|
|
static get childContextTypes(){
|
|
return {muiTheme: React.PropTypes.object}
|
|
}
|
|
|
|
getChildContext() {
|
|
return {
|
|
muiTheme: getMuiTheme(DefaultRawTheme)
|
|
}
|
|
}
|
|
|
|
entriesTapped = () => {
|
|
r.table('notes').getAll('jyapayne@gmail.com', {index: 'account_id'}).run().then(
|
|
function(notes){
|
|
console.log(notes)
|
|
}
|
|
)
|
|
};
|
|
|
|
handleRequestClose = () => {
|
|
this.props.contextMenuActions.closeContextMenu()
|
|
};
|
|
|
|
render() {
|
|
|
|
const { contextMenu, contextMenuActions } = this.props
|
|
return (
|
|
<div className="fill-height">
|
|
<div style={{position: 'absolute',
|
|
width: 1,
|
|
height: 1,
|
|
top: contextMenu.y,
|
|
left: contextMenu.x}} ref='menuPos'></div>
|
|
<Popover
|
|
open={contextMenu.opened}
|
|
anchorEl={this.refs.menuPos}
|
|
anchorOrigin={{horizontal: 'middle', vertical: 'bottom'}}
|
|
targetOrigin={{horizontal: 'left', vertical: 'top'}}
|
|
onRequestClose={this.handleRequestClose}>
|
|
<Menu desktop={true}>
|
|
{contextMenu.items.map(function (el, i){
|
|
return el;
|
|
})}
|
|
</Menu>
|
|
</Popover>
|
|
|
|
<LibraryNav
|
|
id="library-nav"
|
|
ref="libraryNav"
|
|
entriesTapped={this.entriesTapped}
|
|
className="left inline fill-height"
|
|
{...contextMenuActions}
|
|
/>
|
|
</div>
|
|
)
|
|
}
|
|
}
|
|
|
|
Main.propTypes = {
|
|
contextMenu: React.PropTypes.object.isRequired,
|
|
contextMenuActions: React.PropTypes.object.isRequired
|
|
}
|
|
|
|
function mapStateToProps(state) {
|
|
return {
|
|
contextMenu: state.contextMenu
|
|
}
|
|
}
|
|
|
|
function mapDispatchToProps(dispatch) {
|
|
return {
|
|
contextMenuActions: bindActionCreators(ContextMenuActions, dispatch)
|
|
}
|
|
}
|
|
|
|
let App = connect(
|
|
mapStateToProps,
|
|
mapDispatchToProps
|
|
)(Main)
|
|
|
|
export default App
|
|
|
|
ReactDOM.render(
|
|
<Provider store={store}><App /></Provider>,
|
|
document.getElementById('main')
|
|
);
|
|
|