diff --git a/reactcode/.idea/misc.xml b/reactcode/.idea/misc.xml
new file mode 100644
index 0000000..24eb271
--- /dev/null
+++ b/reactcode/.idea/misc.xml
@@ -0,0 +1,6 @@
+
+
+
+
+
+
\ No newline at end of file
diff --git a/reactcode/.idea/modules.xml b/reactcode/.idea/modules.xml
new file mode 100644
index 0000000..e6dc32c
--- /dev/null
+++ b/reactcode/.idea/modules.xml
@@ -0,0 +1,8 @@
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/reactcode/.idea/reactcode.iml b/reactcode/.idea/reactcode.iml
new file mode 100644
index 0000000..d6ebd48
--- /dev/null
+++ b/reactcode/.idea/reactcode.iml
@@ -0,0 +1,9 @@
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/reactcode/.idea/workspace.xml b/reactcode/.idea/workspace.xml
new file mode 100644
index 0000000..7a3e147
--- /dev/null
+++ b/reactcode/.idea/workspace.xml
@@ -0,0 +1,489 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ true
+ DEFINITION_ORDER
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
+ constructor(props){
+ super(props);
+
+ var config = {
+ apiKey: "AIzaSyDHND3EVIe-S8r0k_3DLf_GClaM2qazGMI",
+ authDomain: "trytonsplan.firebaseapp.com",
+ databaseURL: "https://trytonsplan.firebaseio.com",
+ projectId: "trytonsplan",
+ storageBucket: "trytonsplan.appspot.com",
+ messagingSenderId: "242589223564"
+ };
+ firebase.initializeApp(config);
-
- /*
-
-
- 
- Welcome to React
-
-
- To get started, edit src/App.js and save to reload.
-
-
+
+
);
}
}
diff --git a/reactcode/src/Main/Components/Login.css b/reactcode/src/Main/Components/Login.css
new file mode 100644
index 0000000..7814240
--- /dev/null
+++ b/reactcode/src/Main/Components/Login.css
@@ -0,0 +1,17 @@
+.outer {
+ display: table;
+ position: absolute;
+ height: 100%;
+ width: 100%;
+}
+
+.middle {
+ display: table-cell;
+ vertical-align: middle;
+}
+
+.inner {
+ margin-left: auto;
+ margin-right: auto;
+ width: 400px;
+}
\ No newline at end of file
diff --git a/reactcode/src/Main/Components/Login.js b/reactcode/src/Main/Components/Login.js
new file mode 100644
index 0000000..5d641c6
--- /dev/null
+++ b/reactcode/src/Main/Components/Login.js
@@ -0,0 +1,94 @@
+import React from 'react';
+import {
+ BrowserRouter as Router,
+ Route,
+ Link,
+ Redirect,
+ withRouter
+} from "react-router-dom";
+
+import MainPage from '../MainPage';
+import { Button, form, FormGroup, FormControl, HelpBlock, ControlLabel } from 'react-bootstrap';
+
+import './Login.css';
+
+
+
+////////////////////////////////////////////////////////////
+// 1. Click the public page
+// 2. Click the protected page
+// 3. Log in
+// 4. Click the back button, note the URL each time
+
+const fakeAuth = {
+ isAuthenticated: false,
+ authenticate(cb) {
+ this.isAuthenticated = true;
+ setTimeout(cb, 100); // fake async
+ }
+};
+
+
+class Login extends React.Component {
+
+
+ constructor(props, context) {
+ super(props, context);
+
+ this.state = {
+ email: '',
+ pass: '',
+ redirectToReferrer: false
+ };
+
+ }
+
+ login = () => {
+ fakeAuth.authenticate(() => {
+ this.setState({ redirectToReferrer: true });
+ });
+ };
+
+ render() {
+
+ const { redirectToReferrer } = this.state;
+ if (redirectToReferrer) {
+ return ;
+ }
+ return (
+
+
+ );
+ }
+}
+
+export default Login;
\ No newline at end of file
diff --git a/reactcode/src/Main/MainPage.js b/reactcode/src/Main/MainPage.js
index 5818005..1189b84 100644
--- a/reactcode/src/Main/MainPage.js
+++ b/reactcode/src/Main/MainPage.js
@@ -1,25 +1,72 @@
-import React, {Component} from 'react';
-import CourseSearchBar from "./Components/CourseSearchBar";
+import React from 'react';
+import {BrowserRouter as Router, Switch, Route, Link, withRouter} from "react-router-dom";
+import Login from './Components/Login'
+import CourseSearchBar from './Components/CourseSearchBar'
-class MainPage extends Component {
- constructor(props) {
+
+class MainPage extends React.Component {
+
+ constructor(props){
super(props);
+ this.state = {
+ redirectToReferrer: true,
+ items:[]
+ };
+ this.firebaseRef = this.props.db.database().ref('course');
+
+ this.firebaseRef.on('value', dataSnapshot => {
+ let items = [];
+ dataSnapshot.forEach(childSnapshot => {
+ let item = childSnapshot.val();
+ item['.Key'] = childSnapshot.key;
+ items.push(item);
+ });
+ this.setState({items});
+ });
}
- render() {
- return (
-
- )
+ logout = () => {
+ this.setState({ redirectToReferrer: false });
+ };
- }
+ render(){
+ const { redirectToReferrer } = this.state;
+ const records = this.state.items.map(items =>
+
+ | {items.courseID} |
+ {items.title} |
+
+ )
+
+ if (!redirectToReferrer) {
+ return ;
+ }
+ return (
+
+
+
+
Trytonsplan
+
+
+
+
+ | Course ID |
+ Course Title |
+
+
+
+ {records}
+
+
+