Fixing chat

.eslintrc

@@ -0,0 +1,27 @@
+{
+  "ecmaFeatures": {
+    "jsx": true,
+    "modules": true
+  },
+  "env": {
+    "browser": true,
+    "node": true
+  },
+  "parser": "babel-eslint",
+  "rules": {
+    "quotes": [
+      2,
+      "single"
+    ],
+    "strict": [
+      2,
+      "never"
+    ],
+    "react/jsx-uses-react": 2,
+    "react/jsx-uses-vars": 2,
+    "react/react-in-jsx-scope": 2
+  },
+  "plugins": [
+    "react"
+  ]
+}

.firebaserc

@@ -0,0 +1,5 @@
+{
+  "projects": {
+    "default": "capstone-98fe9"
+  }
+}

.gitignore

@@ -8,3 +8,6 @@ functions/node_modules
 public/bundle.js
 public/bundle.js.map
 functions/lib.js
+
+#API Keys
+admin-key.json

App.jsx

@@ -1 +1,75 @@
-export default () => '🔥 Ready.'
+import Trip from './client/Trip'
+
+import {Switch, Route} from 'react-router'
+import {BrowserRouter as Router} from 'react-router-dom'
+import React, { Component } from 'react'
+import { HomePage } from './client'
+import firebase, { auth, provider, db } from '~/fire'
+import Sidebar from './client/Sidebar';
+import Dashboard from './client/Dashboard';
+import JoinTrip from './client/JoinTrip'
+
+export default class App extends Component{
+  constructor(props){
+    super(props)
+    this.state = { user: null }
+    this.login = this.login.bind(this)
+    this.logout = this.logout.bind(this)
+  }
+
+  componentDidMount() {
+    auth.onAuthStateChanged(user => {
+      if (user) {
+        this.setState({ user })
+      }
+    })
+  }
+
+  login() {
+    auth.signInWithPopup(provider)
+      .then((result) => {
+        const user = result.user
+        this.setState({ user }) // things we want off this... email, displayName, photoURL, uid
+        db.collection('users').doc(user.uid).set({
+          displayName: user.displayName,
+          email: user.email,
+          photoURL: user.photoURL
+        }, { merge: true });
+      })
+  }
+
+  logout() {
+    auth.signOut()
+      .then(() => {
+        this.setState({user: null})
+      })
+  }
+
+  render(){
+
+    const isLoggedIn = this.state.user;
+    return (
+      <Router>
+        {isLoggedIn ?
+          (<div>
+            <Sidebar logout={ this.logout } userId={this.state.user.uid} />
+            <Switch>
+            <Route exact path="/" render={(props) => <Dashboard user={this.state.user} {...props} />} /> {/* their acct dashboard */}
+            <Route path="/:tripId" render={(props) => <Trip user={this.state.user} {...props} />} /> {/* an individual trip  */}
+            <Route exact path="/join/:inviteId" render={
+              ({match: {params: {inviteId} }}) => <JoinTrip inviteId={inviteId} />
+            } />
+          </Switch>
+          </div>
+        )
+        : (<Switch>
+            <Route exact path="/" render={() => <HomePage login={this.login} />} /> {/* HomePage incl. login */}
+            <Route exact path="/join/:inviteId" render={
+              ({ match: { params: { inviteId } } }) => <JoinTrip inviteId={inviteId} login={this.login} />
+            } />
+          </Switch>)
+        }
+      </Router>
+    );
+  }
+}

bot.js

@@ -0,0 +1,32 @@
+var admin = require("firebase-admin");
+
+var serviceAccount = require("./admin-key.json");
+
+admin.initializeApp({
+    credential: admin.credential.cert(serviceAccount),
+    databaseURL: "https://capstone-98fe9.firebaseio.com"
+});
+
+const db = admin.firestore()
+
+const TRIP_ID = '5TT8NzzvNVZAvd8SbEyQ'
+
+let tripIds = [];
+
+const runBot = require('./functions/lib').runBotFromMessageEvent(true)
+
+const trip = db.collection('trips').doc(TRIP_ID)
+
+trip.set({ suppressBot: true }, { merge: true })
+process.on('beforeExit', () => trip.set({ suppressBot: false }, { merge: true }))
+
+trip.collection('chat')
+    .onSnapshot(async snap => {
+        for (let change of snap.docChanges) {
+            if (change.type === 'added') {
+                runBot({ data: change.doc }).catch(console.error)
+            }
+        }
+    })
+
+

client/AddEvent.jsx

