Added signin with email and signout screen

Author: auser

android/build.gradle

@@ -23,3 +23,4 @@ allprojects {
  }
  }
 }
+

app/components/DemoList/index.js

@@ -0,0 +1,56 @@
+import React, { PropTypes as T } from 'react';
+import {connect} from 'react-redux'
+
+import {
+ View,
+ Text
+} from 'react-native'
+
+import appStyles from '../../styles/app';
+import List from '../../components/List/List'
+
+export class DemoList extends React.Component {
+ static propTypes = {
+ routes: T.object.isRequired,
+ routeKey: T.string.isRequired
+ }
+
+ render() {
+ const { routes, routeKey } = this.props;
+
+ const initialRows = Object.keys(routes).map(key => {
+ const routeCfg = routes[key];
+ return { title: routeCfg.route.title, key: `${routeKey}.${key}` }
+ })
+ return (
+ <View style={appStyles.container}>
+ <List 
+ initialRows={initialRows}
+ renderRow={this._renderRow.bind(this)}
+ onRowPress={this._onRowPress.bind(this)}
+ />
+ </View>
+ )
+ }
+
+ _renderRow(rowData, sectionID, rowID, highlightRow) {
+ console.log(rowData)
+ return (
+ <View style={[appStyles.row]}>
+ <Text>{rowData.title}</Text>
+ </View>
+ )
+ }
+
+ _onRowPress(rowData) {
+ const rowKey = rowData.key;
+ const {actions} = this.props;
+ const {navigation} = actions;
+ navigation.push(rowKey, this.props);
+ }
+}
+
+const mapStateToProps = (state) => ({
+ firestack: state.firestack
+})
+export default connect(mapStateToProps)(DemoList)

app/routes.js

@@ -12,6 +12,7 @@ import Authentication, { Routes as AuthRoutes } from './views/Authentication';
 import Messaging, { Routes as MessagingRoutes } from './views/Messaging';
 import Presence, { Routes as PresenceRoutes } from './views/Presence'
 import Analytics, { Routes as AnalyticsRoutes } from './views/Analytics';
+import Storage, { Routes as StorageRoutes } from './views/Storage';
 
 export type Route = {
  key: String,
@@ -54,6 +55,13 @@ export const exampleRoutes = {
  Component: Messaging
  },
  children: MessagingRoutes
+ },
+ 'storage': {
+ route: {
+ title: 'Storage',
+ Component: Storage
+ },
+ children: StorageRoutes
  }
 }
 

app/views/Authentication/Demos/Email.js

@@ -0,0 +1,135 @@
+import React from 'react'
+
+import {
+ View,
+ Text,
+ NativeModules
+} from 'react-native'
+
+import env from '../../../../config/environment';
+
+import { Container, Header, Title, Content, List, ListItem, InputGroup, Input, Icon, Button } from 'native-base';
+
+import SignedIn from '../components/SignedIn';
+import appStyles from '../../../styles/app';
+
+export class Email extends React.Component {
+
+ constructor(props) {
+ super(props);
+
+ this.state = {
+ user: null,
+ email: '',
+ password: ''
+ }
+ }
+
+ componentWillMount() {
+ const {firestack} = this.props;
+
+ firestack.auth.listenForAuth((u) => {
+ console.log('listenForAuth ->', u);
+ });
+ }
+
+ fillInFields() {
+ this.setState({
+ email: 'ari@fullstack.io',
+ password: '123456'
+ });
+ }
+
+ loginWithEmail(evt) {
+ const {firestack} = this.props;
+ const { email, password } = this.state;
+
+ firestack.auth.signInWithEmail(email, password)
+ .then(u => {
+ console.log('Signed in!', u);
+ this.setState({
+ user: u,
+ email: '',
+ password: ''
+ });
+ })
+ .catch(err => {
+ console.log('An error occurred', err);
+ });
+ }
+
+ onSignout() {
+ console.log('yay?', this.state);
+ this.setState({
+ user: null,
+ email: '',
+ password: ''
+ });
+ }
+
+ componentWillUnmount() {
+ const {firestack} = this.props;
+ firestack.auth.unlistenForAuth();
+ }
+
+ render() {
+ const {firestack} = this.props;
+ const { user, email, password } = this.state;
+ if (user) {
+ return (
+ <SignedIn
+ user={user}
+ firestack={firestack}
+ onSignout={this.onSignout.bind(this)} />
+ )
+ }
+ return (
+ <Container> 
+ <Content>
+ <List>
+ <ListItem>
+ <InputGroup>
+ <Icon name='ios-person' />
+ <Input 
+ placeholder='EMAIL'
+ value={email} />
+ </InputGroup>
+ </ListItem>
+
+ <ListItem>
+ <InputGroup>
+ <Icon name='ios-unlock' />
+ <Input 
+ placeholder='PASSWORD'
+ secureTextEntry={true}
+ value={password}
+ />
+ </InputGroup>
+ </ListItem>
+ 
+ <ListItem>
+ <Button
+ block
+ info
+ onPress={this.loginWithEmail.bind(this)}>
+ <Text>Sign in</Text>
+ </Button>
+ </ListItem>
+
+ <ListItem>
+ <Button
+ block
+ info
+ onPress={this.fillInFields.bind(this)}>
+ <Text>Fill forms with demo user info</Text>
+ </Button>
+ </ListItem>
+ </List>
+ </Content>
+ </Container>
+ )
+ }
+
+}
+
+export default Email