├── src
    ├── lib
    │   ├── Config.js
    │   ├── Schemas.js
    │   ├── request.js
    │   ├── formaters.js
    │   ├── Utils.js
    │   └── processPortfolio.js
    ├── components
    │   ├── History.js
    │   ├── News.js
    │   ├── App.js
    │   ├── common
    │   │   └── Button.js
    │   ├── AccountPane.js
    │   ├── AboutPage.js
    │   ├── NotFoundPage.js
    │   ├── LandingPage.js
    │   ├── Root.js
    │   ├── Spinner.js
    │   ├── Account.js
    │   ├── Watchlist.js
    │   ├── Search.js
    │   ├── Login.js
    │   ├── Order.js
    │   ├── QuotePane.js
    │   ├── PositionList.js
    │   ├── Sidebar.js
    │   └── SearchResults.js
    ├── .DS_Store
    ├── store
    │   ├── initialState.js
    │   ├── localStorage.js
    │   └── configureStore.js
    ├── containers
    │   ├── HistoryPage.js
    │   ├── OrderPage.js
    │   ├── SettingsPage.js
    │   ├── NewsPane.js
    │   ├── AccountPage.js
    │   ├── WatchlistPane.js
    │   ├── PositionsPane.js
    │   ├── QuoteContainer.js
    │   ├── App.js
    │   └── LoginPage.js
    ├── reducers
    │   ├── rootReducer.js
    │   ├── quote.js
    │   ├── portfolio.js
    │   ├── positions.js
    │   ├── account.js
    │   ├── watchlist.js
    │   ├── authentication.js
    │   └── order.js
    ├── index.js
    ├── routes.js
    ├── index.ejs
    ├── server.js
    ├── actions
    │   ├── positionActions.js
    │   ├── NewsActions.js
    │   ├── AccountActions.js
    │   ├── AuthedActions.js
    │   ├── QuoteActions.js
    │   ├── index.js
    │   ├── OrderActions.js
    │   ├── WatchlistActions.js
    │   └── PortfolioActions.js
    ├── constants
    │   └── ActionTypes.js
    └── middleware
    │   └── api.js
├── .dockerignore
├── static
    ├── robots.txt
    ├── .DS_Store
    ├── favicon.ico
    ├── img
    │   ├── logo.png
    │   ├── graph-green.svg
    │   ├── graph-red.svg
    │   ├── graph-green-lrg.svg
    │   └── graph-red-lrg.svg
    └── index.html
├── .babelrc
├── .gitignore
├── .DS_Store
├── .eslintignore
├── .eslintrc
├── Dockerfile
├── .editorconfig
├── LICENSE
├── package.json
├── webpack.config.js
└── README.md


/src/lib/Config.js:
--------------------------------------------------------------------------------
1 | 


--------------------------------------------------------------------------------
/src/components/History.js:
--------------------------------------------------------------------------------
1 | 


--------------------------------------------------------------------------------
/.dockerignore:
--------------------------------------------------------------------------------
1 | node_modules
2 | npm-debug.log
3 | 


--------------------------------------------------------------------------------
/static/robots.txt:
--------------------------------------------------------------------------------
1 | User-agent: *
2 | Allow: /
3 | 


--------------------------------------------------------------------------------
/.babelrc:
--------------------------------------------------------------------------------
1 | {
2 |   "presets": ["es2015", "react", "stage-0"],
3 | }
4 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | .env
2 | public/dist/
3 | node_modules/
4 | npm-debug.log
5 | 


--------------------------------------------------------------------------------
/.DS_Store:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/moosh3/robinhood-react/HEAD/.DS_Store


--------------------------------------------------------------------------------
/.eslintignore:
--------------------------------------------------------------------------------
1 | dist
2 | node_modules
3 | coverage
4 | webpack.*.js
5 | *server.js
6 | 


--------------------------------------------------------------------------------
/src/.DS_Store:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/moosh3/robinhood-react/HEAD/src/.DS_Store


--------------------------------------------------------------------------------
/src/components/News.js:
--------------------------------------------------------------------------------
1 | /* Includes Movers actions */
2 | 
3 | export default News
4 | 


--------------------------------------------------------------------------------
/src/components/App.js:
--------------------------------------------------------------------------------
1 | const App = () => (
2 |   <div>
3 |     //TODO
4 |   </div>
5 | )
6 | 


--------------------------------------------------------------------------------
/src/components/common/Button.js:
--------------------------------------------------------------------------------
1 | const Button = props => <button type="button" {...props}>
2 | 


--------------------------------------------------------------------------------
/static/.DS_Store:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/moosh3/robinhood-react/HEAD/static/.DS_Store


--------------------------------------------------------------------------------
/static/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/moosh3/robinhood-react/HEAD/static/favicon.ico


--------------------------------------------------------------------------------
/static/img/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/moosh3/robinhood-react/HEAD/static/img/logo.png


--------------------------------------------------------------------------------
/src/components/AccountPane.js:
--------------------------------------------------------------------------------
1 | /* Small pane upper left corner, shows portfolio value and TODO */
2 | 


--------------------------------------------------------------------------------
/src/store/initialState.js:
--------------------------------------------------------------------------------
1 | initialState = {
2 |   authed: false,
3 |   account: [
4 |     id: '',
5 |     info: '',
6 |   ]
7 | }
8 | 


--------------------------------------------------------------------------------
/src/lib/Schemas.js:
--------------------------------------------------------------------------------
1 | import { Schema, arrayOf } from 'normalizr';
2 | 
3 | export const user = new Schema('user');
4 | export const quote = new Schema('quote');
5 | 


--------------------------------------------------------------------------------
/.eslintrc:
--------------------------------------------------------------------------------
 1 | {
 2 |   "extends": [
 3 |     "airbnb",
 4 |     "plugin:flowtype/recommended"
 5 |   ],
 6 |   "plugins": [
 7 |     "flowtype"
 8 |   ],
 9 |   "env": {
10 |     "browser": true,
11 |     "jest": true
12 |   }
13 | }
14 | 


--------------------------------------------------------------------------------
/Dockerfile:
--------------------------------------------------------------------------------
 1 | FROM node:argon
 2 | 
 3 | # Create app directory
 4 | RUN mkdir -p /usr/src/app
 5 | WORKDIR /usr/src/app
 6 | 
 7 | # Install app dependencies
 8 | COPY package.json /usr/src/app/
 9 | RUN yarn install
10 | 
11 | # Bundle app source
12 | COPY . /usr/src/app
13 | 
14 | EXPOSE 8080
15 | CMD [ "yarn", "start" ]
16 | 


--------------------------------------------------------------------------------
/src/components/AboutPage.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | 
 3 | const AboutPage = () => {
 4 |   return {
 5 |     <div>
 6 |       <h1>About Page</h1>
 7 | 
 8 |       <p>An implementation of ReactJS and Redux with the Robinhood API to make trades on your desktop machine!</p>
 9 |     </div>
10 |   };
11 | };
12 | 
13 | export default AboutPage
14 | 


--------------------------------------------------------------------------------
/src/components/NotFoundPage.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | 
 3 | const AboutPage = () => {
 4 |   return {
 5 |     <div>
 6 |       <h1>About Page</h1>
 7 | 
 8 |       <p>An implementation of ReactJS and Redux with the Robinhood API to make trades on your desktop machine!</p>
 9 |     </div>
10 |   };
11 | };
12 | 
13 | export default AboutPage
14 | 


--------------------------------------------------------------------------------
/src/components/LandingPage.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | 
 3 | const AboutPage = () => {
 4 |   return {
 5 |     <div>
 6 |       <h1>About Page</h1>
 7 | 
 8 |       <p>An implementation of ReactJS and Redux with the Robinhood API to make trades on your desktop machine!</p>
 9 |     </div>
10 |   };
11 | };
12 | 
13 | export default LandingPage;
14 | 


--------------------------------------------------------------------------------
/src/components/Root.js:
--------------------------------------------------------------------------------
 1 | import React, { PropTypes } from 'react';
 2 | import { Provider } from 'react-redux';
 3 | import { Router, Route, browserHistory } from 'react-router';
 4 | import App from './App';
 5 | 
 6 | const Root = ({ store }) => (
 7 |   <Provider store={store}>
 8 |     <Router history={browserHistory}>
 9 |       <Route path="/" component={App} />
10 |     </Router>
11 |   </Provider>
12 | );
13 | 
14 | Root.propTypes = {
15 |   store: PropTypes.object.isRequired,
16 | };
17 | 
18 | export default Root;
19 | 


--------------------------------------------------------------------------------
/src/components/Spinner.js:
--------------------------------------------------------------------------------
 1 | import React, { Component, PropTypes } from 'react';
 2 | 
 3 | class Spinner extends Component {
 4 |   render() {
 5 |     const { authed, isLoading } = this.props;
 6 | 
 7 |     /*
 8 |     if (isLoading && !data.something) {
 9 |       return <p>Loading...</p>
10 |     }
11 |     */
12 | 
13 |     return (
14 |       <p>Spinner</p>
15 |     );
16 |   }
17 | }
18 | 
19 | Spinner.propTypes = {
20 |   authed: PropTypes.objects.isRequired,
21 |   isLoading: PropTypes.bool.isRequired,
22 | };
23 | 
24 | export default Spinner;
25 | 


--------------------------------------------------------------------------------
/.editorconfig:
--------------------------------------------------------------------------------
 1 | # EditorConfig is awesome: http://EditorConfig.org
 2 | 
 3 | # top-most EditorConfig file
 4 | root = true
 5 | 
 6 | # Unix-style newlines with a newline ending every file
 7 | [*]
 8 | end_of_line = lf
 9 | insert_final_newline = true
10 | 
11 | # Matches multiple files with brace expansion notation
12 | # Set default charset
13 | [src/**.js]
14 | charset = utf-8
15 | indent_style = space
16 | indent_size = 2
17 | 
18 | # Matches the exact files either package.json or .travis.yml
19 | [{package.json,.travis.yml}]
20 | indent_style = space
21 | indent_size = 2
22 | 


--------------------------------------------------------------------------------
/src/store/localStorage.js:
--------------------------------------------------------------------------------
 1 | export const loadState = () => {
 2 |   try {
 3 |     const serializedState = localStorage.getItem('state');
 4 |     if (serializedState === null) {
 5 |       return undefined;
 6 |     };
 7 |     return JSON.parse(serializedState);
 8 |   } catch (err) {
 9 |     return undefined;
10 |   }
11 | };
12 | 
13 | export const saveState = (state) => {
14 |   try {
15 |     const serializedState = JSON.stringify(state);
16 |     localStorage.setItem('state', serializedState);
17 |   } catch (err) {
18 |       // Ignore write errors
19 |   }
20 | };
21 | 


--------------------------------------------------------------------------------
/src/components/Account.js:
--------------------------------------------------------------------------------
 1 | import React, { Component, PropTypes } from 'react';
 2 | 
 3 | 
 4 | class Account extends Component {
 5 | 
 6 |   componentWillMount() {
 7 |     if(!this.props.account.lastUpdated) {
 8 |       this.props.fetchAccountIfNeeded();
 9 |     }
10 |   }
11 | 
12 |   render() {
13 |     const { authed, account } = this.props;
14 | 
15 |     return (
16 |       //TODO
17 |     );
18 |   }
19 | }
20 | 
21 | Account.propTypes = {
22 |   authed: PropTypes.object.isRequired,
23 |   account: PropTypes.object.isRequired,
24 | }
25 | 
26 | export default Account;
27 | 


--------------------------------------------------------------------------------
/src/containers/HistoryPage.js:
--------------------------------------------------------------------------------
 1 | import React, { Component, PropTypes } from 'react';
 2 | import { connect } from 'react-redux';
 3 | import History from '../components/History';
 4 | 
 5 | const mapStateToProps = (state) => ({
 6 |   account: state.account,
 7 |   authed: state.authed,
 8 | })
 9 | 
10 | const mapDispatchToProps = (dispatch) => ({
11 |   fetchAccountIfNeeded: () => {
12 |     dispatch(fetchAccountIfNeeded());
13 |   }
14 | })
15 | 
16 | const HistoryPage = connect(
17 |   mapStateToProps,
18 |   mapDispatchToProps
19 | )(History)
20 | 
21 | export default HistoryPage;
22 | 


--------------------------------------------------------------------------------
/src/containers/OrderPage.js:
--------------------------------------------------------------------------------
 1 | import React, { Component, PropTypes } from 'react';
 2 | import { connect } from 'react-redux';
 3 | import OrderPane from '../components/Order';
 4 | 
 5 | const mapStateToProps = (state) = ({
 6 |   account: state.account,
 7 |   authed: state.authed,
 8 |   order: state.order,
 9 | })
10 | 
11 | const mapDispatchToProps = (dispatch) = ({
12 |   placeOrder: () => {
13 |     dispatch(placeOrder());
14 |   }
15 | })
16 | 
17 | const OrderContainer = connect(
18 |   mapStateToProps,
19 |   mapDispatchToProps
20 | )(OrderPane)
21 | 
22 | export default OrderContainer;
23 | 


--------------------------------------------------------------------------------
/src/containers/SettingsPage.js:
--------------------------------------------------------------------------------
 1 | import React, { Component, PropTypes } from 'react';
 2 | import { connect } from 'react-redux';
 3 | 
 4 | class SettingsPage extends Component {
 5 |   render() {
 6 |     return //<Watchlist {...this.props} />; TODO
 7 |   }
 8 | }
 9 | 
10 | function mapStateToProps(state) {
11 |   const { authed, account } = state;
12 | 
13 |   return {
14 |     authed,
15 |     account,
16 |   };
17 | }
18 | 
19 | SettingsPage.propTypes = {
20 |   authed: PropTypes.object.isRequired,
21 |   account: PropTypes.object.isRequired,
22 | }
23 | 
24 | export default connect(mapStateToProps)(SettingsPage);
25 | 


--------------------------------------------------------------------------------
/src/containers/NewsPane.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import { connect } from 'react-redux';
 3 | import News from '../components/News';
 4 | import { fetchNewsIfNeeded } from '../actions/newsActions';
 5 | 
 6 | const mapStateToProps = (state) => ({
 7 |   account: state.account,
 8 |   authed: state.authed,
 9 |   news: state.quote.news,
10 | })
11 | 
12 | const mapDispatchToProps = (dispatch) => ({
13 |   fetchNewsIfNeeded: () => {
14 |     dispatch(fetchNewsIfNeeded());
15 |   }
16 | })
17 | 
18 | const NewsPane = connect(
19 |   mapStateToProps,
20 |   mapDispatchToProps
21 | )(News)
22 | 
23 | export default NewsPane;
24 | 


--------------------------------------------------------------------------------
/src/containers/AccountPage.js:
--------------------------------------------------------------------------------
 1 | import React, { Component, PropTypes } from 'react';
 2 | import { connect } from 'react-redux';
 3 | import Account from '../components/Account';
 4 | import { fetchAccountIfNeeded } from '../actions/accountActions';
 5 | 
 6 | const mapStateToProps = (state) => ({
 7 |   account: state.account,
 8 |   authed: state.authed,
 9 | })
10 | 
11 | const mapDispatchToProps = (dispatch) => ({
12 |   fetchAccountIfNeeded: () => {
13 |     dispatch(fetchAccountIfNeeded());
14 |   }
15 | })
16 | 
17 | const AccountPage = connect(
18 |   mapStateToProps,
19 |   mapDispatchToProps
20 | )(Account)
21 | 
22 | export default AccountPage;
23 | 


--------------------------------------------------------------------------------
/src/reducers/rootReducer.js:
--------------------------------------------------------------------------------
 1 | import { combineReducers } from 'redux';
 2 | import authenticationReducer from './authentication';
 3 | import quoteReducer from './quote';
 4 | import userReducer from './user';
 5 | import positionsReducer from './positions';
 6 | import orderReducer from './order';
 7 | import watchlistReducer from './watchlist';
 8 | 
 9 | const accountReducer = combineReducers({
10 |   accountReducer,
11 |   authReducer,
12 |   positionsReducer,
13 |   watchlistReducer,
14 |   orderReducer,
15 | })
16 | 
17 | const rootReducer = combineReducers({
18 |   quoteReducer,
19 |   accountReducer,
20 | });
21 | 
22 | export default rootReducer;
23 | 


--------------------------------------------------------------------------------
/src/reducers/quote.js:
--------------------------------------------------------------------------------
 1 | import * as types from '../constants/ActionTypes';
 2 | 
 3 | const quoteReducer = (state = {}, action) => {
 4 |   switch (action.type) {
 5 |     case types.REQUEST_QUOTE:
 6 |       return {
 7 |         isFetching: true,
 8 |         ...state,
 9 |       };
10 |     case types.REQUEST_QUOTE_ERROR:
11 |       return {
12 |         error: true,
13 |         ...state,
14 |       };
15 |     case types.RECIEVE_QUOTE:
16 |       return {
17 |         isFetching: false,
18 |         quote: action.data,
19 |         lastUpdated: action.receivedAt,
20 |         ...state,
21 |       };
22 |     default:
23 |       return state;
24 |   }
25 | };
26 | 
27 | export default quoteReducer;
28 | 


--------------------------------------------------------------------------------
/src/containers/WatchlistPane.js:
--------------------------------------------------------------------------------
 1 | import React, { Component, PropTypes } from 'react';
 2 | import { connect } from 'react-redux';
 3 | import Watchlist from '../components/Watchlist';
 4 | import { fetchWatchlistsIfNeeded } from '../actions/watchlistActions';
 5 | 
 6 | const mapStateToProps = (state) => ({
 7 |   account: state.account,
 8 |   authed: state.authed,
 9 |   watchlists: state.account.watchlists,
10 | })
11 | 
12 | const mapDispatchToProps = (dispatch) => ({
13 |   fetchWatchlistsIfNeeded: () => {
14 |     dispatch(fetchWatchlistsIfNeeded());
15 |   }
16 | })
17 | 
18 | const Watchlist = connect(
19 |   mapStateToProps,
20 |   mapDispatchToProps
21 | )(Watchlist)
22 | 
23 | export default WatchlistPane;
24 | 


--------------------------------------------------------------------------------
/src/containers/PositionsPane.js:
--------------------------------------------------------------------------------
 1 | import React, { Component, PropTypes } from 'react';
 2 | import { connect } from 'react-redux';
 3 | import PositionList from '../components/PositionList';
 4 | import { fetchPositionsIfNeeded } from '../actions/positionActions';
 5 | 
 6 | const mapStateToProps = (state) => ({
 7 |   account: state.account,
 8 |   authed: state.authed,
 9 |   positions: state.account.positions,
10 | })
11 | 
12 | const mapDispatchToProps = (dispatch) => ({
13 |   fetchPositionsIfNeeded: () => {
14 |     dispatch(fetchPositionsIfNeeded());
15 |   }
16 | })
17 | 
18 | const PositionsPane = connect(
19 |   mapStateToProps,
20 |   mapDispatchToProps
21 | )(PositionList)
22 | 
23 | export default PositionsPane;
24 | 


--------------------------------------------------------------------------------
/src/reducers/portfolio.js:
--------------------------------------------------------------------------------
 1 | import * as types from '../constants/ActionTypes';
 2 | 
 3 | const portfolioReducer = (state = {}, action) => {
 4 |   switch (action.type) {
 5 |     case types.REQUEST_PORTFOLIO:
 6 |       return {
 7 |         isFetching: true,
 8 |         lastUpdated: action.receivedAt,
 9 |       };
10 |     case types.RECIEVE_PORTFOLIO:
11 |       return {
12 |         isFetching: false,
13 |         lastUpdated: action.receivedAt,
14 |         items: action.positions,
15 |         ...state,
16 |       };
17 |     case types.REQUEST_POSITION_ERROR:
18 |       return {
19 |         ...state,
20 |       }
21 |     default:
22 |       return state;
23 |   }
24 | };
25 | 
26 | export default portfolioReducer;
27 | 


--------------------------------------------------------------------------------
/src/reducers/positions.js:
--------------------------------------------------------------------------------
 1 | import * as types from '../constants/ActionTypes';
 2 | 
 3 | const positionsReducer = (state = {}, action) => {
 4 |   switch (action.type) {
 5 |     case types.REQUEST_POSITIONS:
 6 |       return {
 7 |         isFetching: true,
 8 |         lastUpdated: action.receivedAt,
 9 |       };
10 |     case types.RECEIVE_POSITIONS:
11 |       return {
12 |         isFetching: false,
13 |         lastUpdated: action.receivedAt,
14 |         items: action.positions,
15 |         ...state,
16 |       };
17 |     case types.REQUEST_POSITION_ERROR:
18 |       return {
19 |         ...state,
20 |       }
21 |     default:
22 |       return state;
23 |   }
24 | };
25 | 
26 | export default positionsReducer;
27 | 


--------------------------------------------------------------------------------
/src/components/Watchlist.js:
--------------------------------------------------------------------------------
 1 | import React, { Component, PropTypes } from 'react';
 2 | import _ from 'lodash';
 3 | import { fetchWatchlistIfNeeded } from '../actions/watchlistActions';
 4 | 
 5 | class Watchlist extends Component {
 6 |   componentWillMount() {
 7 |     if (!this.props.watchlist.lastUpdated) {
 8 |       this.props.fetchWatchlistIfNeeded();
 9 |     }
10 |   }
11 | 
12 |   render() {
13 |     const { authed, watchlist } = this.props;
14 | 
15 |     if (authed.true) {
16 |       return (
17 |         //TODO
18 |       )
19 |     }
20 |   }
21 | }
22 | 
23 | Watchlist.propTypes = {
24 |   authed: PropTypes.object.isRequired,
25 |   watchlist: PropTypes.object.isRequired,
26 | }
27 | 
28 | export default Watchlist;
29 | 


--------------------------------------------------------------------------------
/src/store/configureStore.js:
--------------------------------------------------------------------------------
 1 | import { createStore, applyMiddleware } from 'redux';
 2 | import throttle from 'lodash/throttle';
 3 | import thunk from 'redux-thunk';
 4 | import rootReducer from '../reducers/rootReducer';
 5 | import { loadState, saveState } from './localStorage';
 6 | 
 7 | const configureStore = (initialState) => {
 8 |   const persistedState = loadState();
 9 |   const store = createStore(
10 |     rootReducer,
11 |     applyMiddleware(thunk),
12 |   );
13 | 
14 |   store.subscribe(throttle(() => {
15 |     saveState({
16 |       account: store.getState().account,
17 |     })
18 |   }, 1000))
19 | 
20 |   return store;
21 | }
22 | 
23 | // By exporting configureStore instead of just store, we will
24 | // be able to create as many store instances as we want for testing.
25 | export default configureStore;
26 | 


--------------------------------------------------------------------------------
/src/components/Search.js:
--------------------------------------------------------------------------------
 1 | import React, { PropTypes, Component } from 'react';
 2 | import _ from 'lodash';
 3 | import SearchResults from '../components/SearchResults';
 4 | 
 5 | class Search extends Component {
 6 | 
 7 |   handleSubmit() {
 8 | 
 9 |   }
10 | 
11 |   handleChange() {
12 | 
13 |   }
14 |   
15 |   render () {
16 |     const { authed, handleSubmit, handleChange } = this.props;
17 |     return (
18 |       <div>
19 |         <form onSubmit={handleSubmit}>
20 |           <input type='text' placeholder='Search symbol' className='input' onChange={handleChange}/>
21 |         </form>
22 |       </div>
23 |     );
24 |   }
25 | }
26 | 
27 | Search.propTypes = {
28 |   authed: PropTypes.object.isRequired,
29 |   handleChange: PropTypes.func.isRequired,
30 |   handleSubmit: PropTypes.func.isRequired,
31 | };
32 | 
33 | export default Search;
34 | 


--------------------------------------------------------------------------------
/src/reducers/account.js:
--------------------------------------------------------------------------------
 1 | import * as types from '../constants/ActionTypes';
 2 | 
 3 | const accountReducer = (state = {}, action) => {
 4 |   switch (action.type) {
 5 |     case types.REQUEST_ACCOUNT_ID:
 6 |       return {
 7 |         isFetching: true,
 8 |         ...state,
 9 |       };
10 |     case types.RECIEVE_ACCOUNT_ID:
11 |       return {
12 |         isFetching: false,
13 |         accountId: action.accountId,
14 |         ...state,
15 |       };
16 |     case types.REQUEST_ACCOUNT_INFO:
17 |       return {
18 |         isFetching: true,
19 |         ...state,
20 |       };
21 |     case types.RECIEVE_ACCOUNT_INFO:
22 |       return {
23 |         isFetching: false,
24 |         accountInfo: action.accountInfo,
25 |         ...state,
26 |       };
27 |     default:
28 |       return state,
29 |   }
30 | };
31 | 
32 | export default accountReducer;
33 | 


--------------------------------------------------------------------------------
/src/reducers/watchlist.js:
--------------------------------------------------------------------------------
 1 | import * as types from '../constants/ActionTypes';
 2 | 
 3 | const watchlistReducer = (state = {}, action) => {
 4 |   switch (action.type) {
 5 |     case types.REQUEST_WATCHLIST:
 6 |       return {
 7 |         isFetching: true,
 8 |         ...state,
 9 |       };
10 |     case types.RECEIVE_WATCHLIST:
11 |       return {
12 |         isFetching: false,
13 |         items: action.watchlist,
14 |         lastUpdated: action.receivedAt,
15 |       }
16 |     case types.CREATE_WATCHLIST:
17 |       return {
18 |         ...state,
19 |       };
20 |     case types.ADD_INSTRUMENT_TO_WATCHLIST:
21 |       return {
22 |         ...state,
23 |       };
24 |     case types.DELETE_WATCHLIST_INSTRUMENT:
25 |       return {
26 |         ...state,
27 |       };
28 |     default:
29 |       return state;
30 |   }
31 | };
32 | 
33 | export default watchlistReducer;
34 | 


--------------------------------------------------------------------------------
/src/index.js:
--------------------------------------------------------------------------------
 1 | /* eslint-disable import/default */
 2 | import 'babel-polyfill';
 3 | import React from 'react';
 4 | import { render } from 'react-dom';
 5 | import { browserHistory } from 'react-router';
 6 | import routes from './routes';
 7 | import configureStore from './store/configureStore';
 8 | import './styles/styles.scss'; // Yep, that's right. You can import SASS/CSS files too! Webpack will run the associated loader and plug this into the page.
 9 | import { syncHistoryWithStore } from 'react-router-redux';
10 | import { loadState, saveState } from './localStorage';
11 | import { App } from './components/App';
12 | 
13 | const store = configureStore();
14 | 
15 | // Create an enhanced history that syncs navigation events with the store
16 | const history = syncHistoryWithStore(browserHistory, store);
17 | 
18 | render(
19 |   <Root store={store} history={history} routes={routes} />,
20 |   document.getElementById('app')
21 | );
22 | 


--------------------------------------------------------------------------------
/static/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |   <meta charset="utf8">
 5 |   <meta name="viewport" content="width=device-width, initial-scale=1">
 6 |   <meta name="keywords" content="">
 7 |   <meta name="description" content="">
 8 | 
 9 |   <title>Robinhood</title>
10 | 
11 |   <link rel="stylesheet" href="https://unpkg.com/font-awesome@4.5.0/css/font-awesome.min.css">
12 | </head>
13 | <body>
14 |   <div id="app"></div>
15 |   
16 |   <script>
17 |     (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
18 |     (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
19 |     m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
20 |     })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
21 | 
22 |     ga('create', 'UA-75849162-1', 'auto');
23 |     ga('send', 'pageview');
24 |   </script>
25 | </body>
26 | </html>
27 | 


--------------------------------------------------------------------------------
/src/containers/QuoteContainer.js:
--------------------------------------------------------------------------------
 1 | import React, { Component, PropTypes } from 'react';
 2 | import { connect } from 'react-redux';
 3 | import QuotePaneComponent from '../components/QuoteDetail';
 4 | 
 5 | const mapStateToProps = (state) => {
 6 |   const { authed, quote, account } = state;
 7 | 
 8 |   return {
 9 |     authed,
10 |     account,
11 |     quote,
12 |   };
13 | }
14 | 
15 | const mapDispatchToProps = (dispatch) => {
16 |   return {
17 |         changePrimaryColor: (color) => dispatch(changePrimaryColor(color)),
18 |         fetchQuote: (quote) => dispatch(fetchQuote(quote))
19 |     }
20 | }
21 | 
22 | QuoteContainer.propTypes = {
23 |   authed: PropTypes.object.isRequired,
24 |   account: PropTypes.object.isRequired,
25 |   quote: PropTypes.object.isRequired,
26 | }
27 | 
28 | const PositionPaneContainer = connect(
29 |     mapStateToProps,
30 |     mapDispatchToProps
31 | )(QuotePaneComponent);
32 | 
33 | export default QuotePaneContainer;
34 | 


--------------------------------------------------------------------------------
/src/components/Login.js:
--------------------------------------------------------------------------------
 1 | import React, { Component, PropTypes } from 'react';
 2 | import loginUser from '../actions/auth';
 3 | 
 4 | class LoginPage extends Component {
 5 | 
 6 |   constructor(props) {
 7 |     super(props)
 8 | 
 9 |     this.onSubmit = this.onSubmit.bind(this);
10 |   }
11 | 
12 |   onSubmit() {
13 |     dispatch(loginUser(username, password));
14 |   }
15 | 
16 |   render() {
17 |     const { username, password } = state;
18 | 
19 |     return(
20 |       <div>
21 |         <TextField
22 |           onChange={(e, username) => this.username}
23 |         />
24 |         <TextField
25 |           type="password",
26 |           onChange={(e, password) => this.password}
27 |         />
28 |       </div>
29 |     );
30 |   }
31 | 
32 |   submit() {
33 |     const username = this.username;
34 |     const password = this.password;
35 |   }
36 | }
37 | 
38 | Account.PropTypes = {
39 |   username: PropTypes.string.isRequired,
40 |   password: PropTypes.string.isRequired
41 | }
42 | 
43 | export default Account;
44 | 


--------------------------------------------------------------------------------
/src/routes.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import { Route, IndexRoute } from 'react-router';
 3 | 
 4 | import App from './containers/App';
 5 | import OrderPage from './containers/OrderPage';
 6 | import HistoryPage from './HistoryPage';
 7 | import AccountPage from './AccountPage';
 8 | import SettingsPage from './SettingsPage';
 9 | import LoginPage from './LoginPage';
10 | import NotFoundPage from '../components/NotFoundPage';
11 | import LandingPage from '../components/LandingPage';
12 | import AboutPage from '../components/AboutPage';
13 | 
14 | export default (
15 | 	<Route path="/" component={LandingPage}>
16 | 		<IndexRoute component={App} />
17 | 		<Route path="/order" component={OrderPage} />
18 | 		<Route path="/history" component={HistoryPage} />
19 | 		<Route path="/account" component={AccountPage} />
20 | 		<Route path="/settings" componet={SettingsPage} />
21 | 		<Route path="/login" component={LoginPage} />
22 | 		<Route path="/about" component={AboutPage} />
23 | 		<Route path="*" component={NotFoundPage} />
24 | 	</Route>
25 | );
26 | 


--------------------------------------------------------------------------------
/src/reducers/authentication.js:
--------------------------------------------------------------------------------
 1 | import * as types from '../constants/ActionTypes';
 2 | 
 3 | const authenticationReducer = (state = {}, action) => {
 4 |   switch (action.type) {
 5 |     case types.REQUEST_AUTH:
 6 |       return {
 7 |         isLoggingIn: true,
 8 |         authed: false,
 9 |         ...state,
10 |       };
11 |     case types.RECIEVE_AUTH:
12 |       return {
13 |         isLoggingIn: false,
14 |         authed: true,
15 |         authToken: action.authToken,
16 |         ...state,
17 |       };
18 |     case types.RECIEVE_AUTH_TOKEN:
19 |       return {
20 |         authed: true,
21 |         error: action.error,
22 |         authToken: action.authToken,
23 |         ...state,
24 |       };
25 |     case types.AUTH_FAILURE:
26 |       return {
27 |         authed: false,
28 |         error: true,
29 |         ...state,
30 |       };
31 |     case types.REQUEST_LOGOUT:
32 |       return {
33 |         authed: false,
34 |         authToken: null,
35 |       };
36 |     default:
37 |       return state;
38 |   }
39 | };
40 | 
41 | export default authReducer;
42 | 


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | MIT License
 2 | 
 3 | Copyright (c) 2016 Alec Cunningham
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 | 


--------------------------------------------------------------------------------
/src/components/Order.js:
--------------------------------------------------------------------------------
 1 | import React, { Component, PropTypes } from 'react';
 2 | 
 3 | class Order extends Component {
 4 |   /* Quote component that is rendered when a user
 5 |   selects a singular quote to view fundamentals, basic
 6 |   info, etc. Should already have quoteData['symbol'], so
 7 |   we can use that to dispatch the data
 8 |   */
 9 | 
10 |   /*
11 |   componentWillMount() {
12 |     const { dispatch, symbol } = this.props;
13 |     dispatch(fetchQuote(symbol));
14 |   }
15 | 
16 | 
17 |   shouldComponentUpdate(nextProps) {
18 |     const { dispatch, symbol, updatedAt } = this.props;
19 |     if (nextProps.updatedAt < ) {
20 |       dispatch(fetchSongIfNeeded(nextProps.songId));
21 |     }
22 |   }
23 |   */
24 | 
25 |   render() {
26 |     const { authed, dispatch, quoteData, symbol } = this.props;
27 | 
28 |     return (
29 |       <div>
30 |         <h1>Order</h1>
31 |         <p>Shares: 12</p>
32 |       </div>
33 |     )
34 |   }
35 | }
36 | 
37 | Quote.propTypes = {
38 |   authed: PropTypes.bool,
39 |   dispatch: PropTypes.func.isRequired,
40 |   quoteData: PropTypes.func.isRequired,
41 |   symbol: PropTypes.string.isRequired,
42 | };
43 | 
44 | export default Order;
45 | 


--------------------------------------------------------------------------------
/src/components/QuotePane.js:
--------------------------------------------------------------------------------
 1 | import React, { Component, PropTypes } from 'react';
 2 | import fetchQuote from '../actions/QuoteActions';
 3 | 
 4 | class QuotePane extends Component {
 5 |   /* Quote component that is rendered when a user
 6 |   selects a singular quote to view fundamentals, basic
 7 |   info, etc. Should already have quoteData['symbol'], so
 8 |   we can use that to dispatch the data
 9 |   */
10 | 
11 |   componentWillMount() {
12 |     const { dispatch, symbol } = this.props;
13 |     dispatch(fetchQuote(symbol));
14 |   }
15 | 
16 |   /*
17 |   shouldComponentUpdate(nextProps) {
18 |     const { dispatch, symbol, updatedAt } = this.props;
19 |     if (nextProps.updatedAt < ) {
20 |       dispatch(fetchSongIfNeeded(nextProps.songId));
21 |     }
22 |   }
23 |   */
24 | 
25 |   render() {
26 |     const { authed, dispatch, quoteData, symbol } = this.props;
27 | 
28 |     return (
29 |       <div>
30 |         <h1>Quote</h1>
31 |         <p>Ticker: {symbol}</p>
32 |       </div>
33 |     )
34 |   }
35 | }
36 | 
37 | Quote.propTypes = {
38 |   authed: PropTypes.bool,
39 |   dispatch: PropTypes.func.isRequired,
40 |   symbol: PropTypes.string.isRequired
41 | };
42 | 
43 | export default QuotePaneComponent;
44 | 


--------------------------------------------------------------------------------
/src/lib/request.js:
--------------------------------------------------------------------------------
 1 | import 'whatwg-fetch';
 2 | 
 3 | /**
 4 |  * Parses the JSON returned by a network request
 5 |  *
 6 |  * @param  {object} response A response from a network request
 7 |  *
 8 |  * @return {object}          The parsed JSON from the request
 9 |  */
10 | function parseJSON(response) {
11 |   return response.json();
12 | }
13 | 
14 | /**
15 |  * Checks if a network request came back fine, and throws an error if not
16 |  *
17 |  * @param  {object} response   A response from a network request
18 |  *
19 |  * @return {object|undefined} Returns either the response, or throws an error
20 |  */
21 | function checkStatus(response) {
22 |   if (response.status >= 200 && response.status < 300) {
23 |     return response;
24 |   }
25 | 
26 |   const error = new Error(response.statusText);
27 |   error.response = response;
28 |   throw error;
29 | }
30 | 
31 | /**
32 |  * Requests a URL, returning a promise
33 |  *
34 |  * @param  {string} url       The URL we want to request
35 |  * @param  {object} [options] The options we want to pass to "fetch"
36 |  *
37 |  * @return {object}           The response data
38 |  */
39 | export default function _fetch(endpoint, options) {
40 |   return fetch(url, options)
41 |     .then(checkStatus)
42 |     .then(parseJSON);
43 | }
44 | 


--------------------------------------------------------------------------------
/src/containers/App.js:
--------------------------------------------------------------------------------
 1 | import React, { Component, PropTypes } from 'react';
 2 | import { connect } from 'react-redux';
 3 | 
 4 | // import { initAuth } from '../actions/AuthedActions';
 5 | 
 6 | import Sidebar from '../components/Sidebar';
 7 | import Search from '../components/Search';
 8 | 
 9 | import QuoteContainer from './QuoteContainer';
10 | import PositionsContainer from './PositionsContainer';
11 | 
12 | 
13 | 
14 | class App extends Component {
15 |   componentDidMount() {
16 |     const { dispatch } = this.props;
17 |     // dispatch(initAuth()); TODO
18 |   }
19 | 
20 |   handleSubmit() {
21 | 
22 |   }
23 | 
24 |   render() {
25 |     const { authed, dispatch, errorMessage } = this.props;
26 | 
27 |     return (
28 |       <div>
29 |         <Sidebar />
30 |         <AccountPane />
31 |         <Search onSubmit={this.handleSubmit} />
32 |         <PositionsContainer /> // TODO OR <SearchResults />
33 |         <QuoteContainer />
34 |       </div>
35 |     );
36 |   }
37 | }
38 | 
39 | App.propTypes = {
40 |   authed: PropTypes.bool.isRequired,
41 |   dispatch: PropTypes.func.isRequired,
42 |   errorMessage: PropTypes.string,
43 | };
44 | 
45 | function mapStateToProps(state) {
46 |   const { authed, dispatch, errorMessage } = state;
47 | 
48 |   return {
49 |     authed,
50 |     dispatch,
51 |     errorMessage,
52 |   };
53 | }
54 | 
55 | export default connect(mapStateToProps)(App);
56 | 


--------------------------------------------------------------------------------
/src/reducers/order.js:
--------------------------------------------------------------------------------
 1 | import * as types from '../constants/ActionTypes';
 2 | 
 3 | const initialState = {
 4 |   isLoggedIn: true,
 5 | };
 6 | 
 7 | const orderReducer = (state = initialState, action) => {
 8 |   switch (action.type) {
 9 |     case types.POST_PLACE_ORDER:
10 |       return {
11 |         ...state,
12 |       };
13 |     case types.PLACE_ORDER_SUCCESS:
14 |       return {
15 |         ...state,
16 |       };
17 |     case types.PLACE_ORDER_FAILURE:
18 |       return {
19 |         ...state,
20 |       };
21 |     case types.POST_BUY_ORDER:
22 |       return {
23 |         ...state,
24 |       };
25 |     case types.BUY_ORDER_SUCCESS:
26 |       return {
27 |         ...state,
28 |       };
29 |     case types.BUY_ORDER_FAILURE:
30 |       return {
31 |         ...state,
32 |       };
33 |     case types.POST_SELL_ORDER:
34 |       return {
35 |         ...state,
36 |       };
37 |     case types.SELL_ORDER_SUCCESS:
38 |       return {
39 |         ...state,
40 |       };
41 |     case types.SELL_ORDER_FAILURE:
42 |       return {
43 |         ...state,
44 |       };
45 |     case types.POST_CANCEL_ORDER:
46 |       return {
47 |         ...state,
48 |       };
49 |     case types.CANCEL_ORDER_SUCCESS:
50 |       return {
51 |         ...state,
52 |       };
53 |     case types.CANCEL_ORDER_FAILURE:
54 |       return {
55 |         ...state,
56 |       };
57 |     case types.GATHER_ORDER_INFO:
58 |       return {
59 |         ...state,
60 |       };
61 |     case types.GATHER_RECENT_ORDERS:
62 |       return {
63 |         ...state,
64 |       };
65 |     default:
66 |       return state;
67 |   }
68 | };
69 | 
70 | export default orderReducer;
71 | 


--------------------------------------------------------------------------------
/src/index.ejs:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <!--
 4 |   **NOTE:** This is a template for index.html. It uses ejs and htmlWebpackPlugin to generate a different index.html for each environment. htmlWebpackPlugin will dynamically add references to the scripts and styles that it bundles to this file. The generated bundles have hash-based filenames, so it's necessary to add the references dynamically.
 5 |   For more info on ejs, see http://www.embeddedjs.com/. For examples of using it with htmlWebpackPlugin, see https://github.com/jaketrent/html-webpack-template/blob/master/index.ejs
 6 |   -->
 7 | <head>
 8 |   <!--
 9 |     The htmlWebpackPlugin will parse the logic below so that trackJS is only added to the production version of index.html (since only webpack.config.prod.js provides the trackJS token)
10 |     This is an example of how to add features to index.html for only one environment.
11 |     To track JavaScript errors via TrackJS, sign up for a free trial at TrackJS.com and enter your token in /webpack.config.prod.js on line 55.
12 |    -->
13 |   <% if (htmlWebpackPlugin.options.trackJSToken) { %>
14 |   <script>window._trackJs = {token: '<%= htmlWebpackPlugin.options.trackJSToken %>'};</script>
15 |   <script src="https://d2zah9y47r7bi2.cloudfront.net/releases/current/tracker.js"></script>
16 |   <% } %>
17 | 
18 |   <meta http-equiv="X-UA-Compatible" content="IE=edge">
19 |   <meta charset="utf-8"/>
20 |   <title>Fusion Starter</title>
21 | </head>
22 |   <body>
23 |     <div id="app">
24 |       <img src="../static/img/icon.png" />
25 |     </div>
26 |     <div class="preload-title">
27 |       Hold on, it's loading!
28 |     </div>
29 |   </body>
30 | </html>
31 | 


--------------------------------------------------------------------------------
/src/containers/LoginPage.js:
--------------------------------------------------------------------------------
 1 | import React, { Component, PropTypes } from 'react';
 2 | import TextInput from './common/TextInput';
 3 | import { bindActionCreators } from 'redux';
 4 | import { connect } from 'react-redux';
 5 | import * as sessionActions from '../actions/sessionActions';
 6 | 
 7 | class LoginPage extends Component {
 8 |   constructor(props) {
 9 |     super(props);
10 |     this.state = {user: '', password: ''}};
11 |     this.onChange = this.onChange.bind(this);
12 |     this.onSave = this.onSave.bind(this);
13 |   }
14 | 
15 |   onChange(event) {
16 |     const field = event.target.name;
17 |     const credentials = this.state.credentials;
18 |     credentials[field] = event.target.value;
19 |     return this.setState({credentials: credentials});
20 |   }
21 | 
22 |   onSave(event) {
23 |     event.preventDefault();
24 |     this.props.actions.loginUser(this.state.credentials);
25 |   }
26 | 
27 |   render() {
28 |     return (
29 |       <div>
30 |         <form>
31 |           < TextInput
32 |             name="username"
33 |             label="username"
34 |             value={this.state.credentials.username}
35 |             onChange={this.onChange}/>
36 | 
37 |           < TextInput
38 |             name="password"
39 |             label="password"
40 |             type="password"
41 |             value={this.state.credentials.password}
42 |             onChange={this.onChange}/>
43 | 
44 |           < input
45 |             type="submit"
46 |             className="btn btn-primary"
47 |             onClick={this.onSave}/>
48 |     );
49 |   }
50 | }
51 | 
52 | LoginPage.propTypes = {
53 | 
54 | }
55 | 
56 | const mapDispatchToProps = (dispatch) => ({
57 |   actions: bindActionCreators(sessionActions, dispatch)
58 | });
59 | 
60 | export default connect(null, mapDispatchToProps)(LogInPage);
61 | 


