WIP

src/Index.jsx

@@ -18,6 +18,9 @@ import Styles from './styles/main.styl';
 import configureStore from './store';
 const store = configureStore();
 
+import { oauth } from 'panoptes-client';
+oauth.init();
+
 window.React = React;
 
 ReactDOM.render(

src/constants/config.json

@@ -8,5 +8,6 @@
     "authToken": "64aa60e488a555e2ef8b7f9d1621ec7e430dcb8b8baa0d00b8460eca5660d188",
     "classrooms": "teachers/classrooms.json",
     "root": "https://education.staging.zooniverse.org/"
-  }
+  },
+  "panoptesAppId": "24ad5676d5d25c6aa850dc5d5f63ec8c03dbc7ae113b6442b8571fce6c5b974c"
 }

src/containers/HeaderAuth.jsx

@@ -7,7 +7,7 @@ import Panoptes from 'panoptes-client';
 
 import LoginButton from '../presentational/LoginButton.jsx';
 import LoggedInUser from '../presentational/LoggedInUser.jsx';
-
+import { panoptesAppId } from '../constants/config.json';
 
 export default class HeaderAuth extends Component {
 
@@ -19,35 +19,22 @@ export default class HeaderAuth extends Component {
   }
 
   componentDidMount() {
-    Panoptes.auth.checkCurrent()
-      .then(user => this.setState({user: user}));
+
   }
 
   login() {
     console.log('Logging in');
-    // From the Rog Testing app on staging
-    const appId = '24ad5676d5d25c6aa850dc5d5f63ec8c03dbc7ae113b6442b8571fce6c5b974c';
-    const redirectUri = 'http://localhost:3000/?env=staging#/';
-    // From Wildcam on staging.
-    // For deploy-preview, comment the previous two line and use the following two
-    // const appId = '17bdbeb57f54a3bf6344cf7150047879cfa1c8d5f9fd77d64923e6c81fe6e949';
-    // const redirectUri = 'https://preview.zooniverse.org/wge/';
-    const url = [
-      Panoptes._config.host,
-      '/oauth/authorize',
-      '?response_type=token',
-      '&client_id=',
-      appId,
-      '&redirect_uri=',
-      redirectUri
-    ].join('');
-    location.assign(url);
+    Panoptes.oauth.signIn({
+      appId: panoptesAppId,
+      redirectUri: 'http://localhost:3000/?env=staging#/',
+    });
+    // Panoptes.oauth.signOut();
+
   }
 
   logout() {
     console.log('Logging out');
-    Panoptes.auth.signOut()
-      .then(user => this.setState({user: user}));
+
   }
 
   render() {

src/containers/LoginHandler.jsx

@@ -43,7 +43,7 @@ export default class LoginHandler extends Component {
   }
 
   componentDidMount() {
-    this.completeLogin();
+    // this.completeLogin();
   }
 
   render() {

src/presentational/Home.jsx

@@ -1,18 +1,29 @@
 import { Component, PropTypes } from 'react';
 import { Link } from 'react-router';
+import Panoptes from 'panoptes-client';
 
 import Layout from './Layout.jsx'
 
 
 export default class Home extends Component {
 
+  constructor() {
+    super();
+    this.iframe = this.iframe.bind(this);
+  }
+
+  iframe() {
+    Panoptes.oauth.checkCurrent();
+  }
+
   render() {
     return (
       <Layout>
         <div className="home-buttons container-fluid">
           <h1>I am a...</h1>
           <Link className='btn btn-info' role='button' to='/students'>Student</Link>
           <Link className='btn btn-info' role='button' to='/teachers'>Teacher</Link>
+          <a className='btn btn-info' role='button' onClick={this.iframe}>iFrame</a>
         </div>
       </Layout>
     );