@@ -0,0 +1,98 @@
+import React, { Component } from 'react';
+
+/*  HELPERS FOR THE OPTIONS BELOW  */
+let days = [];
+( () => {
+  for (var i = 1; i < 32; i++){
+    days.push(i);
+  }
+})();
+let months = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'];
+let hours = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12'];
+let minutes = ['00', '15', '30', '45'];
+/*  END HELPER  */
+
+/*  START COMPONENT  */
+export default class AddEvent extends Component{
+  constructor(){
+    super();
+    this.state = {
+      name: '',
+      month: 'January',
+      day: '1',
+      year: '2017',
+      hour: '12',
+      minute: '00',
+      ampm: 'PM',
+    };
+    this.handleChange = this.handleChange.bind(this);
+    this.handleSubmit = this.handleSubmit.bind(this);
+  }
+
+  handleSubmit(evt){
+    evt.preventDefault();
+    const {month, day, year, hour, minute, ampm, name} = this.state;
+    const time = new Date(month + ' ' + day + ' ' + year + ' ' + hour + ':' + minute + ' ' + ampm);
+    //const trip = this.props.room.parent
+
+    /*  ADD EVENT TO EVENTS COLLECTION  */
+    // this.props.room.add({name, time, itineraryStatus: true});
+
+    // /*  RESET START OR END DATE IF THE EVENT TIME IS OUTSIDE THE RANGE  */
+    // console.log("START DATE: ", this.props.startDate, "END DATE: ", this.props.endDate)
+    // if (!this.props.startDate || time < this.props.startDate){ trip.set({startDate: time}, {merge: true}) }
+    // if (!this.props.endDate || time > this.props.endDate){ trip.set({endDate: time}, {merge: true}) }
+
+    this.props.closeForm(null, name, time);
+    /*  does not include default empty values for other fields of event */
+  }
+
+
+  handleChange(evt){
+    evt.preventDefault();
+    this.setState({[evt.target.name]: evt.target.value});
+  }
+
+  render() {
+    return (
+      <div className="add-form">
+        <form onSubmit={this.handleSubmit}>
+          <div className="input-field col s6">
+            <input placeholder="Event Name" type="text" name="name" onChange={this.handleChange} />
+          </div>
+          <label className="flex-row">
+            Date:
+                <select className="browser-default" value={this.state.month} onChange={this.handleChange} name="month">
+                  {months.map((month, idx) => (
+                    <option key={idx} value={month}>{month}</option>)) }
+                </select>
+                <select className="browser-default" value={this.state.day} onChange={this.handleChange} name="day">
+                  {days.map((day, idx) => (
+                    <option key={idx} value={day}>{day}</option>
+                  ))}
+                </select>
+                <input type="text" name="year" value={this.state.year} onChange={this.handleChange} />
+          </label>
+          <label className="flex-row">
+            Time:
+                <select className="browser-default" value={this.state.hour} onChange={this.handleChange} name="hour">
+                  {hours.map((hour, idx) => (
+                    <option key={idx} value={hour}>{hour}</option>
+                  ))}
+                </select>
+                <select className="browser-default" value={this.state.minute} onChange={this.handleChange} name="minute">
+                  {minutes.map((minute, idx) => (
+                    <option key={idx} value={minute}>{minute}</option>
+                  ))}
+                </select>
+                <select className="browser-default" value={this.state.ampm} onChange={this.handleChange} name="ampm">
+                    <option value="AM">AM</option>
+                    <option value="PM">PM</option>
+                </select>
+          </label>
+          <input className="btn waves-effect waves-light" type="submit" value="Submit" />
+        </form>
+      </div>
+    );
+  }
+}

client/AddTrip.jsx

@@ -0,0 +1,63 @@
+import React, { Component } from 'react';
+import firebase, { db } from '../fire'
+import { withRouter } from 'react-router'
+import { SideNavItem, SideNav, Button, Icon } from 'react-materialize'
+
+
+export class AddTrip extends Component {
+
+    constructor(props) {
+        super(props);
+        this.state = {
+            name: '',
+        }
+        this.handleChange = this.handleChange.bind(this);
+        this.handleSubmit = this.handleSubmit.bind(this);
+    }
+
+    handleSubmit(evt) {
+        evt.preventDefault();
+        const ref = db.collection('trips')
+        .add({
+            name: this.state.name,
+            users: {
+                [this.props.userid]: true
+            },
+            // startDate: new Date(), //(new Date("January 1, 2017 01:15:00")),
+            // endDate: new Date(new Date().setFullYear(new Date().getFullYear() + 1)),
+            location: '',
+            coords: {}
+        })
+        .then(({id}) => this.props.history.push(`/${id}`))
+        this.setState({ name: '' });
+    }
+
+    handleChange(evt) {
+        evt.preventDefault();
+        this.setState({ 
+            name: evt.target.value,
+        });
+    }
+
+    render() {
+        var id = this.state.id
+        return (
+            <div className="add trip form">
+                <form onSubmit={this.handleSubmit}>
+                    <input className="placeholder" placeholder="Trip Name" value={this.state.name} type="text" name="name" onChange={this.handleChange} />
+                <SideNavItem>
+                <input
+                className="btn waves-effect waves-light"
+                type="submit"
+                value="Create Trip"
+                />
+
+                </SideNavItem>
+                </form>
+
+            </div>
+        )
+    }
+}
+
+export default withRouter(AddTrip)