--------------------------------------------------------------------------------
/src/components/PositionList.js:
--------------------------------------------------------------------------------
 1 | import React, { Component, PropTypes } from 'react';
 2 | import _ from 'lodash';
 3 | import { formatCurrency, formatPercent } from '../lib/formaters';
 4 | import { fetchPosition, fetchPositionsIfNeeded } from '../actions/positionActions';
 5 | 
 6 | class Position extends Component {
 7 | 
 8 |   componentWillMount() {
 9 |     const { dispatch, symbol } = this.props;
10 |     dispatch(fetchPosition(symbol));
11 |   }
12 | 
13 |   render() {
14 |     const { authed, position } = this.props;
15 | 
16 |     return (
17 |       //TODO
18 |     );
19 |   }
20 | 
21 | }
22 | 
23 | class PositionList extends Component {
24 | 
25 |   componentWillMount() {
26 |     const { authed, account, positions } = this.props;
27 |     dispatch(fetchPositionsIfNeeded(account));
28 |   }
29 | 
30 |   render() {
31 |     const { positions, authed } = this.props;
32 | 
33 |     return (
34 |       {(_.values(positions.items) || []).map((stock, i) => {
35 |         const { quantity, quote, instrument } = stock;
36 |         let displayedValue = formatCurrency(+quote.last_trade_price);
37 | 
38 |         switch(settings.displayedValue) {
39 |           case 'price':
40 |             displayedValue = formatCurrency(+quote.last_trade_price);
41 |               break;
42 |           case 'equity':
43 |             displayedValue = formatCurrency(+quote.last_trade_price * +quantity);
44 |               break;
45 |           case 'percent':
46 |             displayedValue = formatPercent((+quote.last_trade_price / +quote.adjusted_previous_close) - 1);
47 |               break;
48 |         }
49 |     );
50 |   }
51 | }
52 | 
53 | Positions.propTypes = {
54 |   authed: PropTypes.object.isRequired,
55 |   account: PropTypes.object.isRequired,
56 |   positions: PropTypes.object.isRequired,
57 | }
58 | 
59 | export default PositionList;
60 | 


--------------------------------------------------------------------------------
/src/lib/formaters.js:
--------------------------------------------------------------------------------
 1 | import numeral from 'numeral';
 2 | import moment from 'moment';
 3 | 
 4 | export function formatCurrency(d) {
 5 |   return numeral(d).format('$0,0.00');
 6 | }
 7 | 
 8 | export function formatPercent(d) {
 9 |   return numeral(d).format('0.00%');
10 | }
11 | 
12 | export function formatCurrencyDiff(d) {
13 |   let sign = d >= 0 ? '+' : '-'
14 |   return `${sign}${numeral(Math.abs(d)).format('$0,0.00')}`;
15 | }
16 | 
17 | export function formatPercentDiff(d) {
18 |   let sign = d >= 0 ? '+' : '-';
19 |   return `${sign}${numeral(Math.abs(d)).format('0.00%')}`;
20 | }
21 | 
22 | export function formatTime(d, span) {
23 |   d = new Date(d);
24 |   let hours = d.getHours();
25 |   let minutes = d.getMinutes();
26 | 
27 |   if (hours > 12) hours -= 12;
28 |   if (hours < 10) hours = '0' + hours;
29 |   if (minutes < 10) minutes = '0' + minutes;
30 | 
31 |   switch(span) {
32 |     case 'day':
33 |       return `${hours}:${minutes} EDT`;
34 |     case 'week':
35 |       return `${hours}:${minutes} EDT ${moment(d).format('MMM D')}`;
36 |     case 'month':
37 |       return `${moment(d).format('MMM D YYYY')}`;
38 |     case 'quarter':
39 |       return `${moment(d).format('MMM D YYYY')}`;
40 |     case 'year':
41 |       return `${moment(d).format('MMM D YYYY')}`;
42 |     case 'all':
43 |       return `${moment(d).format('MMM D YYYY')}`;
44 |     default:
45 |       return false;
46 |   }
47 | }
48 | 
49 | export function formatRelativeTime (exactDate, span) {
50 |   switch(span) {
51 |     case 'day':
52 |       return 'Today';
53 |     case 'week':
54 |       return 'Past Week';
55 |     case 'month':
56 |       return 'Past Month';
57 |     case 'quarter':
58 |       return 'Past 3M';
59 |     case 'year':
60 |       return 'Past Year';
61 |     case 'all':
62 |       return `Since ${moment(exactDate).format('MMM D YYYY')}`;
63 |     default:
64 |       return false;
65 |   }
66 | }
67 | 
68 | export function formatNumberBig (d) {
69 |   if (d < 1000000) {
70 |     return numeral(d).format('0,0');
71 |   } else {
72 |     return numeral(d).format('0.000a');
73 |   }
74 | }
75 | 
76 | export function formatCurrencyBig (d) {
77 |   if (d < 1000000) {
78 |     return formatCurrency(d);
79 |   } else {
80 |     return numeral(d).format('$0.000a');
81 |   }
82 | }
83 | 


--------------------------------------------------------------------------------
/src/components/Sidebar.js:
--------------------------------------------------------------------------------
 1 | import React, { Component, PropTypes } from 'react';
 2 | import { loginUser, logoutUser } from '../actions/authActions';
 3 | 
 4 | class Header extends Component {
 5 | 
 6 |   constructor(props) {
 7 |     super(props);
 8 |     this.login = this.login.bind(this);
 9 |     this.logout = this.logout.bind(this);
10 |   }
11 | 
12 |   login(e) {
13 |     e.preventDefault();
14 |     const { dispatch } = this.props;
15 |     dispatch(loginUser());
16 |   }
17 | 
18 |   logout(e) {
19 |     e.preventDefault();
20 |     const { dispatch } = this.props;
21 |     dispatch(logoutUser());
22 |   }
23 | 
24 | 
25 |   render() {
26 |     const { authed } = this.props;
27 | 
28 |     return (
29 |       <nav class="nav has-shadow">
30 |         <div class="container">
31 |           <div class="nav-left">
32 |             <a class="nav-item">
33 |               <img src="logo.png" alt="Bulma logo"></img>
34 |             </a>
35 |             <a class="nav-item is-tab is-hidden-mobile is-active">Dashboard</a>
36 |             <a class="nav-item is-tab is-hidden-mobile">Watchlists</a>
37 |             <a class="nav-item is-tab is-hidden-mobile">Account</a>
38 |             <a class="nav-item is-tab is-hidden-mobile">Banking</a>
39 |             <a class="nav-item is-tab is-hidden-mobile">Order</a>
40 |           </div>
41 |           <span class="nav-toggle">
42 |             <span></span>
43 |             <span></span>
44 |             <span></span>
45 |           </span>
46 |           <div class="nav-right nav-menu">
47 |             <a class="nav-item is-tab is-hidden-tablet is-active">Dashboard</a>
48 |             <a class="nav-item is-tab is-hidden-tablet">Watchlists</a>
49 |             <a class="nav-item is-tab is-hidden-mobile">Account</a>
50 |             <a class="nav-item is-tab is-hidden-mobile">Banking</a>
51 |             <a class="nav-item is-tab is-hidden-mobile">Order</a>
52 |             <a class="nav-item is-tab">
53 |             <p class="control">
54 |               <input class="nav-item input is-primary" type="text" placeholder="Search...">
55 |             </p>
56 |             <a class="nav-item is-tab" onClick={this.logout}>Log out</a>
57 |           </div>
58 |         </div>
59 |       </nav>
60 |       <br>
61 |     );
62 |     }
63 | }
64 | 
65 | Nav.propTypes = {
66 |   authed: propTypes.object.isRequired,
67 | };
68 | 
69 | export default Nav;
70 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "js-stack-from-stratch",
 3 |   "version": "1.0.0",
 4 |   "description": "Javascript app framework stack",
 5 |   "main": "index.js",
 6 |   "author": "Alec Cunningham",
 7 |   "license": "MIT",
 8 |   "scripts": {
 9 |     "start": "yarn dev:start",
10 |     "dev:start": "nodemon -e js,jsx --ignore lib --ignore dist --exec babel-node src/server",
11 |     "dev:wds": "webpack-dev-server --progress",
12 |     "prod:build": "rimraf lib && babel src -d lib --ignore .test.js && cross-env NODE_ENV=production webpack -p --progress",
13 |     "prod:start": "cross-env NODE_ENV=production pm2 start lib/server && pm2 logs",
14 |     "prod:stop": "pm2 delete all",
15 |     "lint": "eslint src webpack.config.js --ext .js,.jsx",
16 |     "test": "eslint src && flow && jest --coverage",
17 |     "compile": "babel"
18 |   },
19 |   "dependencies": {
20 |     "babel-polyfill": "^6.23.0",
21 |     "compression": "^1.6.2",
22 |     "express": "^4.15.0",
23 |     "immutable": "^3.8.1",
24 |     "js-cookie": "^2.1.3",
25 |     "lodash": "^4.17.4",
26 |     "moment": "^2.17.1",
27 |     "normalizr": "^3.2.2",
28 |     "numeral": "^2.0.4",
29 |     "react": "^15.4.2",
30 |     "react-dom": "^15.4.2",
31 |     "react-hot-loader": "next",
32 |     "react-pure-render": "^1.0.2",
33 |     "react-redux": "^5.0.3",
34 |     "react-router": "next",
35 |     "react-router-dom": "next",
36 |     "react-router-redux": "^4.0.8",
37 |     "react-search-input": "^0.10.4",
38 |     "redux": "^3.6.0",
39 |     "redux-actions": "^2.0.1",
40 |     "redux-thunk": "^2.2.0",
41 |     "webpack-dev-middleware": "^1.10.1",
42 |     "webpack-hot-middleware": "^2.17.1"
43 |   },
44 |   "devDependencies": {
45 |     "babel-cli": "^6.24.0",
46 |     "babel-core": "^6.23.1",
47 |     "babel-eslint": "^7.1.1",
48 |     "babel-jest": "^19.0.0",
49 |     "babel-loader": "^6.3.2",
50 |     "babel-preset-flow": "^6.23.0",
51 |     "babel-preset-latest": "^6.22.0",
52 |     "babel-preset-react": "^6.23.0",
53 |     "babel-preset-react-hmre": "^1.1.1",
54 |     "cross-env": "^3.2.3",
55 |     "eslint": "^3.17.0",
56 |     "eslint-config-airbnb": "^14.1.0",
57 |     "eslint-plugin-flowtype": "^2.30.0",
58 |     "eslint-plugin-import": "^2.2.0",
59 |     "eslint-plugin-jsx-a11y": "^3.0.2 || ^4.0.0",
60 |     "eslint-plugin-react": "^6.9.0",
61 |     "flow-bin": "^0.40.0",
62 |     "html-webpack-plugin": "^2.28.0",
63 |     "husky": "^0.13.2",
64 |     "jest": "^19.0.2",
65 |     "nodemon": "^1.11.0",
66 |     "pm2": "^2.4.2",
67 |     "rimraf": "^2.6.1",
68 |     "webpack": "^2.2.1",
69 |     "webpack-dev-server": "^2.4.1"
70 |   }
71 | }
72 | 


--------------------------------------------------------------------------------
/src/server.js:
--------------------------------------------------------------------------------
 1 | /* eslint-disable no-console, no-use-before-define */
 2 | 
 3 | import path from 'path'
 4 | import Express from 'express'
 5 | import qs from 'qs'
 6 | 
 7 | import webpack from 'webpack'
 8 | import webpackDevMiddleware from 'webpack-dev-middleware'
 9 | import webpackHotMiddleware from 'webpack-hot-middleware'
10 | import webpackConfig from '../webpack.config'
11 | 
12 | import React from 'react'
13 | import { renderToString } from 'react-dom/server'
14 | import { Provider } from 'react-redux'
15 | 
16 | import configureStore from '../common/store/configureStore'
17 | import App from '../common/containers/App'
18 | import { fetchCounter } from '../common/api/counter'
19 | 
20 | const app = new Express()
21 | const port = 3000
22 | 
23 | // Use this middleware to set up hot module reloading via webpack.
24 | const compiler = webpack(webpackConfig)
25 | app.use(webpackDevMiddleware(compiler, { noInfo: true, publicPath: webpackConfig.output.publicPath }))
26 | app.use(webpackHotMiddleware(compiler))
27 | 
28 | // This is fired every time the server side receives a request
29 | app.use(handleRender)
30 | 
31 | function handleRender(req, res) {
32 |   // Query our mock API asynchronously
33 |   fetchCounter(apiResult => {
34 |     // Read the counter from the request, if provided
35 |     const params = qs.parse(req.query)
36 |     const counter = parseInt(params.counter, 10) || apiResult || 0
37 | 
38 |     // Compile an initial state
39 |     const initialState = { counter }
40 | 
41 |     // Create a new Redux store instance
42 |     const store = configureStore(initialState)
43 | 
44 |     // Render the component to a string
45 |     const html = renderToString(
46 |       <Provider store={store}>
47 |         <App />
48 |       </Provider>
49 |     )
50 | 
51 |     // Grab the initial state from our Redux store
52 |     const finalState = store.getState()
53 | 
54 |     // Send the rendered page back to the client
55 |     res.send(renderFullPage(html, finalState))
56 |   })
57 | }
58 | 
59 | function renderFullPage(html, initialState) {
60 |   return `
61 |     <!doctype html>
62 |     <html>
63 |       <head>
64 |         <title>Redux Universal Example</title>
65 |       </head>
66 |       <body>
67 |         <div id="app">${html}</div>
68 |         <script>
69 |           window.__INITIAL_STATE__ = ${JSON.stringify(initialState)}
70 |         </script>
71 |         <script src="/static/bundle.js"></script>
72 |       </body>
73 |     </html>
74 |     `
75 | }
76 | 
77 | app.listen(port, (error) => {
78 |   if (error) {
79 |     console.error(error)
80 |   } else {
81 |     console.info(`==> 🌎  Listening on port ${port}. Open up http://localhost:${port}/ in your browser.`)
82 |   }
83 | })
84 | 


--------------------------------------------------------------------------------
/webpack.config.js:
--------------------------------------------------------------------------------
 1 |  /* eslint-disable global-require */
 2 | 
 3 | const debug = process.env.NODE_ENV !== "production";
 4 | 
 5 | const path = require('path');
 6 | const webpack = require('webpack');
 7 | import { WDS_PORT } from './src/lib/config';
 8 | import { isProd } from './src/lib/utils';
 9 | 
10 | 
11 | var mainPath = path.resolve(__dirname, 'src', 'index.js');
12 | 
13 | export default {
14 |   // Entry point for bundle
15 |   entry: [
16 |     // Our application
17 |     mainPath
18 |   ],
19 |   // Options affecting output of bundle
20 |   output: {
21 |     path: path.resolve(__dirname, 'dist'),
22 |     filename: 'bundle.js',
23 |     publicPath: '/',
24 |   },
25 |   // Options affecting normal modules
26 |   module: {
27 |     loaders: [
28 |       {
29 |         test: /\.jsx?$/, // Match both .js and .jsx files
30 |         exclude: /node_modules/,
31 |         loader: "babel",
32 |       },
33 |       {
34 |         test: /\.css$/,
35 |         loader: "style-loader!css-loader"
36 |       }
37 |     ]
38 |   },
39 |   // Third party loaders and plugins
40 |   plugins: [
41 |     new webpack.DefinePlugin({
42 |       'process.env.NODE_ENV': JSON.stringify(process.env.NODE_ENV)
43 |     }),
44 |     new HtmlWebpackPlugin({     // Create HTML file that includes references to bundled CSS and JS.
45 |       template: 'src/index.ejs',
46 |       minify: {
47 |         removeComments: true,
48 |         collapseWhitespace: true
49 |       },
50 |       inject: true
51 |     }),
52 |     new webpack.LoaderOptionsPlugin({
53 |       minimize: false,
54 |       debug: true,
55 |       noInfo: true, // set to false to see a list of every file being bundled.
56 |       options: {
57 |         //sassLoader: {
58 |         //  includePaths: [path.resolve(__dirname, 'src', 'scss')]
59 |         },
60 |         context: '/',
61 |         //postcss: () => [autoprefixer],
62 |       }
63 |     })
64 |   ],
65 |   module: {
66 |     rules: [
67 |       {test: /\.jsx?$/, exclude: /node_modules/, loaders: ['babel-loader']},
68 |       {test: /\.eot(\?v=\d+.\d+.\d+)?$/, loader: 'file-loader'},
69 |       {test: /\.woff(2)?(\?v=[0-9]\.[0-9]\.[0-9])?$/, loader: 'url-loader?limit=10000&mimetype=application/font-woff'},
70 |       {test: /\.[ot]tf(\?v=\d+.\d+.\d+)?$/, loader: 'url-loader?limit=10000&mimetype=application/octet-stream'},
71 |       {test: /\.svg(\?v=\d+\.\d+\.\d+)?$/, loader: 'url-loader?limit=10000&mimetype=image/svg+xml'},
72 |       {test: /\.(jpe?g|png|gif)$/i, loader: 'file-loader?name=[name].[ext]'},
73 |       {test: /\.ico$/, loader: 'file-loader?name=[name].[ext]'},
74 |       {test: /(\.css|\.scss|\.sass)$/, loaders: ['style-loader', 'css-loader?sourceMap', 'postcss-loader', 'sass-loader?sourceMap']}
75 |     ]
76 |   }
77 | };
78 | 


--------------------------------------------------------------------------------
/src/actions/positionActions.js:
--------------------------------------------------------------------------------
  1 | import _ from 'lodash';
  2 | import * as types from '../constants/ActionTypes';
  3 | import endpoints, { positionUrl } from '../lib/utils';
  4 | 
  5 | 
  6 | // Get Popular Stocks	GET https://brokerage-static.s3.amazonaws.com/popular_stocks/data.json
  7 | 
  8 | // Get Top Movers on the S&P500	GET /midlands/movers/sp500/?direction=['up' or 'down']
  9 | 
 10 | /* ////////////////////////////////
 11 | //      Positions Positions       //
 12 | /////////////////////////////////*/
 13 | 
 14 | export function requestPosition(symbol) {
 15 |   return: {
 16 |     type: types.REQUEST_POSITION,
 17 |     symbol
 18 |   };
 19 | }
 20 | 
 21 | export function recievePosition(instrument, json) {
 22 |   return {
 23 |     type: types.RECIEVE_POSITION,
 24 |     data: json.data.children.map(child => child.data),
 25 |     instrument,
 26 |     recievedAt: Date.now(),
 27 | }
 28 | 
 29 | export function requestPositionError() {
 30 |   return {
 31 |     type: types.REQUEST_POSITION_ERROR,
 32 |     error: true,
 33 |     recievedAt: Date.now()
 34 |   };
 35 | }
 36 | 
 37 | export function requestPositions(symbol) {
 38 |   return: {
 39 |     type: types.REQUEST_POSITION,
 40 |     symbol
 41 |   };
 42 | }
 43 | 
 44 | export function recievePositions(json) {
 45 |   return {
 46 |     type: types.RECIEVE_POSITION,
 47 |     data: json.data.children.map(child => child.data),
 48 |     instrument,
 49 |     recievedAt: Date.now(),
 50 | }
 51 | 
 52 | function fetchPosition(instrument) {
 53 |   return dispatch => {
 54 |     dispatch(requestPosition(instrument)); // Show loading spinner
 55 | 
 56 |     return fetch(positionUrl(instrument))
 57 |       .then(response => response.json())
 58 |       .then(json => {
 59 |         dispatch(recievePosition(symbol, json));
 60 |       })
 61 |       .then(checkStatus)
 62 |       .catch(error => {
 63 |         dispatch(requestPositionError(true))
 64 |       })
 65 |   };
 66 | }
 67 | 
 68 | function fetchPositions() {
 69 |   return dispatch => {
 70 |     //dispatch(requestPosition(instrument)); // Show loading spinner
 71 | 
 72 |     return fetch(endpoints['positions'])
 73 |       .then(response => response.json())
 74 |       .then(json => {
 75 |         dispatch(recievePositions(json));
 76 |       })
 77 |       .then(checkStatus)
 78 |   };
 79 | }
 80 | 
 81 | function shouldFetchPosition(instrument) {
 82 |   const positions = state.account.positions;
 83 | 
 84 |   if (_.isEmpty(positions)) {
 85 |     return true
 86 |   }
 87 |   if (positions.isFetching) {
 88 |     return false
 89 |   }
 90 |   return dispatch(fetchPosition(instrument));
 91 | }
 92 | 
 93 | export function fetchPositionsIfNeeded(instrument) {
 94 |   return (dispatch, getState) => {
 95 |     if (shouldFetchPosition(getState(), instrument)) {
 96 |       return dispatch(fetchPosition(instrument))
 97 |     }
 98 |   }
 99 | }
100 | 


--------------------------------------------------------------------------------
/src/lib/Utils.js:
--------------------------------------------------------------------------------
 1 | /* eslint-disable import/prefer-default-export */
 2 | 
 3 | export const isProd = process.env.NODE_ENV === 'production';
 4 | export const API_URL = 'https://api.robinhood.com';
 5 | 
 6 | export const endpoints = {
 7 |   login: 'https://api.robinhood.com/api-token-auth/',
 8 |   investment_profile: 'https://api.robinhood.com/user/investment_profile/',
 9 |   accounts: 'https://api.robinhood.com/accounts/',
10 |   ach_iav_auth: 'https://api.robinhood.com/ach/iav/auth/',
11 |   ach_relationships: 'https://api.robinhood.com/ach/relationships/',
12 |   ach_transfers: 'https://api.robinhood.com/ach/transfers/',
13 |   applications: 'https://api.robinhood.com/applications/',
14 |   dividends: 'https://api.robinhood.com/dividends/',
15 |   edocuments: 'https://api.robinhood.com/documents/',
16 |   instruments: 'https://api.robinhood.com/instruments/',
17 |   margin_upgrade: 'https://api.robinhood.com/margin/upgrades/',
18 |   markets: 'https://api.robinhood.com/markets/',
19 |   notifications: 'https://api.robinhood.com/notifications/',
20 |   orders: 'https://api.robinhood.com/orders/',
21 |   password_reset: 'https://api.robinhood.com/password_reset/request/',
22 |   quotes: 'https://api.robinhood.com/quotes/',
23 |   document_requests: 'https://api.robinhood.com/upload/document_requests/',
24 |   user: 'https://api.robinhood.com/user/',
25 |   watchlists: 'https://api.robinhood.com/watchlists/',
26 |   positions: 'https://api.robinhood.com/positions/',
27 |   portfolios: 'https://api.robinhood.com/portfolios/',
28 |   portfolioHistoricals: 'https://api.robinhood.com/portfolios/historicals/',
29 |   symbolHistoricals: 'https://api.robinhood.com/quotes/historicals/',
30 |   cards: 'https://api.robinhood.com/midlands/notifications/stack/',
31 |   fundamentals: 'https://api.robinhood.com/fundamentals/',
32 |   news: 'https://api.robinhood.com/midlands/news/',
33 |   disclosures: 'https://brokerage-static.s3.amazonaws.com/disclosures/home_screen_disclosures.json'
34 | }
35 | 
36 | export function newsCardsDelete(cardId) {
37 |   return `${API_URL}/midlands/notifications/stack/${cardId}/dismiss/`;
38 | }
39 | 
40 | export function positionUrl(accountNumber, instrumentId) {
41 |   return `${API_URL}/positions/${accountNumber}/${instrumentId}/`;
42 | }
43 | 
44 | export function newsUrl(direction) {
45 |   return `${API_URL}/midlands/movers/sp500/?direction=${direction}`;
46 | }
47 | 
48 | export function quoteUrl(symbol) {
49 |   return `${API_URL}/${symbol}/`;
50 | }
51 | 
52 | export function watchlistAddUrl(watchlist) {
53 |   return `${API_URL}/${watchlist}/bulk_add/`;
54 | }
55 | 
56 | export function newsUrl(instrument) {
57 |   return `${API_URL}/midlands/news/${instrument}/`;
58 | }
59 | 
60 | export function topMoversUrl(direction) {
61 |   return `${API_URL}/midlands/movers/sp500/?direction=${direction}/`;
62 | }
63 | 
64 | export function checkStatus(response) {
65 |   if (response.status >= 200 && response.status < 300) {
66 |     return response;
67 |   } else {
68 |     let error = new Error(response.statusText);
69 |     error.response = response;
70 |     throw error;
71 |   }
72 | }
73 | 


--------------------------------------------------------------------------------
/src/components/SearchResults.js:
--------------------------------------------------------------------------------
 1 | import React, { PropTypes, Component, findDOMNode } from 'react';
 2 | import _ from 'lodash';
 3 | import shallowEqual from 'react-pure-render/shallowEqual';
 4 | 
 5 | import SearchResultItem from './SearchResultItem';
 6 | //import Spinner from './Spinner';
 7 | 
 8 | import '../../assets/stylesheets/search-results.scss';
 9 | 
10 | export default class SearchResults extends Component {
11 | 
12 |   constructor(props) {
13 |     super(props);
14 |     this.handleResize = this.handleResize.bind(this);
15 |     this.handleScroll = this.handleScroll.bind(this);
16 | 
17 |     this.state = {
18 |       windowWidth: window.innerWidth,
19 |       windowHeight: window.innerHeight,
20 |       bounds: {},
21 |     };
22 | 
23 |     this.calledTriggerPositions = {};
24 |   }
25 | 
26 |   componentDidMount () {
27 |     window.addEventListener('resize', this.handleResize);
28 |     window.addEventListener('scroll', this.handleScroll);
29 |     this.handleResize();
30 |   }
31 | 
32 |   componentDidUpdate (prevProps, prevState) {
33 |     if (!shallowEqual(this.props.searchResults, prevProps.searchResults)) this.handleResize();
34 |   }
35 | 
36 |   componentWillUnmount () {
37 |     window.removeEventListener('resize', this.handleResize);
38 |     window.removeEventListener('scroll', this.handleScroll);
39 |   }
40 | 
41 |   render () {
42 |     const { searchResults, onPackageOpen } = this.props;
43 |     const packages = searchResults.items || [];
44 |     const loading = _.get(searchResults, 'isFetching') || false;
45 | 
46 |     const maxRank = _.max(_.map(packages, (item) => item.rank));
47 | 
48 |     return (
49 |       <div>
50 |         <div className='search-results'>
51 |           {_.map(packages, (item, index) =>
52 |             <SearchResultItem
53 |               key={index}
54 |               item={item}
55 |               maxRank={maxRank}
56 |               onSelect={onPackageOpen}
57 |             />
58 |           )}
59 | 
60 |         </div>
61 |         <Loader visible={loading} />
62 |       </div>
63 |     );
64 |   }
65 | 
66 |   handleResize (e) {
67 |     const el = findDOMNode(this);
68 |     const bounds = (el) ? el.getBoundingClientRect() : {};
69 | 
70 |     this.setState({
71 |       windowWidth: window.innerWidth,
72 |       windowHeight: window.innerHeight,
73 |       bounds: _.pick(bounds, ['bottom', 'height', 'left', 'right', 'top', 'width']),
74 |     });
75 |   }
76 | 
77 |   handleScroll (e) {
78 |     const threshold = 100;
79 |     const { windowHeight, bounds } = this.state;
80 |     const { search, onSearch } = this.props;
81 | 
82 |     const scrollTop = (window.pageYOffset !== undefined) ? window.pageYOffset : (document.documentElement || document.body.parentNode || document.body).scrollTop;
83 | 
84 |     const triggerPosition = (bounds.height - threshold);
85 | 
86 |     if ((scrollTop + windowHeight) > triggerPosition && !this.calledTriggerPositions[triggerPosition]) {
87 |       this.calledTriggerPositions[triggerPosition] = true;
88 |       if (onSearch) onSearch(search.term, search.next);
89 |     }
90 |   }
91 | }
92 | 
93 | SearchResults.propTypes = {
94 |   searchResults: PropTypes.object,
95 |   onPackageOpen: PropTypes.func,
96 | };
97 | 


--------------------------------------------------------------------------------
/src/actions/NewsActions.js:
--------------------------------------------------------------------------------
  1 | import _ from 'lodash';
  2 | import * as types from '../constants/ActionTypes';
  3 | import { newsUrl, topMoversUrl } from '../lib/utils';
  4 | // Get Popular Stocks	GET https://brokerage-static.s3.amazonaws.com/popular_stocks/data.json
  5 | 
  6 | // Get Top Movers on the S&P500	GET /midlands/movers/sp500/?direction=['up' or 'down']
  7 | 
  8 | /* ////////////////////////////////
  9 | //           Quote News         //
 10 | /////////////////////////////////*/
 11 | 
 12 | export const requestNews = (symbol) => ({
 13 |   type: types.REQUEST_NEWS,
 14 |   symbol,
 15 | })
 16 | 
 17 | export const receieveNews = (instrument, json) => ({
 18 |   type: types.RECIEVE_NEWS,
 19 |   data: json.data.children.map(child => child.data),
 20 |   instrument,
 21 |   recievedAt: Date.now(),
 22 | })
 23 | 
 24 | export const requestNewsError = (bool) => ({
 25 |   type: types.REQUEST_NEWS_ERROR,
 26 |   error: bool,
 27 | })
 28 | 
 29 | function fetchNews(instrument) {
 30 |   return dispatch => {
 31 |     dispatch(requestNews(instrument)); // Show loading spinner
 32 | 
 33 |     return fetch(newsUrl(instrument))
 34 |       .then(response => response.json())
 35 |       .then(json => {
 36 |         dispatch(recieveQuote(symbol, json));
 37 |       })
 38 |       .then(checkStatus)
 39 |       .catch(error => {
 40 |         dispatch(quoteRequestError(true))
 41 |       })
 42 |   };
 43 | }
 44 | 
 45 | function shouledFetchNews(instrument) {
 46 |   const news = state.news;
 47 |   if (!news) {
 48 |     return true
 49 |   }
 50 |   if (news.isFetching) {
 51 |     return false
 52 |   }
 53 |   return dispatch(fetchNews(instrument));
 54 | }
 55 | 
 56 | export function fetchNewsIfNeeded(instrument) {
 57 |   return (dispatch, getState) => {
 58 |     if (shouledFetchNews(getState(), instrument)) {
 59 |       return dispatch(fetchNews(instrument))
 60 |     }
 61 |   }
 62 | }
 63 | 
 64 | /* ////////////////////////////////
 65 | //          Top movers          //
 66 | /////////////////////////////////*/
 67 | 
 68 | export const requestMovers = (direction) => ({
 69 |   type: types.REQUEST_MOVERS, direction,
 70 | })
 71 | 
 72 | export const recieveMovers = (direction, json) => ({
 73 |   type: types.RECIEVE_MOVERS,
 74 |   data: json.data.children.map(child => child.data),
 75 |   direction,
 76 |   recievedAt: Date.now(),
 77 | })
 78 | 
 79 | export const requestMoversError = (bool) => ({
 80 |   type: types.REQUEST_MOVERS_ERROR,
 81 |   error: bool,
 82 | })
 83 | 
 84 | function fetchNews(direction) {
 85 |   return dispatch => {
 86 |     dispatch(requestNews(instrument)); // Show loading spinner
 87 | 
 88 |     return fetch(moversUrl(direction))
 89 |       .then(response => response.json())
 90 |       .then(json => {
 91 |         dispatch(recieverMovers(symbol, json));
 92 |       })
 93 |       .then(checkStatus)
 94 |       .catch(error => {
 95 |         dispatch(moversRequestError(true))
 96 |       })
 97 |   };
 98 | }
 99 | 
100 | function shouldFetchMovers(direction) {
101 |   const movers = state.movers;
102 |   if (!movers) {
103 |     return true
104 |   }
105 |   if (movers.isFetching) {
106 |     return false
107 |   }
108 |   return dispatch(fetchMovers(instrument));
109 | }
110 | 
111 | export function fetchMoversIfNeeded(direction) {
112 |   return (dispatch, getState) => {
113 |     if (shouldFetchMovers(getState(), direction)) {
114 |       return dispatch(fetchMovers(direction))
115 |     }
116 |   }
117 | }
118 | 


--------------------------------------------------------------------------------
/src/constants/ActionTypes.js:
--------------------------------------------------------------------------------
  1 | /* ////////////////////////////////
  2 | //        Authentication        //
  3 | /////////////////////////////////*/
  4 | 
  5 | export const REQUEST_AUTH = 'REQUEST_AUTH';
  6 | export const RECIEVE_AUTH = 'RECIEVE_AUTH';
  7 | export const RECIEVE_AUTH_TOKEN = 'RECIEVE_AUTH_TOKEN';
  8 | export const AUTH_FAILURE = 'LOGIN_FAILURE';
  9 | 
 10 | export const REQUEST_LOGOUT = 'REQUEST_LOGOUT';
 11 | 
 12 | /* ////////////////////////////////
 13 | //        Account Data           //
 14 | /////////////////////////////////*/
 15 | 
 16 | export const REQUEST_ACCOUNT_ID = 'REQUEST_ACCOUNT_ID';
 17 | export const RECIEVE_ACCOUNT_ID = 'RECIEVE_ACCOUNT_ID';
 18 | export const REQUEST_ACCOUNT_INFO = 'REQUEST_ACCOUNT_INFO';
 19 | export const RECIEVE_ACCOUNT_INFO = 'RECIEVE_ACCOUNT_INFO';
 20 | 
 21 | /* ////////////////////////////////
 22 | //        Portfolio Data         //
 23 | /////////////////////////////////*/
 24 | 
 25 | export const REQUEST_PORTFOLIO = 'REQUEST_PORTFOLIO';
 26 | export const RECIEVE_PORTFOLIO = 'PORTFOLIO_SUCCESS';
 27 | 
 28 | /* ////////////////////////////////
 29 | //        Positions Data         //
 30 | /////////////////////////////////*/
 31 | 
 32 | export const REQUEST_POSITIONS = 'REQUEST_POSITIONS';
 33 | export const RECIEVE_POSITIONS = 'RECIEVE_POSITIONS';
 34 | 
 35 | /* ////////////////////////////////
 36 | //        Watchlist Actions      //
 37 | ////////////////////////////////*/
 38 | 
 39 | export const REQUEST_WATCHLISTS = 'REQUEST_WATCHLISTS';
 40 | export const RECIEVE_WATCHLISTS = 'RECIEVE_WATCHLISTS';
 41 | 
 42 | // CRUD actions
 43 | export const CREATE_WATCHLIST = 'CREATE_WATCHLIST';
 44 | export const DELETE_WATCHLIST = 'DELETE_WATCHLIST';
 45 | export const ADD_TO_WATCHLIST = 'ADD_TO_WATCHLIST';
 46 | export const DELETE_FROM_WATCHLIST = 'DELETE_FROM_WATCHLIST';
 47 | 
 48 | /* ////////////////////////////////
 49 | //        Robinhood Gold         //
 50 | /////////////////////////////////*/
 51 | 
 52 | export const GET_RG_VOLATILITY = 'GET_RG_VOLATILITY';
 53 | export const GET_RG_INITIAL_REQUIREMENTS = 'GET_RG_INITIAL_REQUIREMENTS';
 54 | export const GET_RG_MAINTENANCE = 'GET_RG_MAINTENANCE';
 55 | 
 56 | /* ////////////////////////////////
 57 | //       Quote statistics        //
 58 | /////////////////////////////////*/
 59 | 
 60 | export const REQUEST_QUOTE = 'REQUEST_QUOTE';
 61 | export const REQUEST_QUOTE_ERROR = 'REQUEST_QUOTE_ERROR';
 62 | export const RECIEVE_QUOTE = 'RECIEVE_QUOTE';
 63 | 
 64 | /* ////////////////////////////////
 65 | //        Placing Order         //
 66 | ////////////////////////////////*/
 67 | 
 68 | export const POST_PLACE_ORDER = 'POST_PLACE_ORDER';
 69 | export const PLACE_ORDER_SUCCESS = 'PLACE_ORDER_SUCCESS';
 70 | export const PLACE_ORDER_FAILURE = 'PLACE_ORDER_FAILURE';
 71 | 
 72 | export const POST_BUY_ORDER = 'POST_BUY_ORDER';
 73 | export const BUY_ORDER_SUCCESS = 'BUY_ORDER_SUCCESS';
 74 | export const BUY_ORDER_FAILURE = 'BUY_ORDER_FAILURE';
 75 | 
 76 | export const POST_SELL_ORDER = 'POST_SELL_ORDER';
 77 | export const SELL_ORDER_SUCCESS = 'SELL_ORDER_SUCCESS';
 78 | export const SELL_ORDER_FAILURE = 'SELL_ORDER_FAILURE';
 79 | 
 80 | export const POST_CANCEL_ORDER = 'POST_CANCEL_ORDER';
 81 | export const CANCEL_ORDER_SUCCESS = 'CANCEL_ORDER_SUCCESS';
 82 | export const CANCEL_ORDER_FAILURE = 'CANCEL_ORDER_FAILURE';
 83 | 
 84 | export const GATHER_ORDER_INFO = 'GATHER_ORDER_INFO';
 85 | export const GATHER_RECENT_ORDERS = 'GATHER_RECENT_ORDERS';
 86 | 
 87 | /* ////////////////////////////////
 88 | //        News  Data             //
 89 | /////////////////////////////////*/
 90 | 
 91 | export const REQUEST_NEWS = 'REQUEST_NEWS';
 92 | export const RECIEVE_NEWS = 'RECIEVE_NEWS';
 93 | export const REQUEST_NEWS_ERROR = 'REQUEST_NEWS_ERROR';
 94 | 
 95 | /* ////////////////////////////////
 96 | //        Movers  Data           //
 97 | /////////////////////////////////*/
 98 | 
 99 | export const REQUEST_MOVERS = 'REQUEST_MOVERS';
100 | export const RECIEVE_MOVERS = 'RECIEVE_MOVERS';
101 | export const REQUEST_MOVERS_ERROR = 'REQUEST_MOVERS_ERROR';
102 | 


--------------------------------------------------------------------------------
/src/actions/AccountActions.js:
--------------------------------------------------------------------------------
  1 | import _ from 'lodash';
  2 | import * as types from '../constants/ActionTypes';
  3 | import { checkStatus, accountIdUrl, accountInfoUrl } from '../shared/utils';
  4 | 
  5 | /* ////////////////////////////////
  6 | //        Account Actions        //
  7 | ////////////////////////////////*/
  8 | /*
  9 | AccountID
 10 |   - *Needs authToken*
 11 |   - URI: api.robinhood.com/user/id/
 12 |   - Method: GET
 13 |   - Sample Response:
 14 |     {
 15 |       "username": "superman",
 16 |       "url": "https://api.robinhood.com/user/id/",
 17 |       "id": "11deface-face-face-face-defacedeface11"
 18 |     }
 19 | 
 20 | AccountInfo
 21 |   - *Needs authToken*
 22 |   - URI: api.robinhood.com/user/basic_info/
 23 |   - Method: GET
 24 |   - Sample Response:
 25 |     {
 26 |       "phone_number": "2125550030",
 27 |       "city": "New York",
 28 |       "number_dependents": 2,
 29 |       "citizenship": "US",
 30 |       "updated_at": "2016-03-13T12:18:02.820164Z",
 31 |       "marital_status": "married",
 32 |       "zipcode": "10001",
 33 |       "country_of_residence": "US",
 34 |       "state": "NY",
 35 |       "date_of_birth": "1978-12-18",
 36 |       "user": "https://api.robinhood.com/user/",
 37 |       "address": "320 10th Av",
 38 |       "tax_id_ssn": "0001"
 39 |     }
 40 | */
 41 | 
 42 | function requestAccountID(authToken) {
 43 |   return {
 44 |     type: types.REQUEST_ACCOUNT_ID,
 45 |     authToken,
 46 |   };
 47 | }
 48 | 
 49 | function recieveAccountID(response) {
 50 |   return {
 51 |     type: types.RECIEVE_ACCOUNT_ID,
 52 |     response,
 53 |     recievedAt: Date.now(),
 54 |   };
 55 | }
 56 | 
 57 | function fetchAccountID(authToken) {
 58 |   return dispatch => {
 59 |     dispatch(requestAccountID(authToken))
 60 |     return fetch(accountIdUrl(), {
 61 |       method: 'GET',
 62 |       headers: {
 63 |         'Accept': 'application/json, */*',
 64 |         'Content-Type': 'application/json',
 65 |         'Authorization': `Token ${authToken}`
 66 |       })
 67 |       .then(checkStatus)
 68 |       .then(response => response.json())
 69 |       .then(json => dispatch(recieveAccountID(json)))
 70 |   };
 71 | }
 72 | 
 73 | function shouldFetchAccountID(state, authToken) {
 74 |   const id = state.account.id;
 75 |   if (_.isEmpty(id)) {
 76 |     return true;
 77 |   }
 78 |   if (id.isFetching) {
 79 |     return false;
 80 |   }
 81 |   return true;
 82 | }
 83 | 
 84 | export function fetchAccountIdIfNeeded(authToken) {
 85 |   return (dispatch, getState) => {
 86 |     if (shouldFetchAccountID(getState(), authToken)) {
 87 |       return dispatch(fetchAccountID(authToken))
 88 |     }
 89 |   };
 90 | }
 91 | 
 92 | function requestAccountInfo(authToken) {
 93 |   return: {
 94 |     type: types.REQUEST_ACCOUNT_INFO,
 95 |     authToken
 96 |   };
 97 | }
 98 | 
 99 | function recieveAccountInfo(response) {
100 |   return: {
101 |     type: types.RECIEVE_ACCOUNT_INFO,
102 |     response
103 |     recievedAt: Date.now()
104 |   };
105 | }
106 | 
107 | function fetchAccountInfo(authToken) {
108 |   return dispatch => {
109 |     dispatch(requestAccountInfo(authToken))
110 |     return fetch(accountInfoUrl(), {
111 |       method: 'GET',
112 |       headers: {
113 |         'Accept': 'application/json, */*',
114 |         'Content-Type': 'application/json',
115 |         'Authorization': `Token ${authToken}`
116 |       })
117 |       .then(checkStatus)
118 |       .then(response => response.json())
119 |       .then(json => dispatch(recieveAccountInfo(json)))
120 |   }
121 | }
122 | 
123 | function shouldFetchAccountInfo(state, authToken) {
124 |   const info = state.account.info;
125 | 
126 |   if (_.isEmpty(info)) {
127 |     return true;
128 |   }
129 |   if (accountInfo.isFetching) {
130 |     return false;
131 |   }
132 |   return fetchAccountInfo(authToken);
133 | }
134 | 
135 | export function fetchAccountInfoIfNeeded(authToken) {
136 |   return (dispatch, getState) => {
137 |     if (shouldFetchAccountInfo(getState(), authToken)) {
138 |       return dispatch(fetchAccountInfo(authToken))
139 |     }
140 |   }
141 | }
142 | 


--------------------------------------------------------------------------------
/src/actions/AuthedActions.js:
--------------------------------------------------------------------------------
  1 | import * as types from '../constants/ActionTypes';
  2 | import { checkStatus } from '../shared/Utils';
  3 | import { fetchWatchlists } from './WatchlistActions';
  4 | import { fetchPortfolio, fetchPositions } from './PortfolioActions';
  5 | import { fetchAccountID, fetchAccountInfo } from './AccountActions';
  6 | 
  7 | /* ////////////////////////////////
  8 | //        Authentication        //
  9 | /////////////////////////////////*/
 10 | /*
 11 | fetchAuthedUser
 12 | - *Needs authToken*
 13 | - URI: https://api.robinhood.com/user/
 14 | - Sample response:
 15 |   {
 16 |     "username": "superman",
 17 |     "first_name": "Clark",
 18 |     "last_name": "Kent",
 19 |     "id_info": "https://api.robinhood.com/user/id/",
 20 |     "url": "https://api.robinhood.com/user/",
 21 |     "basic_info": "https://api.robinhood.com/user/basic_info/",
 22 |     "email": "s@itmeanshope.com",
 23 |     "investment_profile": "https://api.robinhood.com/user/investment_profile/",
 24 |     "id": "11deface-face-face-face-defacedeface11",
 25 |     "international_info": "https://api.robinhood.com/user/international_info/",
 26 |     "employment": "https://api.robinhood.com/user/employment/",
 27 |     "additional_info": "https://api.robinhood.com/user/additional_info/"
 28 |   }
 29 | */
 30 | 
 31 | const COOKIE_PATH = 'authToken';
 32 | 
 33 | function authUser(authToken) {
 34 |   return dispatch =>
 35 |     dispatch(fetchAuthedUser(authToken));
 36 | }
 37 | 
 38 | function loginUser(credentials) {
 39 |   let url = apiUrl + endpoints['login'];
 40 |   let form = new FormData(document.getElementById('login-form'));
 41 |   return dispatch => {
 42 |     dispatch(loginAttempt(credentials))
 43 |     return fetch(url, {
 44 |       method: 'POST',
 45 |       headers: {
 46 |         'Accept': 'application/json, */*',
 47 |         'Content-Type': 'application/json',
 48 |       },
 49 |       body: JSON.stringify({'username': {username}, 'password': {password}),
 50 |     })
 51 |     .then(checkStatus)
 52 |     .then(response => response.json())
 53 |     .then(json[0] => dispatch(loginSuccessPre(authToken)))
 54 |   };
 55 | }
 56 | 
 57 | function loginSuccessPre(authToken) {
 58 |   return dispatch => {
 59 |     dispatch(authUser(authToken));
 60 |     dispatch(fetchAccountInfo(authToken));
 61 |     dispatch(fetchAccountID(authToken));
 62 |     dispatch(fetchWatchlists(authToken));
 63 |     dispatch(fetchPortfolio(authToken));
 64 |     dispatch(fetchPositions(authToken));
 65 |   }
 66 | }
 67 | 
 68 | function logoutUser() {
 69 |   return (dispatch, getState) => {
 70 |     Cookies.remove(COOKIE_PATH);
 71 |     const { authed } = getState();
 72 |     return dispatch(resetAuthed(authToken));
 73 |   }
 74 | }
 75 | 
 76 | function resetAuthed(authToken) {
 77 |   // Hits the logout endpoint
 78 |   return (dispatch, state) => {
 79 | 
 80 |   }
 81 | }
 82 | 
 83 | function initAuth() {
 84 |   return dispatch => {
 85 |     const authToken = Cookies.get(COOKIE_PATH);
 86 |     if (authToken) {
 87 |       return dispatch(authUser(authToken));
 88 |     }
 89 |     return null;
 90 |   };
 91 | }
 92 | 
 93 | function requestAuth(credentials) {
 94 |   return {
 95 |     type: types.REQUEST_AUTH,
 96 |     credentials,
 97 |   };
 98 | }
 99 | 
100 | function recieveAuth(authToken) {
101 |   return {
102 |     type: types.RECIEVE_AUTH,
103 |     authToken,
104 |   };
105 | }
106 | 
107 | function receiveAccessToken(accessToken) {
108 |   return {
109 |     type: types.RECEIVE_ACCESS_TOKEN,
110 |     accessToken,
111 |   };
112 | }
113 | 
114 | function authFailure(error) {
115 |   return {
116 |     type: types.AUTH_FAILURE,
117 |     error,
118 |   };
119 | }
120 | 
121 | /* ////////////////////////////////
122 | //        Robinhood Gold         //
123 | /////////////////////////////////*/
124 | 
125 | function fetchVolatility(equity) {
126 |   return {
127 |     type: types.FETCH_RG_VOLATILITY,
128 |     equity
129 |   };
130 | }
131 | 
132 | function fetchInitialRequirements(equity) {
133 |   return {
134 |     type: types.FETCH_RG_INITIAL_REQUIREMENTS,
135 |     equity,
136 |   };
137 | }
138 | 
139 | function fetchMaintenance(equity) {
140 |   return {
141 |     type: types.FETCH_RG_MAINTENANCE,
142 |     equity
143 |   };
144 |   }
145 | 


--------------------------------------------------------------------------------
/src/actions/QuoteActions.js:
--------------------------------------------------------------------------------
  1 | import _ from 'lodash';
  2 | import * as types from '../constants/ActionTypes';
  3 | import { quoteUrl, checkStatus } from '../shared/utils';
  4 | 
  5 | /* ////////////////////////////////
  6 | //           Quote Data          //
  7 | /////////////////////////////////*/
  8 | /*
  9 |   - URI api.robinhood.com/quotes/{symbol}/
 10 |   - Method: GET
 11 |   - Sample response
 12 |     {
 13 |       "ask_price": "54.2100",
 14 |       "ask_size": 2000,
 15 |       "bid_price": "54.2000",
 16 |       "bid_size": 1800,
 17 |       "last_trade_price": "54.1900",
 18 |       "last_extended_hours_trade_price": null,
 19 |       "previous_close": "54.6600",
 20 |       "adjusted_previous_close" : "54.6600",
 21 |       "previous_close_date": "2016-03-17",
 22 |       "symbol": "MSFT",
 23 |       "trading_halted": false,
 24 |       "updated_at": "2016-03-18T15:45:28Z"
 25 |     }
 26 | 
 27 | Quote Fundamentals
 28 |   - URI api.robinhood.com/fundamentals/{symbol}/
 29 |   - Sample response
 30 |     {
 31 |       "open": "63.9100",
 32 |       "high": "64.2800",
 33 |       "low": "63.6200",
 34 |       "volume": "8527495.0000",
 35 |       "average_volume": "27741172.4024",
 36 |       "high_52_weeks": "65.9100",
 37 |       "dividend_yield": "2.4287",
 38 |       "low_52_weeks": "48.0350",
 39 |       "market_cap": "496652500000.0000",
 40 |       "pe_ratio": "30.2971",
 41 |       "description": "Microsoft Corp. engages in the provision of developing and marketing software and hardware services. Its products include operating systems for computing devices, servers, phones and intelligent devices. It also offers server applications for distributed computing environments, productivity applications, business solution applications, desktop and server management tools, software development tools, video games, and online advertising. It operates through the following segments: Productivity and Business Processes, Intelligent Cloud, and More Personal Computing. The Productivity and Business Processes segment consists of products and cloud services in portfolio of productivity, communication, and information services. It comprises of office commercial, office consumer, and microsoft dynamics business solutions. The Intelligent Cloud segment offers hybrid server products and cloud services. It comprises of server products and cloud services and enterprise services. The More Personal Computing segment comprises of windows, devices, gaming, and search advertising. The company was founded by William Henry Gates III in 1975 and is headquartered in Redmond, WA.",
 42 |       "instrument": "https://api.robinhood.com/instruments/50810c35-d215-4866-9758-0ada4ac79ffa/"
 43 |     }
 44 | */
 45 | 
 46 | export function requestQuote(symbol) {
 47 |   return: {type: types.REQUEST_QUOTE, symbol};
 48 | }
 49 | 
 50 | export function recieveQuote(symbol, json) {
 51 |   return {
 52 |     type: types.RECIEVE_QUOTE,
 53 |     data: json.data.children.map(child => child.data)};
 54 |     symbol: Object.assign({}, symbol, { symbol: json.symbol }),
 55 |     recievedAt: Date.now()
 56 | }
 57 | 
 58 | export function requestQuoteError(bool) {
 59 |   return {
 60 |     type: types.REQUEST_QUOTE_ERROR,
 61 |     error: bool
 62 |   };
 63 | }
 64 | 
 65 | function fetchQuote(symbol) {
 66 |   return dispatch => {
 67 |     dispatch(requestQuote(symbol)); // Show loading spinner
 68 | 
 69 |     return fetch(constructQuoteUrl(symbol))
 70 |       .then(response => response.json())
 71 |       .then(json => {
 72 |         dispatch(recieveQuote(symbol, json));
 73 |       })
 74 |       .catch(error => {
 75 |         dispatch(quoteRequestError(true))
 76 |       })
 77 |   };
 78 | }
 79 | 
 80 | function shouldFetchQuote(symbol) {
 81 |   const quotes = state.quote[symbol];
 82 |   if (!quotes) {
 83 |     return true
 84 |   }
 85 |   if (quotes.isFetching) {
 86 |     return false
 87 |   }
 88 |   return dispatch(fetchQuote(symbol));
 89 | }
 90 | 
 91 | export function fetchQuoteDataIfNeeded(symbol) {
 92 |   return (dispatch, getState) => {
 93 |     if (shouldFetchQuote(getState(), symbol)) {
 94 |       return dispatch(fetchQuote(symbol))
 95 |     }
 96 |   }
 97 | }
 98 | 
 99 | /* ////////////////////////////////
100 | //        Quote fundamentals     //
101 | /////////////////////////////////*/
102 | 


--------------------------------------------------------------------------------
/src/middleware/api.js:
--------------------------------------------------------------------------------
  1 | import { normalize, schema } from 'normalizr'
  2 | import { camelizeKeys } from 'humps'
  3 | 
  4 | // Extracts the next page URL from Github API response.
  5 | const getNextPageUrl = response => {
  6 |   const link = response.headers.get('link')
  7 |   if (!link) {
  8 |     return null
  9 |   }
 10 | 
 11 |   const nextLink = link.split(',').find(s => s.indexOf('rel="next"') > -1)
 12 |   if (!nextLink) {
 13 |     return null
 14 |   }
 15 | 
 16 |   return nextLink.split(';')[0].slice(1, -1)
 17 | }
 18 | 
 19 | const API_ROOT = 'https://api.github.com/'
 20 | 
 21 | // Fetches an API response and normalizes the result JSON according to schema.
 22 | // This makes every API response have the same shape, regardless of how nested it was.
 23 | const callApi = (endpoint, schema) => {
 24 |   const fullUrl = (endpoint.indexOf(API_ROOT) === -1) ? API_ROOT + endpoint : endpoint
 25 | 
 26 |   return fetch(fullUrl)
 27 |     .then(response =>
 28 |       response.json().then(json => {
 29 |         if (!response.ok) {
 30 |           return Promise.reject(json)
 31 |         }
 32 | 
 33 |         const camelizedJson = camelizeKeys(json)
 34 |         const nextPageUrl = getNextPageUrl(response)
 35 | 
 36 |         return Object.assign({},
 37 |           normalize(camelizedJson, schema),
 38 |           { nextPageUrl }
 39 |         )
 40 |       })
 41 |     )
 42 | }
 43 | 
 44 | // We use this Normalizr schemas to transform API responses from a nested form
 45 | // to a flat form where repos and users are placed in `entities`, and nested
 46 | // JSON objects are replaced with their IDs. This is very convenient for
 47 | // consumption by reducers, because we can easily build a normalized tree
 48 | // and keep it updated as we fetch more data.
 49 | 
 50 | // Read more about Normalizr: https://github.com/paularmstrong/normalizr
 51 | 
 52 | // GitHub's API may return results with uppercase letters while the query
 53 | // doesn't contain any. For example, "someuser" could result in "SomeUser"
 54 | // leading to a frozen UI as it wouldn't find "someuser" in the entities.
 55 | // That's why we're forcing lower cases down there.
 56 | 
 57 | const userSchema = new schema.Entity('users', {}, {
 58 |   idAttribute: user => user.login.toLowerCase()
 59 | })
 60 | 
 61 | const repoSchema = new schema.Entity('repos', {
 62 |   owner: userSchema
 63 | }, {
 64 |   idAttribute: repo => repo.fullName.toLowerCase()
 65 | })
 66 | 
 67 | // Schemas for Github API responses.
 68 | export const Schemas = {
 69 |   USER: userSchema,
 70 |   USER_ARRAY: [userSchema],
 71 |   REPO: repoSchema,
 72 |   REPO_ARRAY: [repoSchema]
 73 | }
 74 | 
 75 | // Action key that carries API call info interpreted by this Redux middleware.
 76 | export const CALL_API = 'Call API'
 77 | 
 78 | // A Redux middleware that interprets actions with CALL_API info specified.
 79 | // Performs the call and promises when such actions are dispatched.
 80 | export default store => next => action => {
 81 |   const callAPI = action[CALL_API]
 82 |   if (typeof callAPI === 'undefined') {
 83 |     return next(action)
 84 |   }
 85 | 
 86 |   let { endpoint } = callAPI
 87 |   const { schema, types } = callAPI
 88 | 
 89 |   if (typeof endpoint === 'function') {
 90 |     endpoint = endpoint(store.getState())
 91 |   }
 92 | 
 93 |   if (typeof endpoint !== 'string') {
 94 |     throw new Error('Specify a string endpoint URL.')
 95 |   }
 96 |   if (!schema) {
 97 |     throw new Error('Specify one of the exported Schemas.')
 98 |   }
 99 |   if (!Array.isArray(types) || types.length !== 3) {
100 |     throw new Error('Expected an array of three action types.')
101 |   }
102 |   if (!types.every(type => typeof type === 'string')) {
103 |     throw new Error('Expected action types to be strings.')
104 |   }
105 | 
106 |   const actionWith = data => {
107 |     const finalAction = Object.assign({}, action, data)
108 |     delete finalAction[CALL_API]
109 |     return finalAction
110 |   }
111 | 
112 |   const [ requestType, successType, failureType ] = types
113 |   next(actionWith({ type: requestType }))
114 | 
115 |   return callApi(endpoint, schema).then(
116 |     response => next(actionWith({
117 |       response,
118 |       type: successType
119 |     })),
120 |     error => next(actionWith({
121 |       type: failureType,
122 |       error: error.message || 'Something bad happened'
123 |     }))
124 |   )
125 | }
126 | 


--------------------------------------------------------------------------------
/src/actions/index.js:
--------------------------------------------------------------------------------
  1 | import { CALL_API, Schemas } from '../middleware/api'
  2 | 
  3 | export const USER_REQUEST = 'USER_REQUEST'
  4 | export const USER_SUCCESS = 'USER_SUCCESS'
  5 | export const USER_FAILURE = 'USER_FAILURE'
  6 | 
  7 | // Fetches a single user from Github API.
  8 | // Relies on the custom API middleware defined in ../middleware/api.js.
  9 | const fetchUser = login => ({
 10 |   [CALL_API]: {
 11 |     types: [ USER_REQUEST, USER_SUCCESS, USER_FAILURE ],
 12 |     endpoint: `users/${login}`,
 13 |     schema: Schemas.USER
 14 |   }
 15 | })
 16 | 
 17 | // Fetches a single user from Github API unless it is cached.
 18 | // Relies on Redux Thunk middleware.
 19 | export const loadUser = (login, requiredFields = []) => (dispatch, getState) => {
 20 |   const user = getState().entities.users[login]
 21 |   if (user && requiredFields.every(key => user.hasOwnProperty(key))) {
 22 |     return null
 23 |   }
 24 | 
 25 |   return dispatch(fetchUser(login))
 26 | }
 27 | 
 28 | export const REPO_REQUEST = 'REPO_REQUEST'
 29 | export const REPO_SUCCESS = 'REPO_SUCCESS'
 30 | export const REPO_FAILURE = 'REPO_FAILURE'
 31 | 
 32 | // Fetches a single repository from Github API.
 33 | // Relies on the custom API middleware defined in ../middleware/api.js.
 34 | const fetchRepo = fullName => ({
 35 |   [CALL_API]: {
 36 |     types: [ REPO_REQUEST, REPO_SUCCESS, REPO_FAILURE ],
 37 |     endpoint: `repos/${fullName}`,
 38 |     schema: Schemas.REPO
 39 |   }
 40 | })
 41 | 
 42 | // Fetches a single repository from Github API unless it is cached.
 43 | // Relies on Redux Thunk middleware.
 44 | export const loadRepo = (fullName, requiredFields = []) => (dispatch, getState) => {
 45 |   const repo = getState().entities.repos[fullName]
 46 |   if (repo && requiredFields.every(key => repo.hasOwnProperty(key))) {
 47 |     return null
 48 |   }
 49 | 
 50 |   return dispatch(fetchRepo(fullName))
 51 | }
 52 | 
 53 | export const STARRED_REQUEST = 'STARRED_REQUEST'
 54 | export const STARRED_SUCCESS = 'STARRED_SUCCESS'
 55 | export const STARRED_FAILURE = 'STARRED_FAILURE'
 56 | 
 57 | // Fetches a page of starred repos by a particular user.
 58 | // Relies on the custom API middleware defined in ../middleware/api.js.
 59 | const fetchStarred = (login, nextPageUrl) => ({
 60 |   login,
 61 |   [CALL_API]: {
 62 |     types: [ STARRED_REQUEST, STARRED_SUCCESS, STARRED_FAILURE ],
 63 |     endpoint: nextPageUrl,
 64 |     schema: Schemas.REPO_ARRAY
 65 |   }
 66 | })
 67 | 
 68 | // Fetches a page of starred repos by a particular user.
 69 | // Bails out if page is cached and user didn't specifically request next page.
 70 | // Relies on Redux Thunk middleware.
 71 | export const loadStarred = (login, nextPage) => (dispatch, getState) => {
 72 |   const {
 73 |     nextPageUrl = `users/${login}/starred`,
 74 |     pageCount = 0
 75 |   } = getState().pagination.starredByUser[login] || {}
 76 | 
 77 |   if (pageCount > 0 && !nextPage) {
 78 |     return null
 79 |   }
 80 | 
 81 |   return dispatch(fetchStarred(login, nextPageUrl))
 82 | }
 83 | 
 84 | export const STARGAZERS_REQUEST = 'STARGAZERS_REQUEST'
 85 | export const STARGAZERS_SUCCESS = 'STARGAZERS_SUCCESS'
 86 | export const STARGAZERS_FAILURE = 'STARGAZERS_FAILURE'
 87 | 
 88 | // Fetches a page of stargazers for a particular repo.
 89 | // Relies on the custom API middleware defined in ../middleware/api.js.
 90 | const fetchStargazers = (fullName, nextPageUrl) => ({
 91 |   fullName,
 92 |   [CALL_API]: {
 93 |     types: [ STARGAZERS_REQUEST, STARGAZERS_SUCCESS, STARGAZERS_FAILURE ],
 94 |     endpoint: nextPageUrl,
 95 |     schema: Schemas.USER_ARRAY
 96 |   }
 97 | })
 98 | 
 99 | // Fetches a page of stargazers for a particular repo.
100 | // Bails out if page is cached and user didn't specifically request next page.
101 | // Relies on Redux Thunk middleware.
102 | export const loadStargazers = (fullName, nextPage) => (dispatch, getState) => {
103 |   const {
104 |     nextPageUrl = `repos/${fullName}/stargazers`,
105 |     pageCount = 0
106 |   } = getState().pagination.stargazersByRepo[fullName] || {}
107 | 
108 |   if (pageCount > 0 && !nextPage) {
109 |     return null
110 |   }
111 | 
112 |   return dispatch(fetchStargazers(fullName, nextPageUrl))
113 | }
114 | 
115 | export const RESET_ERROR_MESSAGE = 'RESET_ERROR_MESSAGE'
116 | 
117 | // Resets the currently visible error message.
118 | export const resetErrorMessage = () => ({
119 |     type: RESET_ERROR_MESSAGE
120 | })
121 | 


--------------------------------------------------------------------------------
/src/actions/OrderActions.js:
--------------------------------------------------------------------------------
  1 | import * as types from '../constants/ActionTypes';
  2 | 
  3 | /* ////////////////////////////////
  4 | //        Placing Order         //
  5 | ////////////////////////////////*/
  6 | /*
  7 |   - URI api.robinhood.com/orders/
  8 |   - Fields = [
  9 |     - account
 10 |     - instrument
 11 |     - symbol
 12 |     - type
 13 |     - time_in_force
 14 |     - trigger
 15 |     - price
 16 |     - stop_price
 17 |     - quantity
 18 |     - side
 19 |     - client_id
 20 |   ]
 21 |   - Response sample
 22 |     {
 23 |       "updated_at": "2016-04-01T21:24:13.698563Z",
 24 |       "executions": [],
 25 |       "time_in_force": "fok",
 26 |       "fees": "0.00",
 27 |       "cancel": "https://api.robinhood.com/orders/15390ade-face-caca-0987-9fdac5824701/cancel/",
 28 |       "id": "15390ade-face-caca-0987-9fdac5824701",
 29 |       "cumulative_quantity": "0.00000",
 30 |       "stop_price": null,
 31 |       "reject_reason": null,
 32 |       "instrument": "https://api.robinhood.com/instruments/50810c35-d215-4866-9758-0ada4ac79ffa/",
 33 |       "state": "queued",
 34 |       "trigger": "immediate",
 35 |       "type": "market",
 36 |       "last_transaction_at": "2016-04-01T23:34:54.237390Z",
 37 |       "price": null,
 38 |       "client_id": null,
 39 |       "account": "https://api.robinhood.com/accounts/8UD09348/",
 40 |       "url": "https://api.robinhood.com/orders/15390ade-face-caca-0987-9fdac5824701/",
 41 |       "created_at": "2016-04-01T22:12:14.890283Z",
 42 |       "side": "sell",
 43 |       "position": "https://api.robinhood.com/positions/8UD09348/50810c35-d215-4866-9758-0ada4ac79ffa/",
 44 |       "average_price": null,
 45 |       "quantity": "1.00000"
 46 |     }
 47 | */
 48 | 
 49 | export function placeOrder(authToken, order) {
 50 |   return {
 51 |     type: types.PLACE_ORDER, order
 52 |   };
 53 | }
 54 | 
 55 | export function placeBuyOrder(authToken, order) {
 56 |   return {
 57 |     type: types.PLACE_BUY_ORDER, order
 58 |   };
 59 | }
 60 | 
 61 | export function placeSellOrder(authToken, order) {
 62 |   return {
 63 |     type: types.PLACE_SELL_ORDER, order
 64 |   };
 65 | }
 66 | 
 67 | export function gatherRecentOrders(authToken) {
 68 |   return {
 69 |     type: types.GATHER_RECENT_ORDERS, authToken
 70 |   };
 71 | }
 72 | 
 73 | export function gatherOrderInfo(orderId, authToken) {
 74 |   return {
 75 |     type: types.GATHER_ORDER_INFO, orderId, authToken
 76 |   };
 77 | }
 78 | 
 79 | export function cancelOrder(authToken, order) {
 80 |   return {
 81 |     type: types.CANCEL_ORDER, order
 82 |   };
 83 | }
 84 | 
 85 | ////////////////////////////////////////////////////////////////////////
 86 | 
 87 | export const backToOrderPlacementPane = () => {
 88 |   return {
 89 |     type: 'BACK_TO_ORDER_PLACEMENT_PANE'
 90 |   };
 91 | }
 92 | export const updateCurrentOrder = (options={}) => {
 93 |   return {
 94 |     type: 'UPDATE_CURRENT_ORDER',
 95 |     options
 96 |   };
 97 | }
 98 | export const resetCurrentOrder = (options={}) => {
 99 |   return {
100 |     type: 'RESET_CURRENT_ORDER',
101 |     options
102 |   };
103 | }
104 | export function selectedOrderSide(fixedTitle, options={}) {
105 |   return (dispatch) => {
106 |     dispatch(resetCurrentOrder({
107 |       type: options.stockType,
108 |       symbol: options.symbol
109 |     }));
110 |     dispatch(initTitle(fixedTitle, options));
111 |     return Promise.resolve()
112 |   };
113 | }
114 | export function selectedOrderType(fixedTitle, options={}) {
115 |   return (dispatch) => {
116 |     dispatch(updateCurrentOrder({
117 |       type: options.stockType,
118 |     }));
119 |     dispatch(backToOrderPlacementPane());
120 |     return Promise.resolve()
121 |   };
122 | }
123 | export function selectedOrderTypeWithPrice(fixedTitle, options={}) {
124 |   let currentOrderOptions = {type: options.stockType};
125 | 
126 |   if (currentOrderOptions.type == 'stop loss') {
127 |     currentOrderOptions.type = 'market';
128 |     currentOrderOptions.trigger = 'stop';
129 |   } else if (currentOrderOptions.type == 'stop limit') {
130 |     currentOrderOptions.type = 'limit';
131 |     currentOrderOptions.trigger = 'stop'
132 |   }
133 |   return (dispatch) => {
134 |     dispatch(updateCurrentOrder(currentOrderOptions));
135 |     dispatch(changeTitle(fixedTitle, options));
136 |     return Promise.resolve()
137 |   };
138 | }
139 | export function setOrderPrice(fixedTitle, options={}) {
140 |   return (dispatch) => {
141 |     dispatch(updateCurrentOrder({
142 |       price: options.price,
143 |     }));
144 |     dispatch(changeTitle(fixedTitle, options));
145 |     return Promise.resolve()
146 |   };
147 | }
148 | export function selectedTimeInForce(time_in_force) {
149 |   return (dispatch) => {
150 |     dispatch(updateCurrentOrder({
151 |       time_in_force,
152 |     }));
153 |     dispatch(backToOrderPlacementPane());
154 |     return Promise.resolve()
155 |   };
156 | }
157 | 


--------------------------------------------------------------------------------
/src/actions/WatchlistActions.js:
--------------------------------------------------------------------------------
  1 | import _ from 'lodash';
  2 | import { apiUrl, endpoints } from '../constants/Robin';
  3 | import * as types from '../constants/ActionTypes';
  4 | import { checkStatus } from '../shared/Utils';
  5 | 
  6 | /* ////////////////////////////////
  7 | //        Watchlist Actions      //
  8 | ////////////////////////////////*/
  9 | /*
 10 |   - *Needs authToken*
 11 |   - URI: api.robinhood.com/watchlists/
 12 |   - Method: GET
 13 |   - Sample Response:
 14 |     {
 15 |       "next": null,
 16 |       "previous": null,
 17 |       "results": [
 18 |           {
 19 |             "name": "Default",
 20 |             "url": "https://api.robinhood.com/watchlists/Default/",
 21 |             "user": "https://api.robinhood.com/user/"
 22 |           }
 23 |       ]
 24 |     }
 25 | 
 26 | createWatchlist
 27 |   - *Needs authToken*
 28 |   - URI: api.robinhood.com/watchlists/
 29 |   - Method: POST
 30 |   - Fields = [
 31 |     - name
 32 |   ]
 33 |   - Sample response
 34 |     {
 35 |       "url": "https://api.robinhood.com/watchlists/Technology/",
 36 |       "user": "https://api.robinhood.com/user/",
 37 |       "name": "Technology"
 38 |     }
 39 | 
 40 | addBulkInstrumentWatchlist
 41 |   - *Needs authToken*
 42 |   - URI: api.robinhood.com/watchlists/{watchlist}/bulk_add/
 43 |   - Method: POST
 44 |   - Fields = [
 45 |     - symbols
 46 |   ]
 47 |   - Sample response
 48 |     [{
 49 |         "watchlist": "https://api.robinhood.com/watchlists/Default/",
 50 |         "instrument": "https://api.robinhood.com/instruments/50810c35-d215-4866-9758-0ada4ac79ffa/",
 51 |         "created_at": "2016-02-09T00:15:20.103927Z",
 52 |         "url": "https://api.robinhood.com/watchlists/Default/50810c35-d215-4866-9758-0ada4ac79ffa/"
 53 |     }, {
 54 |         "watchlist": "https://api.robinhood.com/watchlists/Default/",
 55 |         "instrument": "https://api.robinhood.com/instruments/6df56bd0-0bf2-44ab-8875-f94fd8526942/",
 56 |         "created_at": "2016-02-09T00:15:20.103927Z",
 57 |         "url": "https://api.robinhood.com/watchlists/Default/6df56bd0-0bf2-44ab-8875-f94fd8526942/"
 58 |     }]
 59 | 
 60 | deleteWatchlistInstrument
 61 |   - *Needs authToken*
 62 |   - URI: api.robinhood.com/watchlists/{watchlistName}/{instrumentId}/
 63 |   - Method: DELETE
 64 |   - Sample Response:
 65 | 
 66 | */
 67 | 
 68 | export const invalidateWatchlists = (watchlists) => {
 69 |   return {
 70 |     type: types.INVALIDATE_WATCHLISTS,
 71 |     watchlists
 72 |   }
 73 | }
 74 | 
 75 | export function requestWatchlists(authToken) {
 76 |   return {
 77 |     type: types.REQUEST_WATCHLISTS,
 78 |     authToken
 79 |   };
 80 | }
 81 | 
 82 | export function recieveWatchLists(json) {
 83 |   return {
 84 |     type: types.RECIEVE_WATCHLISTS,
 85 |     watchlists: json,
 86 |     recievedAt: Date.now()
 87 |   };
 88 | }
 89 | 
 90 | function fetchWatchlists(authToken, watchlist) {
 91 |   return dispatch =>
 92 |     fetch(url, {
 93 |       method: 'GET',
 94 |       headers: {
 95 |         'Accept': 'application/json, */*',
 96 |         'Content-Type': 'application/json',
 97 |         'Authorization': `Token ${authToken}`
 98 |       })
 99 |       .then(response => response.json())
100 |       .then(json => dispatch(recieveWatchLists(json)))
101 | }
102 | 
103 | function shouldFetchWatchlists(authToken) {
104 |   const watchlists = state.account.watchlists;
105 | 
106 |   if (_.isEmpty(watchlists)) {
107 |     return true;
108 |   }
109 |   if (watchlists.isFetching) {
110 |     return false;
111 |   } else {
112 |     return watchlist.didInvalidate
113 |   }
114 | }
115 | 
116 | export function fetchWatchlistsIfNeeded(authToken) {
117 |   return (dispatch, getState) => {
118 |     if (shouldFetchWatchlists(getState(), authToken)) {
119 |       return dispatch(fetchWatchlists(authToken))
120 |     }
121 |   }
122 | }
123 | 
124 | export function createWatchlist(authToken, name) {
125 |   return {type: types.CREATE_WATCHLIST, name};
126 | }
127 | 
128 | export function deleteWatchlist(authToken, name) {
129 |   return {type: types.DELETE_WATCHLIST, name};
130 | }
131 | 
132 | export function addInstrumentWatchlist(authToken, symbol, watchlist) {
133 |   return {type: types.ADD_TO_WATCHLIST}
134 | }
135 | 
136 | export function deleteWatchlistInstrument(symbol, watchlist) {
137 |   return {type: types.DELETE_FROM_WATCHLIST, watchlist};
138 | }
139 | 
140 | export function addBulkInstrumentWatchlist(authToken, symbols, watchlist) {
141 |   return {
142 |     fetch(constructWatchlistAddUrl(watchlist), {
143 |         method: 'POST',
144 |         headers: {
145 |             'Accept': 'application/json, */*',
146 |             'Content-Type': 'application/json',
147 |             'Authorization': `Token ${authToken}`,
148 |             },
149 |         body: JSON.stringify({'symbols': {symbols})
150 |         })
151 |       .then(res => res.json())
152 |       .then(dispatch //TODO
153 |       .catch(err => console.log('Fetch Error :-S', err))
154 |     })
155 |   };
156 | }
157 | 


--------------------------------------------------------------------------------
/src/lib/processPortfolio.js:
--------------------------------------------------------------------------------
  1 | /* eslint-disable prefer-const */
  2 | import _ from 'lodash';
  3 | import moment from 'moment';
  4 | 
  5 | function processPortfolioData(data) {
  6 |   const portfolio = data.responseJSON.results[0];
  7 | 
  8 |   portfolio.equity = +portfolio.equity;
  9 |   portfolio.extended_hours_equity = +portfolio.extended_hours_equity;
 10 | 
 11 |   return portfolio;
 12 | }
 13 | 
 14 | function processDayData(data) {
 15 |   let day = data.responseJSON;
 16 |   let dayHistoricals = day.equity_historicals;
 17 | 
 18 |   dayHistoricals = dayHistoricals.map((d, i) => {
 19 |     d.xVal = i;
 20 |     d.yVal = +d.adjusted_open_equity;
 21 |     return d;
 22 |   }.bind(this));
 23 | 
 24 |   day.equity_historicals = dayHistoricals;
 25 | 
 26 |   return day;
 27 | }
 28 | 
 29 | function processWeekData(data, portfolio) {
 30 |   let week = data.responseJSON;
 31 |   let weekHistoricals = week.equity_historicals;
 32 |   if (moment(weekHistoricals[0].begins_at).hour(0).minute(0).second(0).isAfter(moment(portfolio.start_date).hour(0).minute(0).second(0))) {
 33 |     weekHistoricals = weekHistoricals.map(function(d, i){
 34 |       d.xVal = i;
 35 |       d.yVal = +d.adjusted_close_equity;
 36 |       return d;
 37 |     }.bind(this));
 38 |   } else {
 39 |     weekHistoricals = _.filter(weekHistoricals, (d, i) => {
 40 |       d.xVal = i;
 41 |       d.yVal = +d.adjusted_close_equity;
 42 |       return moment(d.begins_at).hour(0).minute(0).second(0).isAfter(moment(portfolio.start_date).hour(0).minute(0).second(0).subtract(1, 'day'));
 43 |     }.bind(this));
 44 |   }
 45 | 
 46 |   week.equity_historicals = weekHistoricals;
 47 | 
 48 |   return week;
 49 | }
 50 | 
 51 | function processYearData(data, portfolio) {
 52 |   let month = {};
 53 |   let quarter = {};
 54 |   let year = data.responseJSON;
 55 |   let monthHistoricals = [];
 56 |   let quarterHistoricals = [];
 57 |   let yearHistoricals = [];
 58 |   let yearData = year.equity_historicals;
 59 | 
 60 |   if (moment(yearData[0].begins_at).hour(0).minute(0).second(0).isAfter(moment(portfolio.start_date).hour(0).minute(0).second(0))) {
 61 |     _.each(yearData, (d, i) => {
 62 |       d.xVal = i;
 63 |       d.yVal = +d.adjusted_close_equity;
 64 | 
 65 |       if (moment(d.begins_at).hour(0).minute(0).second(0).isAfter(moment(_.last(yearData).begins_at).hour(0).minute(0).second(0).subtract(3, 'month'))) {
 66 |         quarterHistoricals.push(Object.assign({}, d));
 67 |         if (moment(d.begins_at).hour(0).minute(0).second(0).isAfter(moment(_.last(yearData).begins_at).hour(0).minute(0).second(0).subtract(1, 'month'))) {
 68 |           monthHistoricals.push(Object.assign({}, d));
 69 |         }
 70 |       }
 71 | 
 72 |       yearHistoricals.push(Object.assign({}, d));
 73 |     }.bind(this));
 74 |   } else {
 75 |     yearData = _.filter(yearData, function(d, i){
 76 |       d.xVal = i;
 77 |       d.yVal = +d.adjusted_close_equity;
 78 | 
 79 |       if (moment(d.begins_at).hour(0).minute(0).second(0).isAfter(moment(_.last(yearData).begins_at).hour(0).minute(0).second(0).subtract(3, 'month'))) {
 80 |         quarterHistoricals.push(Object.assign({}, d));
 81 |         if (moment(d.begins_at).hour(0).minute(0).second(0).isAfter(moment(_.last(yearData).begins_at).hour(0).minute(0).second(0).subtract(1, 'month'))) {
 82 |           monthHistoricals.push(Object.assign({}, d));
 83 |         }
 84 |       }
 85 | 
 86 |       yearHistoricals.push(Object.assign({}, d));
 87 |       return moment(d.begins_at).hour(0).minute(0).second(0).isAfter(moment(portfolio.start_date).hour(0).minute(0).second(0).subtract(1, 'month'));
 88 |     }.bind(this));
 89 |   }
 90 | 
 91 |   month.equity_historicals = monthHistoricals
 92 |   quarter.equity_historicals = quarterHistoricals
 93 |   year.equity_historicals = yearHistoricals
 94 | 
 95 |   return { month, quarter, year };
 96 | }
 97 | 
 98 | function processAllData(data, portfolio) {
 99 |   let all = data.responseJSON;
100 |   let allHistoricals = all.equity_historicals;
101 |   if (moment(allHistoricals[0].begins_at).hour(0).minute(0).second(0).isAfter(moment(portfolio.start_date).hour(0).minute(0).second(0))) {
102 |     allHistoricals = allHistoricals.map((d, i) => {
103 |       d.xVal = i;
104 |       d.yVal = +d.adjusted_close_equity;
105 |       return d;
106 |     }.bind(this));
107 |   } else {
108 |     allHistoricals = _.filter(allHistoricals, (d, i) => {
109 |       d.xVal = i;
110 |       d.yVal = +d.adjusted_close_equity;
111 |       return moment(d.begins_at).hour(0).minute(0).second(0).isAfter(moment(portfolio.start_date).hour(0).minute(0).second(0).subtract(1, 'month'));
112 |     }.bind(this));
113 |   }
114 | 
115 |   all.equity_historicals = allHistoricals;
116 | 
117 |   return all;
118 | }
119 | 
120 | function processPortfolio(portfolioRes, dayRes, weekRes, yearRes, allRes) {
121 |   let portfolio = processPortfolioData(portfolioRes);
122 |   let day = processDayData(dayRes);
123 |   let week = processWeekData(weekRes, portfolio);
124 |   let { month, quarter, year } = processYearData(yearRes, portfolio);
125 |   let all = processAllData(allRes, portfolio);
126 | 
127 |   portfolio.historicals = {
128 |     day,
129 |     week,
130 |     month,
131 |     quarter,
132 |     year,
133 |     all
134 |   };
135 | 
136 |   return portfolio;
137 | };
138 | 
139 | export default processPortfolioData;
140 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
  1 | # Robinhood React
  2 | 
  3 | ## WORK IN PROGRESS 
  4 | 
  5 | UI built by [Jason Maurer](https://github.com/jsonmaur/robinhood-web)!
  6 | 
  7 | ![Imgur](http://i.imgur.com/JCAoxSE.png)
  8 | 
  9 | 
 10 | 
 11 | This packages uses [Robinhoods API](https://github.com/sanko/Robinhood) allowing you to use Robinhood in your browser. Limited to (well designed!) mobile apps no more!
 12 | 
 13 | Check out the [Trello board](https://trello.com/b/A6Kpou2w/robinhood-react) to stay up to date on the development!
 14 | 
 15 | ## Requirements
 16 | * node `^7.0.0`  <-- probably works on older versions, but this is the only versions its been tested on
 17 | * yarn `^0.20.3`
 18 | 
 19 | ## Getting Started
 20 | 
 21 | First, clone the project:
 22 | 
 23 | ```bash
 24 | $ git clone https://github.com/aleccunningham/robinhood-react robinhood
 25 | $ cd robinhood
 26 | ```
 27 | Then install dependencies and check to see it works. It is recommended that you use [Yarn](https://yarnpkg.com/) for deterministic installs, but `npm install` will work just as well.
 28 | 
 29 | ```bash
 30 | $ yarn install    # Install project dependencies
 31 | $ yarn start      # Compile and launch (same as `npm start`)
 32 | ```
 33 | 
 34 | ### Reference
 35 | 
 36 | Below is a quick reference to the code base, mainly to give structure to the flow of the actions -> reducers -> store
 37 | 
 38 | You can find the style guide for writing react components and their redux counterparts [in our wiki](https://github.com/aleccunningham/robinhood-react/wiki/Style-Guide).
 39 | 
 40 | ## Helper packages
 41 | 
 42 | - [react-notie](https://github.com/vkbansal/react-notie)
 43 | - [title-decorator](https://github.com/gigobyte/react-document-title-decorator)
 44 | - [reselect](https://github.com/reactjs/reselect)
 45 | - [normalizr](https://github.com/paularmstrong/normalizr)
 46 | - [upup](https://github.com/TalAter/UpUp)
 47 | - [js-cookie](https://github.com/js-cookie/js-cookie)
 48 | - [recompose](https://github.com/acdlite/recompose#composition)
 49 | - babel
 50 | - react
 51 | - redux
 52 | - react-router
 53 | - webpack
 54 | 
 55 | ## Project Structure
 56 | 
 57 | ```
 58 | |-- .babelrc
 59 | |-- .eslintrc
 60 | |-- .eslintignore
 61 | |-- .gitignore
 62 | |-- .dockerignore
 63 | |-- .editorconfig
 64 | |-- Dockerfile
 65 | |-- README.md
 66 | |-- CHANGELOG.md
 67 | |-- LICENSE
 68 | |-- package.json
 69 | |-- yarn.lock
 70 | |-- client/
 71 | |    |-> index.js
 72 | |    |-> routes.js
 73 | |-- shared/
 74 | |  |-- actions/
 75 | |    |-- AccountActions.js
 76 | |    |-- AuthedActions.js
 77 | |    |-- NewsActions.js
 78 | |    |-- OrderActions.js
 79 | |    |-- PortfolioActions.js
 80 | |    |-- QuoteActions.js
 81 | |    |-- WatchlistActions.js
 82 | |  |-- components/
 83 | |    |-- Account.js
 84 | |    |-- Banner.js
 85 | |    |-- FilterSearch.js
 86 | |    |-- Footer.js
 87 | |    |-- Link.js
 88 | |    |-- Nav.js
 89 | |    |-- NavSearch.js
 90 | |    |-- Quote.js
 91 | |    |-- Row.js
 92 | |    |-- Table.js
 93 | |  |-- containers/
 94 | |    |-- AccountContainer.js
 95 | |    |-- App.js
 96 | |    |-- DashboardContainer.js
 97 | |    |-- LoginContainer.js
 98 | |    |-- NotFoundPage.js
 99 | |    |-- OrderContainer.js
100 | |    |-- QuoteContainer.js
101 | |    |-- Root.js
102 | |  |-- constants/
103 | |    |-- ActionTypes.js
104 | |    |-- Config.js
105 | |    |-- Schemas.js
106 | |  |-- reducers/
107 | |    |-- authentication.js
108 | |    |-- order.js
109 | |    |-- quote.js
110 | |    |-- rootReducer.js
111 | |    |-- user.js
112 | |    |-- watchlist.js
113 | |  |-- store/
114 | |    |-- configureStore.js
115 | |-- server/
116 | |    |-- index.js
117 | |    |-- server.js
118 | |-- webpack.config.js
119 | ```
120 | 
121 | 
122 | ```actions/``` contain all action creators. These are triggered by events and return an action object (or function, using thunk middleware) that will notify reducers there needs to be a change in the state
123 | 
124 | ```components/``` contains dumb components
125 | 
126 | ```containers/``` contains react components that serve as containers for multiple dumb components. This will connect React components to the Redux store. The ```connect``` method will map the state to props by subscribing to a store that has been passed through the components context and will tell the component to update whenever the state changes. ```connect``` can also map dispatch to props by connecting action creators to and to the store dispatch method allowing the props to be invoked directly (rather than ```store.dispatch({type: 'MY_ACTION', id: 1})```).
127 | 
128 | ```reducers/``` hold functions that take the current state and an action type and return a new state with the changes
129 | 
130 | ```store/``` allows for the definition of a custom redux store to insert middleware, in this instance ```thunk```.
131 | 
132 | ### Flow
133 | 
134 | ```
135 | - Dashboard
136 |   - total cash
137 |   - news
138 |   - positions
139 |   - quotes
140 |   - watchlists
141 | - Account
142 |   - daytrade warnings
143 |   - gold
144 |   - withdrawalabe funds
145 |   - buying power
146 |   - pending orders
147 |   - instant deposits
148 | - History
149 |   - All history
150 |     - Filter by buy, sell, age
151 | - Quote
152 | - Owned Quote
153 |   - Quote +
154 |   - shares
155 |   - equity value
156 |   - average cost
157 |   - total return
158 |   - todays return
159 |   - orders
160 | - Banking
161 |   - linked accounts
162 |   - transfer to robinhood
163 |   - transfer to bank
164 | ```
165 | 


--------------------------------------------------------------------------------
/src/actions/PortfolioActions.js:
--------------------------------------------------------------------------------
  1 | import * as types from '../constants/ActionTypes';
  2 | import { checkStatus } from '../shared/Utils';
  3 | 
  4 | /* ////////////////////////////////
  5 | //        Portfolio Actions      //
  6 | ////////////////////////////////*/
  7 | /*
  8 |   - *Needs authToken*
  9 |   - URI: api.robinhood.com/portfolios/
 10 |   - Sample Response:
 11 |     {
 12 |     "results": [
 13 |         {
 14 |             "account": "https://api.robinhood.com/accounts/{accountId}/",
 15 |             "adjusted_equity_previous_close": "2088.3700",
 16 |             "equity": "2054.9574",
 17 |             "equity_previous_close": "1566.3700",
 18 |             "excess_maintenance": "1325.3456",
 19 |             "excess_maintenance_with_uncleared_deposits": "1392.3456",
 20 |             "excess_margin": "662.7337",
 21 |             "excess_margin_with_uncleared_deposits": "729.7337",
 22 |             "extended_hours_equity": null,
 23 |             "extended_hours_market_value": null,
 24 |             "last_core_equity": "2054.9574",
 25 |             "last_core_market_value": "2650.4474",
 26 |             "market_value": "2650.4474",
 27 |             "start_date": "2015-08-27",
 28 |             "unwithdrawable_deposits": "0.0000",
 29 |             "unwithdrawable_grants": "0.0000",
 30 |             "url": "https://api.robinhood.com/portfolios/5QT32045/",
 31 |             "withdrawable_amount": "0.0000"
 32 |         }
 33 |     ]
 34 |   }
 35 | */
 36 | 
 37 | export function requestPortfolio(authToken) {
 38 |   return {
 39 |     type: types.REQUEST_PORTFOLIO,
 40 |     authToken
 41 |     recievedAt: Date.now()
 42 |   };
 43 | }
 44 | 
 45 | export function recievePortfolio(response) {
 46 |   return {
 47 |     type: types.RECIEVE_PORTFOLIO,
 48 |     response,
 49 |     recievedAt: Date.now()
 50 |   };
 51 | }
 52 | 
 53 | export function requestPortfolioError() {
 54 |   return {
 55 |     type: types.REQUEST_PORTFOLIO_ERROR,
 56 |     recievedAt: Date.now()
 57 |   };
 58 | }
 59 | 
 60 | function fetchPortfolio(authToken) {
 61 |   let url = apiUrl + endpoints[portfolio];
 62 |   return dispatch => {
 63 |     fetch(url, {
 64 |       method: 'GET',
 65 |       headers: {
 66 |         'Accept': 'application/json, */*',
 67 |         'Content-Type': 'application/json',
 68 |         'Authorization': `Token ${authToken}`
 69 |       },
 70 |     })
 71 |     .then(checkStatus)
 72 |     .then(response => response.json())
 73 |     .then(dispatch(recievePortfolio(json)))
 74 |   };
 75 | }
 76 | 
 77 | function shouldFetchPortfolio(state) {
 78 |   const portfolio = state.account.portfolio;
 79 | 
 80 |   if (_.isEmpty(portfolio)) {
 81 |     return true;
 82 |   }
 83 |   if (portfolio.isFetching) {
 84 |     return false;
 85 |   } else {
 86 |     return portfolio.didInvalidate;
 87 |   }
 88 | }
 89 | 
 90 | export function fetchPortfolioIfNeeded(authToken) {
 91 |   return (dispatch, getState) => {
 92 |     if (shouldFetchPortfolio(getState(), authToken)) {
 93 |       return dispatch(fetchPortfolio(authToken))
 94 |     }
 95 |   }
 96 | }
 97 | 
 98 | /* ////////////////////////////////
 99 | //        Positions Actions      //
100 | ////////////////////////////////*/
101 | /*
102 |   - *Needs authToken*
103 |   - URI: api.robinhood.com/acount/{accountId}/positions/
104 |   - Method: GET
105 |   - Sample Response:
106 |     {
107 |       "next": null,
108 |       "previous": null,
109 |       "results": [
110 |           {
111 |               "account": "https://api.robinhood.com/accounts/{accountId}/",
112 |               "average_buy_price": "47.7500",
113 |               "created_at": "2017-03-14T15:38:58.448364Z",
114 |               "instrument": "https://api.robinhood.com/instruments/bd444de7-b34a-4685-ab58-63e808f4fa16/",
115 |               "intraday_average_buy_price": "47.7500",
116 |               "intraday_quantity": "13.0000",
117 |               "quantity": "13.0000",
118 |               "shares_held_for_buys": "0.0000",
119 |               "shares_held_for_sells": "0.0000",
120 |               "updated_at": "2017-03-14T16:12:14.661447Z",
121 |               "url": "https://api.robinhood.com/accounts/{accountID}/positions/bd444de7-b34a-4685-ab58-63e808f4fa16/"
122 |           },
123 |           {
124 |               "account": "https://api.robinhood.com/accounts/{accountId}/",
125 |               "average_buy_price": "53.2000",
126 |               "created_at": "2017-03-13T21:48:08.819064Z",
127 |               "instrument": "https://api.robinhood.com/instruments/5dc3bb24-007b-459d-be90-35905a8ba8f0/",
128 |               "intraday_average_buy_price": "53.2000",
129 |               "intraday_quantity": "5.0000",
130 |               "quantity": "5.0000",
131 |               "shares_held_for_buys": "0.0000",
132 |               "shares_held_for_sells": "0.0000",
133 |               "updated_at": "2017-03-14T13:01:31.881251Z",
134 |               "url": "https://api.robinhood.com/accounts/{accountId}/positions/5dc3bb24-007b-459d-be90-35905a8ba8f0/"
135 |           },
136 |       ]
137 |     }
138 | */
139 | 
140 | function requestPositions(authToken) {
141 |   return: {
142 |     type: types.REQUEST_POSITIONS,
143 |     authToken
144 |   };
145 | }
146 | 
147 | function recievePositions(json) {
148 |   return: {
149 |     type: types.RECIEVE_POSITIONS,
150 |     positions: json,
151 |     recievedAt: Date.now()
152 |   };
153 | }
154 | 
155 | function fetchPositions(authToken) {
156 |   return dispatch => {
157 |     dispatch(requestPositions(authToken))
158 |     return fetch(url, {
159 |       method: 'GET',
160 |       headers: {
161 |         'Accept': 'application/json, */*',
162 |         'Content-Type': 'application/json',
163 |         'Authorization': `Token ${authToken}`
164 |       })
165 |       .then(response => response.json())
166 |       .then(json => dispatch(recievePositions(json)))
167 |   }
168 | }
169 | 
170 | function shouldFetchPositions(state) {
171 |   const positions = state.positions;
172 | 
173 |   if (_.isEmpty(positions)) {
174 |     return true;
175 |   }
176 |   if (positions.isFetching) {
177 |     return false;
178 |   } else {
179 |     return positions.didInvalidate;
180 |   }
181 | }
182 | 
183 | export function fetchPositionsIfNeeded(authToken) {
184 |   return (dispatch, getState) => {
185 |     if (shouldFetchPositions(getState(), authToken)) {
186 |       return dispatch(fetchPositions(authToken))
187 |     }
188 |   }
189 | }
190 | 


--------------------------------------------------------------------------------
/static/img/graph-green.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 2 | <svg width="155px" height="56px" viewBox="0 0 155 56" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
 3 |     <!-- Generator: Sketch 3.6.1 (26313) - http://www.bohemiancoding.com/sketch -->
 4 |     <title>Group</title>
 5 |     <desc>Created with Sketch.</desc>
 6 |     <defs></defs>
 7 |     <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
 8 |         <g id="Stock-list-Market-closed" transform="translate(-277.000000, -1137.000000)">
 9 |             <g id="TSLA" transform="translate(29.000000, 1137.000000)">
10 |                 <g id="Group" transform="translate(248.000000, 0.000000)">
11 |                     <path d="M24,50 C24.5522847,50 25,49.5522847 25,49 C25,48.4477153 24.5522847,48 24,48 C23.4477153,48 23,48.4477153 23,49 C23,49.5522847 23.4477153,50 24,50 Z M14,50 C14.5522847,50 15,49.5522847 15,49 C15,48.4477153 14.5522847,48 14,48 C13.4477153,48 13,48.4477153 13,49 C13,49.5522847 13.4477153,50 14,50 Z M34,50 C34.5522847,50 35,49.5522847 35,49 C35,48.4477153 34.5522847,48 34,48 C33.4477153,48 33,48.4477153 33,49 C33,49.5522847 33.4477153,50 34,50 Z M44,50 C44.5522847,50 45,49.5522847 45,49 C45,48.4477153 44.5522847,48 44,48 C43.4477153,48 43,48.4477153 43,49 C43,49.5522847 43.4477153,50 44,50 Z M54,50 C54.5522847,50 55,49.5522847 55,49 C55,48.4477153 54.5522847,48 54,48 C53.4477153,48 53,48.4477153 53,49 C53,49.5522847 53.4477153,50 54,50 Z M64,50 C64.5522847,50 65,49.5522847 65,49 C65,48.4477153 64.5522847,48 64,48 C63.4477153,48 63,48.4477153 63,49 C63,49.5522847 63.4477153,50 64,50 Z M74,50 C74.5522847,50 75,49.5522847 75,49 C75,48.4477153 74.5522847,48 74,48 C73.4477153,48 73,48.4477153 73,49 C73,49.5522847 73.4477153,50 74,50 Z M84,50 C84.5522847,50 85,49.5522847 85,49 C85,48.4477153 84.5522847,48 84,48 C83.4477153,48 83,48.4477153 83,49 C83,49.5522847 83.4477153,50 84,50 Z M94,50 C94.5522847,50 95,49.5522847 95,49 C95,48.4477153 94.5522847,48 94,48 C93.4477153,48 93,48.4477153 93,49 C93,49.5522847 93.4477153,50 94,50 Z M104,50 C104.552285,50 105,49.5522847 105,49 C105,48.4477153 104.552285,48 104,48 C103.447715,48 103,48.4477153 103,49 C103,49.5522847 103.447715,50 104,50 Z M114,50 C114.552285,50 115,49.5522847 115,49 C115,48.4477153 114.552285,48 114,48 C113.447715,48 113,48.4477153 113,49 C113,49.5522847 113.447715,50 114,50 Z M124,50 C124.552285,50 125,49.5522847 125,49 C125,48.4477153 124.552285,48 124,48 C123.447715,48 123,48.4477153 123,49 C123,49.5522847 123.447715,50 124,50 Z M134,50 C134.552285,50 135,49.5522847 135,49 C135,48.4477153 134.552285,48 134,48 C133.447715,48 133,48.4477153 133,49 C133,49.5522847 133.447715,50 134,50 Z M144,50 C144.552285,50 145,49.5522847 145,49 C145,48.4477153 144.552285,48 144,48 C143.447715,48 143,48.4477153 143,49 C143,49.5522847 143.447715,50 144,50 Z M154,50 C154.552285,50 155,49.5522847 155,49 C155,48.4477153 154.552285,48 154,48 C153.447715,48 153,48.4477153 153,49 C153,49.5522847 153.447715,50 154,50 Z" id="Oval-7-Copy-21" fill="#8A8A8A"></path>
12 |                     <path d="M140.172365,6.90154306 L131.649448,3.11358021 L128.102724,7.54698522 L128.182191,7.6860521 L127.830864,7.88681031 L127.578087,8.20278193 L127.453015,8.10272425 L120.893563,11.8509826 L120.762613,12.1565322 L120.531892,12.0576517 L120.313948,12.182191 L120.149017,11.8935627 L113.736374,9.14528677 L113.723607,9.17082039 L113.289535,8.95378459 L112.843468,8.76261287 L112.854713,8.73637361 L109.658534,7.13828424 L105,13.6602325 L105,14 L104.757309,14 L104.616248,14.1974858 L104.339767,14 L99.8603796,14 L98,19.5811388 L98,20 L97.8603796,20 L97.8162278,20.1324555 L97.4188612,20 L92.681025,20 L92.4359816,20.2042028 L92.2658125,20 L92,20 L92,19.681025 L87.5915366,14.3908689 L71.9540659,43.7111264 L71.778543,44.1499337 L71.7303224,44.1306455 L71.7058824,44.1764706 L71.2888736,43.9540659 L66.6430979,42.0957556 L59.9379146,49.7588223 L59.7990252,50.1407682 L59.6508565,50.0868887 L59.547036,50.2055407 L59.2411777,49.9379146 L48.531246,46.043394 L40.7236068,49.9472136 L40.5,50.059017 L40.2763932,50.1708204 L40.0527864,49.7236068 L33.190983,36 L28.8603796,36 L28.8162278,36.1324555 L28.4188612,36 L28,36 L28,35.8603796 L22.7307533,34.103964 L18.9410071,40.7360198 L18.7236068,41.1708204 L18.6994512,41.1587426 L18.6860521,41.182191 L18.2639802,40.9410071 L14.6994512,39.1587426 L11.0284374,45.5830167 L11.0922801,45.8862697 L10.822722,45.9430187 L10.6860521,46.182191 L10.4169833,46.0284374 L10.1137303,46.0922801 L10.0569813,45.822722 L9.81780896,45.6860521 L9.97156258,45.4169833 L6.54031223,29.1185441 L1.99221379,54.5878953 L1.90431847,55.0801091 L0.919890893,54.9043185 L1.00778621,54.4121047 L5.99069048,26.5078408 L5.90771987,26.1137303 L6.06705748,26.0801856 L6.09568153,25.9198909 L6.49215923,25.9906905 L6.88626965,25.9077199 L6.91981441,26.0670575 L7.08010911,26.0956815 L7.00930952,26.4921592 L10.7183506,44.1101043 L14.0589929,38.2639802 L14.2763932,37.8291796 L14.3005488,37.8412574 L14.3139479,37.817809 L14.7360198,38.0589929 L18.3005488,39.8412574 L22.0413147,33.294917 L22.1837722,32.8675445 L22.2692467,32.896036 L22.3139479,32.817809 L22.705083,33.0413147 L28.5811388,35 L33.381966,35 L33.7236068,34.8291796 L33.809017,35 L34,35 L34,35.381966 L40.7236068,48.8291796 L48.0981909,45.1418876 L48.2009748,44.8592318 L48.468754,44.956606 L48.7236068,44.8291796 L48.8581124,45.0981909 L59.3491435,48.9131113 L66.0674773,41.2350155 L66.221457,40.8500663 L66.3569021,40.9042444 L66.452964,40.7944593 L66.7649845,41.0674773 L71.2696776,42.8693545 L86.9004797,13.5616006 L86.7957972,13.4359816 L87.10482,13.1784625 L87.2941176,12.8235294 L87.4383994,12.9004797 L87.5640184,12.7957972 L87.8215375,13.10482 L88.1764706,13.2941176 L88.0995203,13.4383994 L92.7341875,19 L97.1396204,19 L99,13.4188612 L99,13 L99.1396204,13 L99.1837722,12.8675445 L99.5811388,13 L104.242691,13 L109.070331,6.24130422 L109.276393,5.82917961 L109.341466,5.86171576 L109.383752,5.80251417 L109.758696,6.0703309 L113.710465,8.04621541 L120.468108,10.9423483 L127.169136,7.11318969 L131.069283,2.23800534 L131.246163,1.84002499 L131.350552,1.88641979 L131.421913,1.79721807 L131.761995,2.0692833 L140.441925,5.9270302 L147.209381,1.09313326 L147.616248,0.802514168 L148.197486,1.61624764 L147.790619,1.90686674 L140.901543,6.82763533 L140.753837,7.15997501 L140.558075,7.0729698 L140.383752,7.19748583 L140.172365,6.90154306 Z" id="TSLA" stroke="#21CE99" stroke-linecap="square" fill="#21CE99"></path>
13 |                 </g>
14 |             </g>
15 |         </g>
16 |     </g>
17 | </svg>


--------------------------------------------------------------------------------
/static/img/graph-red.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 2 | <svg width="150px" height="43px" viewBox="0 0 150 43" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
 3 |     <!-- Generator: Sketch 3.6.1 (26313) - http://www.bohemiancoding.com/sketch -->
 4 |     <title>Group 2</title>
 5 |     <desc>Created with Sketch.</desc>
 6 |     <defs></defs>
 7 |     <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
 8 |         <g id="Stock-list-Market-closed" transform="translate(-278.000000, -361.000000)">
 9 |             <g id="GOOG" transform="translate(29.000000, 344.000000)">
10 |                 <g id="Group-2" transform="translate(249.000000, 17.000000)">
11 |                     <path d="M144.75,41 L141.960582,37.2807764 L141.863803,36.8936609 L141.700807,36.9344099 L141.6,36.8 L141.280776,37.0394177 L137.609612,37.9572088 L134,35.25 L134,35 L133.666667,35 L133.4,34.8 L133.25,35 L129.666667,35 L126,32.25 L126,32 L125.666667,32 L125.4,31.8 L125.25,32 L119.527693,32 L110.714991,31.020811 L101,22.2773188 L101,22 L100.691868,22 L100.462835,21.7938706 L100.277319,22 L91.7071068,22 L89.1699988,19.462892 L89.2027819,19.4219131 L88.8339718,19.126865 L88.5,18.7928932 L88.462892,18.8300012 L88.4219131,18.7972181 L88.126865,19.1660282 L87.7928932,19.5 L87.8300012,19.537108 L84.5751385,23.6056863 L79.9596465,15.2978007 L79.8162278,14.8675445 L79.7355547,14.8944355 L79.6942572,14.8200999 L79.2978007,15.0403535 L70.4188612,18 L62.618034,18 L54.8423708,14.1121684 L51.1009252,8.5 L51.1933752,8.36132495 L50.8605551,8.13944487 L50.638675,7.80662475 L50.5,7.89907479 L50.361325,7.80662475 L50.1394449,8.13944487 L49.8066248,8.36132495 L49.8990748,8.5 L46.2864272,13.9189714 L39.8488486,12.0796632 L36,4.38196601 L36,4 L35.809017,4 L35.7236068,3.82917961 L35.381966,4 L32.5962912,4 L32.221457,3.85006632 L32.1614835,4 L32,4 L32,4.4037088 L28.4203508,13.3528317 L25.0597224,7.47173191 L25.159975,7.24616346 L24.852818,7.10964922 L24.6860521,6.81780896 L24.4717319,6.94027764 L24.2461635,6.84002499 L24.1096492,7.14718204 L23.817809,7.3139479 L23.9402776,7.52826809 L20.2556036,15.8187848 L17.0947611,14.2383636 L17.1181225,14.1565986 L16.6820427,14.0320043 L16.2763932,13.8291796 L16.2383636,13.9052389 L16.1565986,13.8818775 L16.0320043,14.3179573 L15.8291796,14.7236068 L15.9052389,14.7616364 L12.1627006,27.8605206 L9.87811304,27.0989914 L6.02428369,17.464418 L6.10633906,17.1361966 L5.86929022,17.0769344 L5.77854301,16.8500663 L5.46441803,16.9757163 L1.62126781,16.0149287 L1.13619656,15.8936609 L0.893660937,16.8638034 L1.37873219,16.9850713 L5.13070978,17.9230656 L8.96773999,27.5156412 L8.86754447,27.8162278 L9.12188696,27.9010086 L9.22145699,28.1499337 L9.51564119,28.03226 L11.8877199,28.8229529 L11.8818775,28.8434014 L12.352193,28.9777773 L12.8162278,29.1324555 L12.8229529,29.1122801 L12.8434014,29.1181225 L12.9777773,28.647807 L13.1324555,28.1837722 L13.1122801,28.1770471 L16.8152526,15.2166433 L19.8490457,16.7335399 L19.840025,16.7538365 L20.2865519,16.9522929 L20.7236068,17.1708204 L20.7335399,17.1509543 L20.7538365,17.159975 L20.9522929,16.7134481 L21.1708204,16.2763932 L21.1509543,16.2664601 L24.5558313,8.60548691 L27.9461004,14.5384579 L27.8500663,14.778543 L28.1523957,14.8994748 L28.3139479,15.182191 L28.5384579,15.0538996 L28.778543,15.1499337 L28.8994748,14.8476043 L29.182191,14.6860521 L29.0538996,14.4615421 L32.8385165,5 L35.190983,5 L38.965807,12.549648 L38.8818775,12.8434014 L39.1511514,12.9203368 L39.2763932,13.1708204 L39.549648,13.034193 L46.2875919,14.9593198 L46.638675,15.1933752 L46.7135728,15.0810286 L46.8434014,15.1181225 L46.9593198,14.7124081 L50.5,9.40138782 L53.9230223,14.5359213 L53.8291796,14.7236068 L54.1576292,14.8878316 L54.361325,15.1933752 L54.5359213,15.0769777 L62,18.809017 L62,19 L62.381966,19 L62.7236068,19.1708204 L62.809017,19 L70.1396204,19 L70.1837722,19.1324555 L70.5811388,19 L71,19 L71,18.8603796 L79.2644453,16.1055645 L83.9000152,24.4495904 L83.7972181,24.5780869 L84.1107494,24.828912 L84.3057428,25.1799001 L84.4495904,25.0999848 L84.5780869,25.2027819 L84.828912,24.8892506 L85.1799001,24.6942572 L85.0999848,24.5504096 L88.5414594,20.2485662 L91,22.7071068 L91,23 L91.2928932,23 L91.5,23.2071068 L91.7071068,23 L100.308132,23 L109.97471,31.69992 L109.947842,31.9417261 L110.285009,31.979189 L110.537165,32.2061294 L110.69992,32.0252903 L119,32.9475214 L119,33 L119.472307,33 L119.941726,33.0521576 L119.947521,33 L125.333333,33 L129,35.75 L129,36 L129.333333,36 L129.6,36.2 L129.75,36 L133.333333,36 L137.057984,38.7934878 L137.136197,39.1063391 L137.390388,39.0427912 L137.6,39.2 L137.793488,38.9420163 L141.299193,38.0655901 L144,41.6666667 L144,42 L144.25,42 L144.4,42.2 L144.666667,42 L148.5,42 L149,42 L149,41 L148.5,41 L144.75,41 Z" id="GOOG" stroke="#F45531" stroke-linecap="square" fill="#F45531"></path>
12 |                     <path d="M13,2 C13.5522847,2 14,1.55228475 14,1 C14,0.44771525 13.5522847,0 13,0 C12.4477153,0 12,0.44771525 12,1 C12,1.55228475 12.4477153,2 13,2 Z M3,2 C3.55228475,2 4,1.55228475 4,1 C4,0.44771525 3.55228475,0 3,0 C2.44771525,0 2,0.44771525 2,1 C2,1.55228475 2.44771525,2 3,2 Z M23,2 C23.5522847,2 24,1.55228475 24,1 C24,0.44771525 23.5522847,0 23,0 C22.4477153,0 22,0.44771525 22,1 C22,1.55228475 22.4477153,2 23,2 Z M33,2 C33.5522847,2 34,1.55228475 34,1 C34,0.44771525 33.5522847,0 33,0 C32.4477153,0 32,0.44771525 32,1 C32,1.55228475 32.4477153,2 33,2 Z M43,2 C43.5522847,2 44,1.55228475 44,1 C44,0.44771525 43.5522847,0 43,0 C42.4477153,0 42,0.44771525 42,1 C42,1.55228475 42.4477153,2 43,2 Z M53,2 C53.5522847,2 54,1.55228475 54,1 C54,0.44771525 53.5522847,0 53,0 C52.4477153,0 52,0.44771525 52,1 C52,1.55228475 52.4477153,2 53,2 Z M63,2 C63.5522847,2 64,1.55228475 64,1 C64,0.44771525 63.5522847,0 63,0 C62.4477153,0 62,0.44771525 62,1 C62,1.55228475 62.4477153,2 63,2 Z M73,2 C73.5522847,2 74,1.55228475 74,1 C74,0.44771525 73.5522847,0 73,0 C72.4477153,0 72,0.44771525 72,1 C72,1.55228475 72.4477153,2 73,2 Z M83,2 C83.5522847,2 84,1.55228475 84,1 C84,0.44771525 83.5522847,0 83,0 C82.4477153,0 82,0.44771525 82,1 C82,1.55228475 82.4477153,2 83,2 Z M93,2 C93.5522847,2 94,1.55228475 94,1 C94,0.44771525 93.5522847,0 93,0 C92.4477153,0 92,0.44771525 92,1 C92,1.55228475 92.4477153,2 93,2 Z M103,2 C103.552285,2 104,1.55228475 104,1 C104,0.44771525 103.552285,0 103,0 C102.447715,0 102,0.44771525 102,1 C102,1.55228475 102.447715,2 103,2 Z M113,2 C113.552285,2 114,1.55228475 114,1 C114,0.44771525 113.552285,0 113,0 C112.447715,0 112,0.44771525 112,1 C112,1.55228475 112.447715,2 113,2 Z M123,2 C123.552285,2 124,1.55228475 124,1 C124,0.44771525 123.552285,0 123,0 C122.447715,0 122,0.44771525 122,1 C122,1.55228475 122.447715,2 123,2 Z M133,2 C133.552285,2 134,1.55228475 134,1 C134,0.44771525 133.552285,0 133,0 C132.447715,0 132,0.44771525 132,1 C132,1.55228475 132.447715,2 133,2 Z M143,2 C143.552285,2 144,1.55228475 144,1 C144,0.44771525 143.552285,0 143,0 C142.447715,0 142,0.44771525 142,1 C142,1.55228475 142.447715,2 143,2 Z" id="Oval-7-Copy-15" fill="#8A8A8A"></path>
13 |                 </g>
14 |             </g>
15 |         </g>
16 |     </g>
17 | </svg>


--------------------------------------------------------------------------------
/static/img/graph-green-lrg.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 2 | <svg width="753px" height="333px" viewBox="0 0 753 333" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
 3 |     <!-- Generator: Sketch 3.6.1 (26313) - http://www.bohemiancoding.com/sketch -->
 4 |     <title>graph-green-lrg</title>
 5 |     <desc>Created with Sketch.</desc>
 6 |     <defs></defs>
 7 |     <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
 8 |         <g id="graph-green-lrg">
 9 |             <g id="Page-1">
10 |                 <g id="iPad-Portrait">
11 |                     <g id="Group">
12 |                         <path d="M12.3287035,257.379576 C13.1571307,257.379576 13.8287035,256.708003 13.8287035,255.879576 C13.8287035,255.051149 13.1571307,254.379576 12.3287035,254.379576 C11.5002764,254.379576 10.8287035,255.051149 10.8287035,255.879576 C10.8287035,256.708003 11.5002764,257.379576 12.3287035,257.379576 L12.3287035,257.379576 Z M22.3287035,257.379576 C23.1571307,257.379576 23.8287035,256.708003 23.8287035,255.879576 C23.8287035,255.051149 23.1571307,254.379576 22.3287035,254.379576 C21.5002764,254.379576 20.8287035,255.051149 20.8287035,255.879576 C20.8287035,256.708003 21.5002764,257.379576 22.3287035,257.379576 L22.3287035,257.379576 Z M32.3287035,257.379576 C33.1571307,257.379576 33.8287035,256.708003 33.8287035,255.879576 C33.8287035,255.051149 33.1571307,254.379576 32.3287035,254.379576 C31.5002764,254.379576 30.8287035,255.051149 30.8287035,255.879576 C30.8287035,256.708003 31.5002764,257.379576 32.3287035,257.379576 L32.3287035,257.379576 Z M42.3287035,257.379576 C43.1571307,257.379576 43.8287035,256.708003 43.8287035,255.879576 C43.8287035,255.051149 43.1571307,254.379576 42.3287035,254.379576 C41.5002764,254.379576 40.8287035,255.051149 40.8287035,255.879576 C40.8287035,256.708003 41.5002764,257.379576 42.3287035,257.379576 L42.3287035,257.379576 Z M52.3287035,257.379576 C53.1571307,257.379576 53.8287035,256.708003 53.8287035,255.879576 C53.8287035,255.051149 53.1571307,254.379576 52.3287035,254.379576 C51.5002764,254.379576 50.8287035,255.051149 50.8287035,255.879576 C50.8287035,256.708003 51.5002764,257.379576 52.3287035,257.379576 L52.3287035,257.379576 Z M62.3287035,257.379576 C63.1571307,257.379576 63.8287035,256.708003 63.8287035,255.879576 C63.8287035,255.051149 63.1571307,254.379576 62.3287035,254.379576 C61.5002764,254.379576 60.8287035,255.051149 60.8287035,255.879576 C60.8287035,256.708003 61.5002764,257.379576 62.3287035,257.379576 L62.3287035,257.379576 Z M72.3287035,257.379576 C73.1571307,257.379576 73.8287035,256.708003 73.8287035,255.879576 C73.8287035,255.051149 73.1571307,254.379576 72.3287035,254.379576 C71.5002764,254.379576 70.8287035,255.051149 70.8287035,255.879576 C70.8287035,256.708003 71.5002764,257.379576 72.3287035,257.379576 L72.3287035,257.379576 Z M82.3287035,257.379576 C83.1571307,257.379576 83.8287035,256.708003 83.8287035,255.879576 C83.8287035,255.051149 83.1571307,254.379576 82.3287035,254.379576 C81.5002764,254.379576 80.8287035,255.051149 80.8287035,255.879576 C80.8287035,256.708003 81.5002764,257.379576 82.3287035,257.379576 L82.3287035,257.379576 Z M92.3287035,257.379576 C93.1571307,257.379576 93.8287035,256.708003 93.8287035,255.879576 C93.8287035,255.051149 93.1571307,254.379576 92.3287035,254.379576 C91.5002764,254.379576 90.8287035,255.051149 90.8287035,255.879576 C90.8287035,256.708003 91.5002764,257.379576 92.3287035,257.379576 L92.3287035,257.379576 Z M102.328704,257.379576 C103.157131,257.379576 103.828704,256.708003 103.828704,255.879576 C103.828704,255.051149 103.157131,254.379576 102.328704,254.379576 C101.500276,254.379576 100.828704,255.051149 100.828704,255.879576 C100.828704,256.708003 101.500276,257.379576 102.328704,257.379576 L102.328704,257.379576 Z M112.328704,257.379576 C113.157131,257.379576 113.828704,256.708003 113.828704,255.879576 C113.828704,255.051149 113.157131,254.379576 112.328704,254.379576 C111.500276,254.379576 110.828704,255.051149 110.828704,255.879576 C110.828704,256.708003 111.500276,257.379576 112.328704,257.379576 L112.328704,257.379576 Z M122.328704,257.379576 C123.157131,257.379576 123.828704,256.708003 123.828704,255.879576 C123.828704,255.051149 123.157131,254.379576 122.328704,254.379576 C121.500276,254.379576 120.828704,255.051149 120.828704,255.879576 C120.828704,256.708003 121.500276,257.379576 122.328704,257.379576 L122.328704,257.379576 Z M132.328704,257.379576 C133.157131,257.379576 133.828704,256.708003 133.828704,255.879576 C133.828704,255.051149 133.157131,254.379576 132.328704,254.379576 C131.500276,254.379576 130.828704,255.051149 130.828704,255.879576 C130.828704,256.708003 131.500276,257.379576 132.328704,257.379576 L132.328704,257.379576 Z M142.328704,257.379576 C143.157131,257.379576 143.828704,256.708003 143.828704,255.879576 C143.828704,255.051149 143.157131,254.379576 142.328704,254.379576 C141.500276,254.379576 140.828704,255.051149 140.828704,255.879576 C140.828704,256.708003 141.500276,257.379576 142.328704,257.379576 L142.328704,257.379576 Z M152.328704,257.379576 C153.157131,257.379576 153.828704,256.708003 153.828704,255.879576 C153.828704,255.051149 153.157131,254.379576 152.328704,254.379576 C151.500276,254.379576 150.828704,255.051149 150.828704,255.879576 C150.828704,256.708003 151.500276,257.379576 152.328704,257.379576 L152.328704,257.379576 Z M162.328704,257.379576 C163.157131,257.379576 163.828704,256.708003 163.828704,255.879576 C163.828704,255.051149 163.157131,254.379576 162.328704,254.379576 C161.500276,254.379576 160.828704,255.051149 160.828704,255.879576 C160.828704,256.708003 161.500276,257.379576 162.328704,257.379576 L162.328704,257.379576 Z M172.328704,257.379576 C173.157131,257.379576 173.828704,256.708003 173.828704,255.879576 C173.828704,255.051149 173.157131,254.379576 172.328704,254.379576 C171.500276,254.379576 170.828704,255.051149 170.828704,255.879576 C170.828704,256.708003 171.500276,257.379576 172.328704,257.379576 L172.328704,257.379576 Z M182.328704,257.379576 C183.157131,257.379576 183.828704,256.708003 183.828704,255.879576 C183.828704,255.051149 183.157131,254.379576 182.328704,254.379576 C181.500276,254.379576 180.828704,255.051149 180.828704,255.879576 C180.828704,256.708003 181.500276,257.379576 182.328704,257.379576 L182.328704,257.379576 Z M192.328704,257.379576 C193.157131,257.379576 193.828704,256.708003 193.828704,255.879576 C193.828704,255.051149 193.157131,254.379576 192.328704,254.379576 C191.500276,254.379576 190.828704,255.051149 190.828704,255.879576 C190.828704,256.708003 191.500276,257.379576 192.328704,257.379576 L192.328704,257.379576 Z M202.328704,257.379576 C203.157131,257.379576 203.828704,256.708003 203.828704,255.879576 C203.828704,255.051149 203.157131,254.379576 202.328704,254.379576 C201.500276,254.379576 200.828704,255.051149 200.828704,255.879576 C200.828704,256.708003 201.500276,257.379576 202.328704,257.379576 L202.328704,257.379576 Z M212.328704,257.379576 C213.157131,257.379576 213.828704,256.708003 213.828704,255.879576 C213.828704,255.051149 213.157131,254.379576 212.328704,254.379576 C211.500276,254.379576 210.828704,255.051149 210.828704,255.879576 C210.828704,256.708003 211.500276,257.379576 212.328704,257.379576 L212.328704,257.379576 Z M222.328704,257.379576 C223.157131,257.379576 223.828704,256.708003 223.828704,255.879576 C223.828704,255.051149 223.157131,254.379576 222.328704,254.379576 C221.500276,254.379576 220.828704,255.051149 220.828704,255.879576 C220.828704,256.708003 221.500276,257.379576 222.328704,257.379576 L222.328704,257.379576 Z M232.328704,257.379576 C233.157131,257.379576 233.828704,256.708003 233.828704,255.879576 C233.828704,255.051149 233.157131,254.379576 232.328704,254.379576 C231.500276,254.379576 230.828704,255.051149 230.828704,255.879576 C230.828704,256.708003 231.500276,257.379576 232.328704,257.379576 L232.328704,257.379576 Z M242.328704,257.379576 C243.157131,257.379576 243.828704,256.708003 243.828704,255.879576 C243.828704,255.051149 243.157131,254.379576 242.328704,254.379576 C241.500276,254.379576 240.828704,255.051149 240.828704,255.879576 C240.828704,256.708003 241.500276,257.379576 242.328704,257.379576 L242.328704,257.379576 Z M252.328704,257.379576 C253.157131,257.379576 253.828704,256.708003 253.828704,255.879576 C253.828704,255.051149 253.157131,254.379576 252.328704,254.379576 C251.500276,254.379576 250.828704,255.051149 250.828704,255.879576 C250.828704,256.708003 251.500276,257.379576 252.328704,257.379576 L252.328704,257.379576 Z M262.328704,257.379576 C263.157131,257.379576 263.828704,256.708003 263.828704,255.879576 C263.828704,255.051149 263.157131,254.379576 262.328704,254.379576 C261.500276,254.379576 260.828704,255.051149 260.828704,255.879576 C260.828704,256.708003 261.500276,257.379576 262.328704,257.379576 L262.328704,257.379576 Z M272.328704,257.379576 C273.157131,257.379576 273.828704,256.708003 273.828704,255.879576 C273.828704,255.051149 273.157131,254.379576 272.328704,254.379576 C271.500276,254.379576 270.828704,255.051149 270.828704,255.879576 C270.828704,256.708003 271.500276,257.379576 272.328704,257.379576 L272.328704,257.379576 Z M282.328704,257.379576 C283.157131,257.379576 283.828704,256.708003 283.828704,255.879576 C283.828704,255.051149 283.157131,254.379576 282.328704,254.379576 C281.500276,254.379576 280.828704,255.051149 280.828704,255.879576 C280.828704,256.708003 281.500276,257.379576 282.328704,257.379576 L282.328704,257.379576 Z M292.328704,257.379576 C293.157131,257.379576 293.828704,256.708003 293.828704,255.879576 C293.828704,255.051149 293.157131,254.379576 292.328704,254.379576 C291.500276,254.379576 290.828704,255.051149 290.828704,255.879576 C290.828704,256.708003 291.500276,257.379576 292.328704,257.379576 L292.328704,257.379576 Z M301.328704,257.379576 C302.157131,257.379576 302.828704,256.708003 302.828704,255.879576 C302.828704,255.051149 302.157131,254.379576 301.328704,254.379576 C300.500276,254.379576 299.828704,255.051149 299.828704,255.879576 C299.828704,256.708003 300.500276,257.379576 301.328704,257.379576 L301.328704,257.379576 Z M311.328704,257.379576 C312.157131,257.379576 312.828704,256.708003 312.828704,255.879576 C312.828704,255.051149 312.157131,254.379576 311.328704,254.379576 C310.500276,254.379576 309.828704,255.051149 309.828704,255.879576 C309.828704,256.708003 310.500276,257.379576 311.328704,257.379576 L311.328704,257.379576 Z M321.328704,257.379576 C322.157131,257.379576 322.828704,256.708003 322.828704,255.879576 C322.828704,255.051149 322.157131,254.379576 321.328704,254.379576 C320.500276,254.379576 319.828704,255.051149 319.828704,255.879576 C319.828704,256.708003 320.500276,257.379576 321.328704,257.379576 L321.328704,257.379576 Z M331.328704,257.379576 C332.157131,257.379576 332.828704,256.708003 332.828704,255.879576 C332.828704,255.051149 332.157131,254.379576 331.328704,254.379576 C330.500276,254.379576 329.828704,255.051149 329.828704,255.879576 C329.828704,256.708003 330.500276,257.379576 331.328704,257.379576 L331.328704,257.379576 Z M341.328704,257.379576 C342.157131,257.379576 342.828704,256.708003 342.828704,255.879576 C342.828704,255.051149 342.157131,254.379576 341.328704,254.379576 C340.500276,254.379576 339.828704,255.051149 339.828704,255.879576 C339.828704,256.708003 340.500276,257.379576 341.328704,257.379576 L341.328704,257.379576 Z M351.328704,257.379576 C352.157131,257.379576 352.828704,256.708003 352.828704,255.879576 C352.828704,255.051149 352.157131,254.379576 351.328704,254.379576 C350.500276,254.379576 349.828704,255.051149 349.828704,255.879576 C349.828704,256.708003 350.500276,257.379576 351.328704,257.379576 L351.328704,257.379576 Z M361.328704,257.379576 C362.157131,257.379576 362.828704,256.708003 362.828704,255.879576 C362.828704,255.051149 362.157131,254.379576 361.328704,254.379576 C360.500276,254.379576 359.828704,255.051149 359.828704,255.879576 C359.828704,256.708003 360.500276,257.379576 361.328704,257.379576 L361.328704,257.379576 Z M371.328704,257.379576 C372.157131,257.379576 372.828704,256.708003 372.828704,255.879576 C372.828704,255.051149 372.157131,254.379576 371.328704,254.379576 C370.500276,254.379576 369.828704,255.051149 369.828704,255.879576 C369.828704,256.708003 370.500276,257.379576 371.328704,257.379576 L371.328704,257.379576 Z M381.328704,257.379576 C382.157131,257.379576 382.828704,256.708003 382.828704,255.879576 C382.828704,255.051149 382.157131,254.379576 381.328704,254.379576 C380.500276,254.379576 379.828704,255.051149 379.828704,255.879576 C379.828704,256.708003 380.500276,257.379576 381.328704,257.379576 L381.328704,257.379576 Z M391.328704,257.379576 C392.157131,257.379576 392.828704,256.708003 392.828704,255.879576 C392.828704,255.051149 392.157131,254.379576 391.328704,254.379576 C390.500276,254.379576 389.828704,255.051149 389.828704,255.879576 C389.828704,256.708003 390.500276,257.379576 391.328704,257.379576 L391.328704,257.379576 Z M401.328704,257.379576 C402.157131,257.379576 402.828704,256.708003 402.828704,255.879576 C402.828704,255.051149 402.157131,254.379576 401.328704,254.379576 C400.500276,254.379576 399.828704,255.051149 399.828704,255.879576 C399.828704,256.708003 400.500276,257.379576 401.328704,257.379576 L401.328704,257.379576 Z M411.328704,257.379576 C412.157131,257.379576 412.828704,256.708003 412.828704,255.879576 C412.828704,255.051149 412.157131,254.379576 411.328704,254.379576 C410.500276,254.379576 409.828704,255.051149 409.828704,255.879576 C409.828704,256.708003 410.500276,257.379576 411.328704,257.379576 L411.328704,257.379576 Z M421.328704,257.379576 C422.157131,257.379576 422.828704,256.708003 422.828704,255.879576 C422.828704,255.051149 422.157131,254.379576 421.328704,254.379576 C420.500276,254.379576 419.828704,255.051149 419.828704,255.879576 C419.828704,256.708003 420.500276,257.379576 421.328704,257.379576 L421.328704,257.379576 Z M431.328704,257.379576 C432.157131,257.379576 432.828704,256.708003 432.828704,255.879576 C432.828704,255.051149 432.157131,254.379576 431.328704,254.379576 C430.500276,254.379576 429.828704,255.051149 429.828704,255.879576 C429.828704,256.708003 430.500276,257.379576 431.328704,257.379576 L431.328704,257.379576 Z M441.328704,257.379576 C442.157131,257.379576 442.828704,256.708003 442.828704,255.879576 C442.828704,255.051149 442.157131,254.379576 441.328704,254.379576 C440.500276,254.379576 439.828704,255.051149 439.828704,255.879576 C439.828704,256.708003 440.500276,257.379576 441.328704,257.379576 L441.328704,257.379576 Z M451.328704,257.379576 C452.157131,257.379576 452.828704,256.708003 452.828704,255.879576 C452.828704,255.051149 452.157131,254.379576 451.328704,254.379576 C450.500276,254.379576 449.828704,255.051149 449.828704,255.879576 C449.828704,256.708003 450.500276,257.379576 451.328704,257.379576 L451.328704,257.379576 Z M461.328704,257.379576 C462.157131,257.379576 462.828704,256.708003 462.828704,255.879576 C462.828704,255.051149 462.157131,254.379576 461.328704,254.379576 C460.500276,254.379576 459.828704,255.051149 459.828704,255.879576 C459.828704,256.708003 460.500276,257.379576 461.328704,257.379576 L461.328704,257.379576 Z M471.328704,257.379576 C472.157131,257.379576 472.828704,256.708003 472.828704,255.879576 C472.828704,255.051149 472.157131,254.379576 471.328704,254.379576 C470.500276,254.379576 469.828704,255.051149 469.828704,255.879576 C469.828704,256.708003 470.500276,257.379576 471.328704,257.379576 L471.328704,257.379576 Z M481.328704,257.379576 C482.157131,257.379576 482.828704,256.708003 482.828704,255.879576 C482.828704,255.051149 482.157131,254.379576 481.328704,254.379576 C480.500276,254.379576 479.828704,255.051149 479.828704,255.879576 C479.828704,256.708003 480.500276,257.379576 481.328704,257.379576 L481.328704,257.379576 Z M490.328704,257.379576 C491.157131,257.379576 491.828704,256.708003 491.828704,255.879576 C491.828704,255.051149 491.157131,254.379576 490.328704,254.379576 C489.500276,254.379576 488.828704,255.051149 488.828704,255.879576 C488.828704,256.708003 489.500276,257.379576 490.328704,257.379576 L490.328704,257.379576 Z M501.328704,257.379576 C502.157131,257.379576 502.828704,256.708003 502.828704,255.879576 C502.828704,255.051149 502.157131,254.379576 501.328704,254.379576 C500.500276,254.379576 499.828704,255.051149 499.828704,255.879576 C499.828704,256.708003 500.500276,257.379576 501.328704,257.379576 L501.328704,257.379576 Z M511.328704,257.379576 C512.157131,257.379576 512.828704,256.708003 512.828704,255.879576 C512.828704,255.051149 512.157131,254.379576 511.328704,254.379576 C510.500276,254.379576 509.828704,255.051149 509.828704,255.879576 C509.828704,256.708003 510.500276,257.379576 511.328704,257.379576 L511.328704,257.379576 Z M521.328704,257.379576 C522.157131,257.379576 522.828704,256.708003 522.828704,255.879576 C522.828704,255.051149 522.157131,254.379576 521.328704,254.379576 C520.500276,254.379576 519.828704,255.051149 519.828704,255.879576 C519.828704,256.708003 520.500276,257.379576 521.328704,257.379576 L521.328704,257.379576 Z M531.328704,257.379576 C532.157131,257.379576 532.828704,256.708003 532.828704,255.879576 C532.828704,255.051149 532.157131,254.379576 531.328704,254.379576 C530.500276,254.379576 529.828704,255.051149 529.828704,255.879576 C529.828704,256.708003 530.500276,257.379576 531.328704,257.379576 L531.328704,257.379576 Z M541.328704,257.379576 C542.157131,257.379576 542.828704,256.708003 542.828704,255.879576 C542.828704,255.051149 542.157131,254.379576 541.328704,254.379576 C540.500276,254.379576 539.828704,255.051149 539.828704,255.879576 C539.828704,256.708003 540.500276,257.379576 541.328704,257.379576 L541.328704,257.379576 Z M550.328704,257.379576 C551.157131,257.379576 551.828704,256.708003 551.828704,255.879576 C551.828704,255.051149 551.157131,254.379576 550.328704,254.379576 C549.500276,254.379576 548.828704,255.051149 548.828704,255.879576 C548.828704,256.708003 549.500276,257.379576 550.328704,257.379576 L550.328704,257.379576 Z M560.328704,257.379576 C561.157131,257.379576 561.828704,256.708003 561.828704,255.879576 C561.828704,255.051149 561.157131,254.379576 560.328704,254.379576 C559.500276,254.379576 558.828704,255.051149 558.828704,255.879576 C558.828704,256.708003 559.500276,257.379576 560.328704,257.379576 L560.328704,257.379576 Z M570.328704,257.379576 C571.157131,257.379576 571.828704,256.708003 571.828704,255.879576 C571.828704,255.051149 571.157131,254.379576 570.328704,254.379576 C569.500276,254.379576 568.828704,255.051149 568.828704,255.879576 C568.828704,256.708003 569.500276,257.379576 570.328704,257.379576 L570.328704,257.379576 Z M580.328704,257.379576 C581.157131,257.379576 581.828704,256.708003 581.828704,255.879576 C581.828704,255.051149 581.157131,254.379576 580.328704,254.379576 C579.500276,254.379576 578.828704,255.051149 578.828704,255.879576 C578.828704,256.708003 579.500276,257.379576 580.328704,257.379576 L580.328704,257.379576 Z M590.328704,257.379576 C591.157131,257.379576 591.828704,256.708003 591.828704,255.879576 C591.828704,255.051149 591.157131,254.379576 590.328704,254.379576 C589.500276,254.379576 588.828704,255.051149 588.828704,255.879576 C588.828704,256.708003 589.500276,257.379576 590.328704,257.379576 L590.328704,257.379576 Z M600.328704,257.379576 C601.157131,257.379576 601.828704,256.708003 601.828704,255.879576 C601.828704,255.051149 601.157131,254.379576 600.328704,254.379576 C599.500276,254.379576 598.828704,255.051149 598.828704,255.879576 C598.828704,256.708003 599.500276,257.379576 600.328704,257.379576 L600.328704,257.379576 Z M610.328704,257.379576 C611.157131,257.379576 611.828704,256.708003 611.828704,255.879576 C611.828704,255.051149 611.157131,254.379576 610.328704,254.379576 C609.500276,254.379576 608.828704,255.051149 608.828704,255.879576 C608.828704,256.708003 609.500276,257.379576 610.328704,257.379576 L610.328704,257.379576 Z M620.328704,257.379576 C621.157131,257.379576 621.828704,256.708003 621.828704,255.879576 C621.828704,255.051149 621.157131,254.379576 620.328704,254.379576 C619.500276,254.379576 618.828704,255.051149 618.828704,255.879576 C618.828704,256.708003 619.500276,257.379576 620.328704,257.379576 L620.328704,257.379576 Z M630.328704,257.379576 C631.157131,257.379576 631.828704,256.708003 631.828704,255.879576 C631.828704,255.051149 631.157131,254.379576 630.328704,254.379576 C629.500276,254.379576 628.828704,255.051149 628.828704,255.879576 C628.828704,256.708003 629.500276,257.379576 630.328704,257.379576 L630.328704,257.379576 Z M640.328704,257.379576 C641.157131,257.379576 641.828704,256.708003 641.828704,255.879576 C641.828704,255.051149 641.157131,254.379576 640.328704,254.379576 C639.500276,254.379576 638.828704,255.051149 638.828704,255.879576 C638.828704,256.708003 639.500276,257.379576 640.328704,257.379576 L640.328704,257.379576 Z M650.328704,257.379576 C651.157131,257.379576 651.828704,256.708003 651.828704,255.879576 C651.828704,255.051149 651.157131,254.379576 650.328704,254.379576 C649.500276,254.379576 648.828704,255.051149 648.828704,255.879576 C648.828704,256.708003 649.500276,257.379576 650.328704,257.379576 L650.328704,257.379576 Z M660.328704,257.379576 C661.157131,257.379576 661.828704,256.708003 661.828704,255.879576 C661.828704,255.051149 661.157131,254.379576 660.328704,254.379576 C659.500276,254.379576 658.828704,255.051149 658.828704,255.879576 C658.828704,256.708003 659.500276,257.379576 660.328704,257.379576 L660.328704,257.379576 Z M670.328704,257.379576 C671.157131,257.379576 671.828704,256.708003 671.828704,255.879576 C671.828704,255.051149 671.157131,254.379576 670.328704,254.379576 C669.500276,254.379576 668.828704,255.051149 668.828704,255.879576 C668.828704,256.708003 669.500276,257.379576 670.328704,257.379576 L670.328704,257.379576 Z M681.328704,257.379576 C682.157131,257.379576 682.828704,256.708003 682.828704,255.879576 C682.828704,255.051149 682.157131,254.379576 681.328704,254.379576 C680.500276,254.379576 679.828704,255.051149 679.828704,255.879576 C679.828704,256.708003 680.500276,257.379576 681.328704,257.379576 L681.328704,257.379576 Z M691.328704,257.379576 C692.157131,257.379576 692.828704,256.708003 692.828704,255.879576 C692.828704,255.051149 692.157131,254.379576 691.328704,254.379576 C690.500276,254.379576 689.828704,255.051149 689.828704,255.879576 C689.828704,256.708003 690.500276,257.379576 691.328704,257.379576 L691.328704,257.379576 Z M701.328704,257.379576 C702.157131,257.379576 702.828704,256.708003 702.828704,255.879576 C702.828704,255.051149 702.157131,254.379576 701.328704,254.379576 C700.500276,254.379576 699.828704,255.051149 699.828704,255.879576 C699.828704,256.708003 700.500276,257.379576 701.328704,257.379576 L701.328704,257.379576 Z M711.328704,257.379576 C712.157131,257.379576 712.828704,256.708003 712.828704,255.879576 C712.828704,255.051149 712.157131,254.379576 711.328704,254.379576 C710.500276,254.379576 709.828704,255.051149 709.828704,255.879576 C709.828704,256.708003 710.500276,257.379576 711.328704,257.379576 L711.328704,257.379576 Z M721.328704,257.379576 C722.157131,257.379576 722.828704,256.708003 722.828704,255.879576 C722.828704,255.051149 722.157131,254.379576 721.328704,254.379576 C720.500276,254.379576 719.828704,255.051149 719.828704,255.879576 C719.828704,256.708003 720.500276,257.379576 721.328704,257.379576 L721.328704,257.379576 Z M731.328704,257.379576 C732.157131,257.379576 732.828704,256.708003 732.828704,255.879576 C732.828704,255.051149 732.157131,254.379576 731.328704,254.379576 C730.500276,254.379576 729.828704,255.051149 729.828704,255.879576 C729.828704,256.708003 730.500276,257.379576 731.328704,257.379576 L731.328704,257.379576 Z M741.328704,257.379576 C742.157131,257.379576 742.828704,256.708003 742.828704,255.879576 C742.828704,255.051149 742.157131,254.379576 741.328704,254.379576 C740.500276,254.379576 739.828704,255.051149 739.828704,255.879576 C739.828704,256.708003 740.500276,257.379576 741.328704,257.379576 L741.328704,257.379576 Z M751.328704,257.379576 C752.157131,257.379576 752.828704,256.708003 752.828704,255.879576 C752.828704,255.051149 752.157131,254.379576 751.328704,254.379576 C750.500276,254.379576 749.828704,255.051149 749.828704,255.879576 C749.828704,256.708003 750.500276,257.379576 751.328704,257.379576 L751.328704,257.379576 Z M2.19109278,257.076618 C3.0195199,257.076618 3.69109278,256.405045 3.69109278,255.576618 C3.69109278,254.748191 3.0195199,254.076618 2.19109278,254.076618 C1.36266565,254.076618 0.691092778,254.748191 0.691092778,255.576618 C0.691092778,256.405045 1.36266565,257.076618 2.19109278,257.076618 L2.19109278,257.076618 Z" id="Oval-233-Copy" fill="#222428"></path>
13 |                         <path d="M710.16263,86.0154987 L668.888322,87.9809419 L668.867658,87.8959904 L668.428369,88.0028444 L667.976783,88.0243485 L667.980942,88.1116781 L631.440063,97 L591.918246,97 L591.903804,96.9195324 L591.455484,97 L591,97 L591,97.0817535 L552.67079,103.961355 L474.00529,24.3000901 L474.012652,24.0129806 L473.714213,24.0053283 L473.504447,23.7929072 L473.30009,23.9947098 L395.632041,22.0032213 L357.06386,1.23573903 L357.089494,1.1094914 L356.671951,1.02471107 L356.296814,0.822714539 L356.235739,0.936140159 L356.109491,0.910506123 L356.024711,1.32804921 L355.822715,1.70318564 L355.93614,1.76426097 L316.038613,198.259584 L277.295838,238.989167 L237.746942,237.011722 L237.571369,236.796504 L237.332928,236.991022 L237.025593,236.975655 L237.011722,237.253058 L199.55757,267.807762 L199.54582,267.794379 L199.176912,268.118298 L198.796504,268.428631 L198.807762,268.44243 L158.222492,304.078276 L118.339003,323.022934 L80.5648118,330.975395 L41.9446271,312.160433 L41.8983393,311.915769 L41.5699475,311.977897 L41.2694898,311.83152 L41.1604334,312.055373 L4.40705417,319.008715 L3.91576904,319.101661 L4.10166071,320.084231 L4.59294583,319.991285 L41.4300525,313.022103 L80.0611166,331.842365 L80.1137303,332.09228 L80.4351882,332.024605 L80.7305102,332.16848 L80.8423648,331.938883 L118.217424,324.07045 L118.26289,324.166167 L118.660997,323.977066 L119.09228,323.88627 L119.07045,323.782576 L158.373433,305.113659 L158.45418,305.205621 L158.777508,304.921724 L159.166167,304.73711 L159.113659,304.626567 L199.823088,268.881702 L237.667072,238.008978 L277.289783,239.990114 L277.517672,240.206886 L277.704162,240.010833 L277.974407,240.024345 L277.990114,239.710217 L316.671615,199.045048 L316.890509,199.089494 L316.961387,198.740416 L317.206886,198.482328 L317.045048,198.328385 L356.855978,2.25955816 L394.992285,22.7944926 L394.987348,22.9870194 L395.367959,22.9967787 L395.703186,23.1772855 L395.794493,23.0077154 L473.285787,24.9946717 L552.035262,104.740975 L552.096196,105.080468 L552.32921,105.038645 L552.495553,105.207093 L552.740975,104.964738 L591.544516,98 L631.107042,98 L631.132342,98.1040096 L631.559937,98 L632,98 L632,97.8929576 L668.571631,88.9971556 L710.409618,87.0048705 L750.30443,103.960165 L750.764595,104.155736 L751.155736,103.235405 L750.69557,103.039835 L710.984501,86.1626302 L710.975651,85.9767834 L710.590382,85.9951295 L710.235405,85.8442642 L710.16263,86.0154987 L710.16263,86.0154987 Z" id="Line" stroke="#21CE99" fill="#21CE99"></path>
14 |                     </g>
15 |                 </g>
16 |             </g>
17 |         </g>
18 |     </g>
19 | </svg>


--------------------------------------------------------------------------------
/static/img/graph-red-lrg.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 2 | <svg width="753px" height="333px" viewBox="0 0 753 333" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
 3 |     <!-- Generator: Sketch 3.6.1 (26313) - http://www.bohemiancoding.com/sketch -->
 4 |     <title>Group</title>
 5 |     <desc>Created with Sketch.</desc>
 6 |     <defs></defs>
 7 |     <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
 8 |         <g id="graph-red-lrg">
 9 |             <g id="Page-1">
10 |                 <g id="graph-green-lrg">
11 |                     <g id="Page-1">
12 |                         <g id="iPad-Portrait">
13 |                             <g id="Group" transform="translate(376.500000, 166.500000) scale(1, -1) translate(-376.500000, -166.500000) ">
14 |                                 <path d="M12.3287035,257.379576 C13.1571307,257.379576 13.8287035,256.708003 13.8287035,255.879576 C13.8287035,255.051149 13.1571307,254.379576 12.3287035,254.379576 C11.5002764,254.379576 10.8287035,255.051149 10.8287035,255.879576 C10.8287035,256.708003 11.5002764,257.379576 12.3287035,257.379576 L12.3287035,257.379576 L12.3287035,257.379576 Z M22.3287035,257.379576 C23.1571307,257.379576 23.8287035,256.708003 23.8287035,255.879576 C23.8287035,255.051149 23.1571307,254.379576 22.3287035,254.379576 C21.5002764,254.379576 20.8287035,255.051149 20.8287035,255.879576 C20.8287035,256.708003 21.5002764,257.379576 22.3287035,257.379576 L22.3287035,257.379576 L22.3287035,257.379576 Z M32.3287035,257.379576 C33.1571307,257.379576 33.8287035,256.708003 33.8287035,255.879576 C33.8287035,255.051149 33.1571307,254.379576 32.3287035,254.379576 C31.5002764,254.379576 30.8287035,255.051149 30.8287035,255.879576 C30.8287035,256.708003 31.5002764,257.379576 32.3287035,257.379576 L32.3287035,257.379576 L32.3287035,257.379576 Z M42.3287035,257.379576 C43.1571307,257.379576 43.8287035,256.708003 43.8287035,255.879576 C43.8287035,255.051149 43.1571307,254.379576 42.3287035,254.379576 C41.5002764,254.379576 40.8287035,255.051149 40.8287035,255.879576 C40.8287035,256.708003 41.5002764,257.379576 42.3287035,257.379576 L42.3287035,257.379576 L42.3287035,257.379576 Z M52.3287035,257.379576 C53.1571307,257.379576 53.8287035,256.708003 53.8287035,255.879576 C53.8287035,255.051149 53.1571307,254.379576 52.3287035,254.379576 C51.5002764,254.379576 50.8287035,255.051149 50.8287035,255.879576 C50.8287035,256.708003 51.5002764,257.379576 52.3287035,257.379576 L52.3287035,257.379576 L52.3287035,257.379576 Z M62.3287035,257.379576 C63.1571307,257.379576 63.8287035,256.708003 63.8287035,255.879576 C63.8287035,255.051149 63.1571307,254.379576 62.3287035,254.379576 C61.5002764,254.379576 60.8287035,255.051149 60.8287035,255.879576 C60.8287035,256.708003 61.5002764,257.379576 62.3287035,257.379576 L62.3287035,257.379576 L62.3287035,257.379576 Z M72.3287035,257.379576 C73.1571307,257.379576 73.8287035,256.708003 73.8287035,255.879576 C73.8287035,255.051149 73.1571307,254.379576 72.3287035,254.379576 C71.5002764,254.379576 70.8287035,255.051149 70.8287035,255.879576 C70.8287035,256.708003 71.5002764,257.379576 72.3287035,257.379576 L72.3287035,257.379576 L72.3287035,257.379576 Z M82.3287035,257.379576 C83.1571307,257.379576 83.8287035,256.708003 83.8287035,255.879576 C83.8287035,255.051149 83.1571307,254.379576 82.3287035,254.379576 C81.5002764,254.379576 80.8287035,255.051149 80.8287035,255.879576 C80.8287035,256.708003 81.5002764,257.379576 82.3287035,257.379576 L82.3287035,257.379576 L82.3287035,257.379576 Z M92.3287035,257.379576 C93.1571307,257.379576 93.8287035,256.708003 93.8287035,255.879576 C93.8287035,255.051149 93.1571307,254.379576 92.3287035,254.379576 C91.5002764,254.379576 90.8287035,255.051149 90.8287035,255.879576 C90.8287035,256.708003 91.5002764,257.379576 92.3287035,257.379576 L92.3287035,257.379576 L92.3287035,257.379576 Z M102.328704,257.379576 C103.157131,257.379576 103.828704,256.708003 103.828704,255.879576 C103.828704,255.051149 103.157131,254.379576 102.328704,254.379576 C101.500276,254.379576 100.828704,255.051149 100.828704,255.879576 C100.828704,256.708003 101.500276,257.379576 102.328704,257.379576 L102.328704,257.379576 L102.328704,257.379576 Z M112.328704,257.379576 C113.157131,257.379576 113.828704,256.708003 113.828704,255.879576 C113.828704,255.051149 113.157131,254.379576 112.328704,254.379576 C111.500276,254.379576 110.828704,255.051149 110.828704,255.879576 C110.828704,256.708003 111.500276,257.379576 112.328704,257.379576 L112.328704,257.379576 L112.328704,257.379576 Z M122.328704,257.379576 C123.157131,257.379576 123.828704,256.708003 123.828704,255.879576 C123.828704,255.051149 123.157131,254.379576 122.328704,254.379576 C121.500276,254.379576 120.828704,255.051149 120.828704,255.879576 C120.828704,256.708003 121.500276,257.379576 122.328704,257.379576 L122.328704,257.379576 L122.328704,257.379576 Z M132.328704,257.379576 C133.157131,257.379576 133.828704,256.708003 133.828704,255.879576 C133.828704,255.051149 133.157131,254.379576 132.328704,254.379576 C131.500276,254.379576 130.828704,255.051149 130.828704,255.879576 C130.828704,256.708003 131.500276,257.379576 132.328704,257.379576 L132.328704,257.379576 L132.328704,257.379576 Z M142.328704,257.379576 C143.157131,257.379576 143.828704,256.708003 143.828704,255.879576 C143.828704,255.051149 143.157131,254.379576 142.328704,254.379576 C141.500276,254.379576 140.828704,255.051149 140.828704,255.879576 C140.828704,256.708003 141.500276,257.379576 142.328704,257.379576 L142.328704,257.379576 L142.328704,257.379576 Z M152.328704,257.379576 C153.157131,257.379576 153.828704,256.708003 153.828704,255.879576 C153.828704,255.051149 153.157131,254.379576 152.328704,254.379576 C151.500276,254.379576 150.828704,255.051149 150.828704,255.879576 C150.828704,256.708003 151.500276,257.379576 152.328704,257.379576 L152.328704,257.379576 L152.328704,257.379576 Z M162.328704,257.379576 C163.157131,257.379576 163.828704,256.708003 163.828704,255.879576 C163.828704,255.051149 163.157131,254.379576 162.328704,254.379576 C161.500276,254.379576 160.828704,255.051149 160.828704,255.879576 C160.828704,256.708003 161.500276,257.379576 162.328704,257.379576 L162.328704,257.379576 L162.328704,257.379576 Z M172.328704,257.379576 C173.157131,257.379576 173.828704,256.708003 173.828704,255.879576 C173.828704,255.051149 173.157131,254.379576 172.328704,254.379576 C171.500276,254.379576 170.828704,255.051149 170.828704,255.879576 C170.828704,256.708003 171.500276,257.379576 172.328704,257.379576 L172.328704,257.379576 L172.328704,257.379576 Z M182.328704,257.379576 C183.157131,257.379576 183.828704,256.708003 183.828704,255.879576 C183.828704,255.051149 183.157131,254.379576 182.328704,254.379576 C181.500276,254.379576 180.828704,255.051149 180.828704,255.879576 C180.828704,256.708003 181.500276,257.379576 182.328704,257.379576 L182.328704,257.379576 L182.328704,257.379576 Z M192.328704,257.379576 C193.157131,257.379576 193.828704,256.708003 193.828704,255.879576 C193.828704,255.051149 193.157131,254.379576 192.328704,254.379576 C191.500276,254.379576 190.828704,255.051149 190.828704,255.879576 C190.828704,256.708003 191.500276,257.379576 192.328704,257.379576 L192.328704,257.379576 L192.328704,257.379576 Z M202.328704,257.379576 C203.157131,257.379576 203.828704,256.708003 203.828704,255.879576 C203.828704,255.051149 203.157131,254.379576 202.328704,254.379576 C201.500276,254.379576 200.828704,255.051149 200.828704,255.879576 C200.828704,256.708003 201.500276,257.379576 202.328704,257.379576 L202.328704,257.379576 L202.328704,257.379576 Z M212.328704,257.379576 C213.157131,257.379576 213.828704,256.708003 213.828704,255.879576 C213.828704,255.051149 213.157131,254.379576 212.328704,254.379576 C211.500276,254.379576 210.828704,255.051149 210.828704,255.879576 C210.828704,256.708003 211.500276,257.379576 212.328704,257.379576 L212.328704,257.379576 L212.328704,257.379576 Z M222.328704,257.379576 C223.157131,257.379576 223.828704,256.708003 223.828704,255.879576 C223.828704,255.051149 223.157131,254.379576 222.328704,254.379576 C221.500276,254.379576 220.828704,255.051149 220.828704,255.879576 C220.828704,256.708003 221.500276,257.379576 222.328704,257.379576 L222.328704,257.379576 L222.328704,257.379576 Z M232.328704,257.379576 C233.157131,257.379576 233.828704,256.708003 233.828704,255.879576 C233.828704,255.051149 233.157131,254.379576 232.328704,254.379576 C231.500276,254.379576 230.828704,255.051149 230.828704,255.879576 C230.828704,256.708003 231.500276,257.379576 232.328704,257.379576 L232.328704,257.379576 L232.328704,257.379576 Z M242.328704,257.379576 C243.157131,257.379576 243.828704,256.708003 243.828704,255.879576 C243.828704,255.051149 243.157131,254.379576 242.328704,254.379576 C241.500276,254.379576 240.828704,255.051149 240.828704,255.879576 C240.828704,256.708003 241.500276,257.379576 242.328704,257.379576 L242.328704,257.379576 L242.328704,257.379576 Z M252.328704,257.379576 C253.157131,257.379576 253.828704,256.708003 253.828704,255.879576 C253.828704,255.051149 253.157131,254.379576 252.328704,254.379576 C251.500276,254.379576 250.828704,255.051149 250.828704,255.879576 C250.828704,256.708003 251.500276,257.379576 252.328704,257.379576 L252.328704,257.379576 L252.328704,257.379576 Z M262.328704,257.379576 C263.157131,257.379576 263.828704,256.708003 263.828704,255.879576 C263.828704,255.051149 263.157131,254.379576 262.328704,254.379576 C261.500276,254.379576 260.828704,255.051149 260.828704,255.879576 C260.828704,256.708003 261.500276,257.379576 262.328704,257.379576 L262.328704,257.379576 L262.328704,257.379576 Z M272.328704,257.379576 C273.157131,257.379576 273.828704,256.708003 273.828704,255.879576 C273.828704,255.051149 273.157131,254.379576 272.328704,254.379576 C271.500276,254.379576 270.828704,255.051149 270.828704,255.879576 C270.828704,256.708003 271.500276,257.379576 272.328704,257.379576 L272.328704,257.379576 L272.328704,257.379576 Z M282.328704,257.379576 C283.157131,257.379576 283.828704,256.708003 283.828704,255.879576 C283.828704,255.051149 283.157131,254.379576 282.328704,254.379576 C281.500276,254.379576 280.828704,255.051149 280.828704,255.879576 C280.828704,256.708003 281.500276,257.379576 282.328704,257.379576 L282.328704,257.379576 L282.328704,257.379576 Z M292.328704,257.379576 C293.157131,257.379576 293.828704,256.708003 293.828704,255.879576 C293.828704,255.051149 293.157131,254.379576 292.328704,254.379576 C291.500276,254.379576 290.828704,255.051149 290.828704,255.879576 C290.828704,256.708003 291.500276,257.379576 292.328704,257.379576 L292.328704,257.379576 L292.328704,257.379576 Z M301.328704,257.379576 C302.157131,257.379576 302.828704,256.708003 302.828704,255.879576 C302.828704,255.051149 302.157131,254.379576 301.328704,254.379576 C300.500276,254.379576 299.828704,255.051149 299.828704,255.879576 C299.828704,256.708003 300.500276,257.379576 301.328704,257.379576 L301.328704,257.379576 L301.328704,257.379576 Z M311.328704,257.379576 C312.157131,257.379576 312.828704,256.708003 312.828704,255.879576 C312.828704,255.051149 312.157131,254.379576 311.328704,254.379576 C310.500276,254.379576 309.828704,255.051149 309.828704,255.879576 C309.828704,256.708003 310.500276,257.379576 311.328704,257.379576 L311.328704,257.379576 L311.328704,257.379576 Z M321.328704,257.379576 C322.157131,257.379576 322.828704,256.708003 322.828704,255.879576 C322.828704,255.051149 322.157131,254.379576 321.328704,254.379576 C320.500276,254.379576 319.828704,255.051149 319.828704,255.879576 C319.828704,256.708003 320.500276,257.379576 321.328704,257.379576 L321.328704,257.379576 L321.328704,257.379576 Z M331.328704,257.379576 C332.157131,257.379576 332.828704,256.708003 332.828704,255.879576 C332.828704,255.051149 332.157131,254.379576 331.328704,254.379576 C330.500276,254.379576 329.828704,255.051149 329.828704,255.879576 C329.828704,256.708003 330.500276,257.379576 331.328704,257.379576 L331.328704,257.379576 L331.328704,257.379576 Z M341.328704,257.379576 C342.157131,257.379576 342.828704,256.708003 342.828704,255.879576 C342.828704,255.051149 342.157131,254.379576 341.328704,254.379576 C340.500276,254.379576 339.828704,255.051149 339.828704,255.879576 C339.828704,256.708003 340.500276,257.379576 341.328704,257.379576 L341.328704,257.379576 L341.328704,257.379576 Z M351.328704,257.379576 C352.157131,257.379576 352.828704,256.708003 352.828704,255.879576 C352.828704,255.051149 352.157131,254.379576 351.328704,254.379576 C350.500276,254.379576 349.828704,255.051149 349.828704,255.879576 C349.828704,256.708003 350.500276,257.379576 351.328704,257.379576 L351.328704,257.379576 L351.328704,257.379576 Z M361.328704,257.379576 C362.157131,257.379576 362.828704,256.708003 362.828704,255.879576 C362.828704,255.051149 362.157131,254.379576 361.328704,254.379576 C360.500276,254.379576 359.828704,255.051149 359.828704,255.879576 C359.828704,256.708003 360.500276,257.379576 361.328704,257.379576 L361.328704,257.379576 L361.328704,257.379576 Z M371.328704,257.379576 C372.157131,257.379576 372.828704,256.708003 372.828704,255.879576 C372.828704,255.051149 372.157131,254.379576 371.328704,254.379576 C370.500276,254.379576 369.828704,255.051149 369.828704,255.879576 C369.828704,256.708003 370.500276,257.379576 371.328704,257.379576 L371.328704,257.379576 L371.328704,257.379576 Z M381.328704,257.379576 C382.157131,257.379576 382.828704,256.708003 382.828704,255.879576 C382.828704,255.051149 382.157131,254.379576 381.328704,254.379576 C380.500276,254.379576 379.828704,255.051149 379.828704,255.879576 C379.828704,256.708003 380.500276,257.379576 381.328704,257.379576 L381.328704,257.379576 L381.328704,257.379576 Z M391.328704,257.379576 C392.157131,257.379576 392.828704,256.708003 392.828704,255.879576 C392.828704,255.051149 392.157131,254.379576 391.328704,254.379576 C390.500276,254.379576 389.828704,255.051149 389.828704,255.879576 C389.828704,256.708003 390.500276,257.379576 391.328704,257.379576 L391.328704,257.379576 L391.328704,257.379576 Z M401.328704,257.379576 C402.157131,257.379576 402.828704,256.708003 402.828704,255.879576 C402.828704,255.051149 402.157131,254.379576 401.328704,254.379576 C400.500276,254.379576 399.828704,255.051149 399.828704,255.879576 C399.828704,256.708003 400.500276,257.379576 401.328704,257.379576 L401.328704,257.379576 L401.328704,257.379576 Z M411.328704,257.379576 C412.157131,257.379576 412.828704,256.708003 412.828704,255.879576 C412.828704,255.051149 412.157131,254.379576 411.328704,254.379576 C410.500276,254.379576 409.828704,255.051149 409.828704,255.879576 C409.828704,256.708003 410.500276,257.379576 411.328704,257.379576 L411.328704,257.379576 L411.328704,257.379576 Z M421.328704,257.379576 C422.157131,257.379576 422.828704,256.708003 422.828704,255.879576 C422.828704,255.051149 422.157131,254.379576 421.328704,254.379576 C420.500276,254.379576 419.828704,255.051149 419.828704,255.879576 C419.828704,256.708003 420.500276,257.379576 421.328704,257.379576 L421.328704,257.379576 L421.328704,257.379576 Z M431.328704,257.379576 C432.157131,257.379576 432.828704,256.708003 432.828704,255.879576 C432.828704,255.051149 432.157131,254.379576 431.328704,254.379576 C430.500276,254.379576 429.828704,255.051149 429.828704,255.879576 C429.828704,256.708003 430.500276,257.379576 431.328704,257.379576 L431.328704,257.379576 L431.328704,257.379576 Z M441.328704,257.379576 C442.157131,257.379576 442.828704,256.708003 442.828704,255.879576 C442.828704,255.051149 442.157131,254.379576 441.328704,254.379576 C440.500276,254.379576 439.828704,255.051149 439.828704,255.879576 C439.828704,256.708003 440.500276,257.379576 441.328704,257.379576 L441.328704,257.379576 L441.328704,257.379576 Z M451.328704,257.379576 C452.157131,257.379576 452.828704,256.708003 452.828704,255.879576 C452.828704,255.051149 452.157131,254.379576 451.328704,254.379576 C450.500276,254.379576 449.828704,255.051149 449.828704,255.879576 C449.828704,256.708003 450.500276,257.379576 451.328704,257.379576 L451.328704,257.379576 L451.328704,257.379576 Z M461.328704,257.379576 C462.157131,257.379576 462.828704,256.708003 462.828704,255.879576 C462.828704,255.051149 462.157131,254.379576 461.328704,254.379576 C460.500276,254.379576 459.828704,255.051149 459.828704,255.879576 C459.828704,256.708003 460.500276,257.379576 461.328704,257.379576 L461.328704,257.379576 L461.328704,257.379576 Z M471.328704,257.379576 C472.157131,257.379576 472.828704,256.708003 472.828704,255.879576 C472.828704,255.051149 472.157131,254.379576 471.328704,254.379576 C470.500276,254.379576 469.828704,255.051149 469.828704,255.879576 C469.828704,256.708003 470.500276,257.379576 471.328704,257.379576 L471.328704,257.379576 L471.328704,257.379576 Z M481.328704,257.379576 C482.157131,257.379576 482.828704,256.708003 482.828704,255.879576 C482.828704,255.051149 482.157131,254.379576 481.328704,254.379576 C480.500276,254.379576 479.828704,255.051149 479.828704,255.879576 C479.828704,256.708003 480.500276,257.379576 481.328704,257.379576 L481.328704,257.379576 L481.328704,257.379576 Z M490.328704,257.379576 C491.157131,257.379576 491.828704,256.708003 491.828704,255.879576 C491.828704,255.051149 491.157131,254.379576 490.328704,254.379576 C489.500276,254.379576 488.828704,255.051149 488.828704,255.879576 C488.828704,256.708003 489.500276,257.379576 490.328704,257.379576 L490.328704,257.379576 L490.328704,257.379576 Z M501.328704,257.379576 C502.157131,257.379576 502.828704,256.708003 502.828704,255.879576 C502.828704,255.051149 502.157131,254.379576 501.328704,254.379576 C500.500276,254.379576 499.828704,255.051149 499.828704,255.879576 C499.828704,256.708003 500.500276,257.379576 501.328704,257.379576 L501.328704,257.379576 L501.328704,257.379576 Z M511.328704,257.379576 C512.157131,257.379576 512.828704,256.708003 512.828704,255.879576 C512.828704,255.051149 512.157131,254.379576 511.328704,254.379576 C510.500276,254.379576 509.828704,255.051149 509.828704,255.879576 C509.828704,256.708003 510.500276,257.379576 511.328704,257.379576 L511.328704,257.379576 L511.328704,257.379576 Z M521.328704,257.379576 C522.157131,257.379576 522.828704,256.708003 522.828704,255.879576 C522.828704,255.051149 522.157131,254.379576 521.328704,254.379576 C520.500276,254.379576 519.828704,255.051149 519.828704,255.879576 C519.828704,256.708003 520.500276,257.379576 521.328704,257.379576 L521.328704,257.379576 L521.328704,257.379576 Z M531.328704,257.379576 C532.157131,257.379576 532.828704,256.708003 532.828704,255.879576 C532.828704,255.051149 532.157131,254.379576 531.328704,254.379576 C530.500276,254.379576 529.828704,255.051149 529.828704,255.879576 C529.828704,256.708003 530.500276,257.379576 531.328704,257.379576 L531.328704,257.379576 L531.328704,257.379576 Z M541.328704,257.379576 C542.157131,257.379576 542.828704,256.708003 542.828704,255.879576 C542.828704,255.051149 542.157131,254.379576 541.328704,254.379576 C540.500276,254.379576 539.828704,255.051149 539.828704,255.879576 C539.828704,256.708003 540.500276,257.379576 541.328704,257.379576 L541.328704,257.379576 L541.328704,257.379576 Z M550.328704,257.379576 C551.157131,257.379576 551.828704,256.708003 551.828704,255.879576 C551.828704,255.051149 551.157131,254.379576 550.328704,254.379576 C549.500276,254.379576 548.828704,255.051149 548.828704,255.879576 C548.828704,256.708003 549.500276,257.379576 550.328704,257.379576 L550.328704,257.379576 L550.328704,257.379576 Z M560.328704,257.379576 C561.157131,257.379576 561.828704,256.708003 561.828704,255.879576 C561.828704,255.051149 561.157131,254.379576 560.328704,254.379576 C559.500276,254.379576 558.828704,255.051149 558.828704,255.879576 C558.828704,256.708003 559.500276,257.379576 560.328704,257.379576 L560.328704,257.379576 L560.328704,257.379576 Z M570.328704,257.379576 C571.157131,257.379576 571.828704,256.708003 571.828704,255.879576 C571.828704,255.051149 571.157131,254.379576 570.328704,254.379576 C569.500276,254.379576 568.828704,255.051149 568.828704,255.879576 C568.828704,256.708003 569.500276,257.379576 570.328704,257.379576 L570.328704,257.379576 L570.328704,257.379576 Z M580.328704,257.379576 C581.157131,257.379576 581.828704,256.708003 581.828704,255.879576 C581.828704,255.051149 581.157131,254.379576 580.328704,254.379576 C579.500276,254.379576 578.828704,255.051149 578.828704,255.879576 C578.828704,256.708003 579.500276,257.379576 580.328704,257.379576 L580.328704,257.379576 L580.328704,257.379576 Z M590.328704,257.379576 C591.157131,257.379576 591.828704,256.708003 591.828704,255.879576 C591.828704,255.051149 591.157131,254.379576 590.328704,254.379576 C589.500276,254.379576 588.828704,255.051149 588.828704,255.879576 C588.828704,256.708003 589.500276,257.379576 590.328704,257.379576 L590.328704,257.379576 L590.328704,257.379576 Z M600.328704,257.379576 C601.157131,257.379576 601.828704,256.708003 601.828704,255.879576 C601.828704,255.051149 601.157131,254.379576 600.328704,254.379576 C599.500276,254.379576 598.828704,255.051149 598.828704,255.879576 C598.828704,256.708003 599.500276,257.379576 600.328704,257.379576 L600.328704,257.379576 L600.328704,257.379576 Z M610.328704,257.379576 C611.157131,257.379576 611.828704,256.708003 611.828704,255.879576 C611.828704,255.051149 611.157131,254.379576 610.328704,254.379576 C609.500276,254.379576 608.828704,255.051149 608.828704,255.879576 C608.828704,256.708003 609.500276,257.379576 610.328704,257.379576 L610.328704,257.379576 L610.328704,257.379576 Z M620.328704,257.379576 C621.157131,257.379576 621.828704,256.708003 621.828704,255.879576 C621.828704,255.051149 621.157131,254.379576 620.328704,254.379576 C619.500276,254.379576 618.828704,255.051149 618.828704,255.879576 C618.828704,256.708003 619.500276,257.379576 620.328704,257.379576 L620.328704,257.379576 L620.328704,257.379576 Z M630.328704,257.379576 C631.157131,257.379576 631.828704,256.708003 631.828704,255.879576 C631.828704,255.051149 631.157131,254.379576 630.328704,254.379576 C629.500276,254.379576 628.828704,255.051149 628.828704,255.879576 C628.828704,256.708003 629.500276,257.379576 630.328704,257.379576 L630.328704,257.379576 L630.328704,257.379576 Z M640.328704,257.379576 C641.157131,257.379576 641.828704,256.708003 641.828704,255.879576 C641.828704,255.051149 641.157131,254.379576 640.328704,254.379576 C639.500276,254.379576 638.828704,255.051149 638.828704,255.879576 C638.828704,256.708003 639.500276,257.379576 640.328704,257.379576 L640.328704,257.379576 L640.328704,257.379576 Z M650.328704,257.379576 C651.157131,257.379576 651.828704,256.708003 651.828704,255.879576 C651.828704,255.051149 651.157131,254.379576 650.328704,254.379576 C649.500276,254.379576 648.828704,255.051149 648.828704,255.879576 C648.828704,256.708003 649.500276,257.379576 650.328704,257.379576 L650.328704,257.379576 L650.328704,257.379576 Z M660.328704,257.379576 C661.157131,257.379576 661.828704,256.708003 661.828704,255.879576 C661.828704,255.051149 661.157131,254.379576 660.328704,254.379576 C659.500276,254.379576 658.828704,255.051149 658.828704,255.879576 C658.828704,256.708003 659.500276,257.379576 660.328704,257.379576 L660.328704,257.379576 L660.328704,257.379576 Z M670.328704,257.379576 C671.157131,257.379576 671.828704,256.708003 671.828704,255.879576 C671.828704,255.051149 671.157131,254.379576 670.328704,254.379576 C669.500276,254.379576 668.828704,255.051149 668.828704,255.879576 C668.828704,256.708003 669.500276,257.379576 670.328704,257.379576 L670.328704,257.379576 L670.328704,257.379576 Z M681.328704,257.379576 C682.157131,257.379576 682.828704,256.708003 682.828704,255.879576 C682.828704,255.051149 682.157131,254.379576 681.328704,254.379576 C680.500276,254.379576 679.828704,255.051149 679.828704,255.879576 C679.828704,256.708003 680.500276,257.379576 681.328704,257.379576 L681.328704,257.379576 L681.328704,257.379576 Z M691.328704,257.379576 C692.157131,257.379576 692.828704,256.708003 692.828704,255.879576 C692.828704,255.051149 692.157131,254.379576 691.328704,254.379576 C690.500276,254.379576 689.828704,255.051149 689.828704,255.879576 C689.828704,256.708003 690.500276,257.379576 691.328704,257.379576 L691.328704,257.379576 L691.328704,257.379576 Z M701.328704,257.379576 C702.157131,257.379576 702.828704,256.708003 702.828704,255.879576 C702.828704,255.051149 702.157131,254.379576 701.328704,254.379576 C700.500276,254.379576 699.828704,255.051149 699.828704,255.879576 C699.828704,256.708003 700.500276,257.379576 701.328704,257.379576 L701.328704,257.379576 L701.328704,257.379576 Z M711.328704,257.379576 C712.157131,257.379576 712.828704,256.708003 712.828704,255.879576 C712.828704,255.051149 712.157131,254.379576 711.328704,254.379576 C710.500276,254.379576 709.828704,255.051149 709.828704,255.879576 C709.828704,256.708003 710.500276,257.379576 711.328704,257.379576 L711.328704,257.379576 L711.328704,257.379576 Z M721.328704,257.379576 C722.157131,257.379576 722.828704,256.708003 722.828704,255.879576 C722.828704,255.051149 722.157131,254.379576 721.328704,254.379576 C720.500276,254.379576 719.828704,255.051149 719.828704,255.879576 C719.828704,256.708003 720.500276,257.379576 721.328704,257.379576 L721.328704,257.379576 L721.328704,257.379576 Z M731.328704,257.379576 C732.157131,257.379576 732.828704,256.708003 732.828704,255.879576 C732.828704,255.051149 732.157131,254.379576 731.328704,254.379576 C730.500276,254.379576 729.828704,255.051149 729.828704,255.879576 C729.828704,256.708003 730.500276,257.379576 731.328704,257.379576 L731.328704,257.379576 L731.328704,257.379576 Z M741.328704,257.379576 C742.157131,257.379576 742.828704,256.708003 742.828704,255.879576 C742.828704,255.051149 742.157131,254.379576 741.328704,254.379576 C740.500276,254.379576 739.828704,255.051149 739.828704,255.879576 C739.828704,256.708003 740.500276,257.379576 741.328704,257.379576 L741.328704,257.379576 L741.328704,257.379576 Z M751.328704,257.379576 C752.157131,257.379576 752.828704,256.708003 752.828704,255.879576 C752.828704,255.051149 752.157131,254.379576 751.328704,254.379576 C750.500276,254.379576 749.828704,255.051149 749.828704,255.879576 C749.828704,256.708003 750.500276,257.379576 751.328704,257.379576 L751.328704,257.379576 L751.328704,257.379576 Z M2.19109278,257.076618 C3.0195199,257.076618 3.69109278,256.405045 3.69109278,255.576618 C3.69109278,254.748191 3.0195199,254.076618 2.19109278,254.076618 C1.36266565,254.076618 0.691092778,254.748191 0.691092778,255.576618 C0.691092778,256.405045 1.36266565,257.076618 2.19109278,257.076618 L2.19109278,257.076618 L2.19109278,257.076618 Z" id="Oval-233-Copy" fill="#222428"></path>
15 |                                 <path d="M710.16263,86.0154987 L668.888322,87.9809419 L668.867658,87.8959904 L668.428369,88.0028444 L667.976783,88.0243485 L667.980942,88.1116781 L631.440063,97 L591.918246,97 L591.903804,96.9195324 L591.455484,97 L591,97 L591,97.0817535 L552.67079,103.961355 L474.00529,24.3000901 L474.012652,24.0129806 L473.714213,24.0053283 L473.504447,23.7929072 L473.30009,23.9947098 L395.632041,22.0032213 L357.06386,1.23573903 L357.089494,1.1094914 L356.671951,1.02471107 L356.296814,0.822714539 L356.235739,0.936140159 L356.109491,0.910506123 L356.024711,1.32804921 L355.822715,1.70318564 L355.93614,1.76426097 L316.038613,198.259584 L277.295838,238.989167 L237.746942,237.011722 L237.571369,236.796504 L237.332928,236.991022 L237.025593,236.975655 L237.011722,237.253058 L199.55757,267.807762 L199.54582,267.794379 L199.176912,268.118298 L198.796504,268.428631 L198.807762,268.44243 L158.222492,304.078276 L118.339003,323.022934 L80.5648118,330.975395 L41.9446271,312.160433 L41.8983393,311.915769 L41.5699475,311.977897 L41.2694898,311.83152 L41.1604334,312.055373 L4.40705417,319.008715 L3.91576904,319.101661 L4.10166071,320.084231 L4.59294583,319.991285 L41.4300525,313.022103 L80.0611166,331.842365 L80.1137303,332.09228 L80.4351882,332.024605 L80.7305102,332.16848 L80.8423648,331.938883 L118.217424,324.07045 L118.26289,324.166167 L118.660997,323.977066 L119.09228,323.88627 L119.07045,323.782576 L158.373433,305.113659 L158.45418,305.205621 L158.777508,304.921724 L159.166167,304.73711 L159.113659,304.626567 L199.823088,268.881702 L237.667072,238.008978 L277.289783,239.990114 L277.517672,240.206886 L277.704162,240.010833 L277.974407,240.024345 L277.990114,239.710217 L316.671615,199.045048 L316.890509,199.089494 L316.961387,198.740416 L317.206886,198.482328 L317.045048,198.328385 L356.855978,2.25955816 L394.992285,22.7944926 L394.987348,22.9870194 L395.367959,22.9967787 L395.703186,23.1772855 L395.794493,23.0077154 L473.285787,24.9946717 L552.035262,104.740975 L552.096196,105.080468 L552.32921,105.038645 L552.495553,105.207093 L552.740975,104.964738 L591.544516,98 L631.107042,98 L631.132342,98.1040096 L631.559937,98 L632,98 L632,97.8929576 L668.571631,88.9971556 L710.409618,87.0048705 L750.30443,103.960165 L750.764595,104.155736 L751.155736,103.235405 L750.69557,103.039835 L710.984501,86.1626302 L710.975651,85.9767834 L710.590382,85.9951295 L710.235405,85.8442642 L710.16263,86.0154987 L710.16263,86.0154987 L710.16263,86.0154987 Z" id="Line" stroke="#FC4D2D" fill="#FC4D2D"></path>
16 |                             </g>
17 |                         </g>
18 |                     </g>
19 |                 </g>
20 |             </g>
21 |         </g>
22 |     </g>
23 | </svg>


--------------------------------------------------------------------------------