New baseline

.gitignore

@@ -2,4 +2,5 @@ npm-debug.log
 node_modules
 .idea/
 .env
-*.iml
+*.iml
+temp.*

client/js/app.js

@@ -17,20 +17,10 @@ import PackageHome from './packages/PackageHome';
 import PackageRecord from './packages/PackageRecord';
 import PackageView from './packages/PackageView';
 
-import PropertyHome from './properties/PropertyHome';
-import PropertyRecord from './properties/PropertyRecord';
-import PropertyForm from './properties/PropertyForm';
-import PropertyView from './properties/PropertyView';
-
-import ContactHome from './contacts/ContactHome';
-import ContactRecord from './contacts/ContactRecord';
-import ContactForm from './contacts/ContactForm';
-import ContactView from './contacts/ContactView';
-
-import BrokerHome from './brokers/BrokerHome';
-import BrokerRecord from './brokers/BrokerRecord';
-import BrokerForm from './brokers/BrokerForm';
-import BrokerView from './brokers/BrokerView';
+import PackageOrgHome from './packageorgs/PackageOrgHome';
+import PackageOrgRecord from './packageorgs/PackageOrgRecord';
+import PackageOrgForm from './packageorgs/PackageOrgForm';
+import PackageOrgView from './packageorgs/PackageOrgView';
 
 let App = React.createClass({
     render: function () {
@@ -41,6 +31,7 @@ let App = React.createClass({
                         <li className="slds-list__item"><IndexLink to="/"><Icon name="account" theme={null}/>Orgs</IndexLink></li>
                         <li className="slds-list__item"><Link to="/licenses"><Icon name="drafts" theme={null}/>Licenses</Link></li>
                         <li className="slds-list__item"><Link to="/packages"><Icon name="thanks" theme={null}/>Packages</Link></li>
+                        <li className="slds-list__item"><Link to="/packageorgs"><Icon name="people" theme={null}/>Package Orgs</Link></li>
                     </ul>
                 </header>
                 {this.props.children}
@@ -64,21 +55,10 @@ render((
             <Route path="package" component={PackageRecord}>
                 <Route path=":packageId" component={PackageView}/>
             </Route>
-
-            <Route path="properties" component={PropertyHome}/>
-            <Route path="property" component={PropertyRecord}>
-                <Route path=":propertyId" component={PropertyView}/>
-                <Route path=":propertyId/edit" component={PropertyForm}/>
-            </Route>
-            <Route path="contacts" component={ContactHome}/>
-            <Route path="contact" component={ContactRecord}>
-                <Route path=":contactId" component={ContactView}/>
-                <Route path=":contactId/edit" component={ContactForm}/>
-            </Route>
-            <Route path="brokers" component={BrokerHome}/>
-            <Route path="broker" component={BrokerRecord}>
-                <Route path=":brokerId" component={BrokerView}/>
-                <Route path=":brokerId/edit" component={BrokerForm}/>
+            <Route path="packageorgs" component={PackageOrgHome}/>
+            <Route path="packageorg" component={PackageOrgRecord}>
+                <Route path=":orgId" component={PackageOrgView}/>
+                <Route path=":orgId/edit" component={PackageOrgForm}/>
             </Route>
             <IndexRoute component={OrgHome}/>
         </Route>

client/js/auth/AuthorizeOrg.js

@@ -0,0 +1,18 @@
+import React from 'react';
+import * as authService from "../services/AuthService";
+
+export default React.createClass({
+    getInitialState() {
+        return { url: "" };
+    },
+
+    componentDidMount() {
+        authService.oauthOrgURL().then(url => this.setState({url}));
+    },
+
+    render() {
+        return (
+            <a href={this.state.url}>Connect Org</a>
+        );
+    }
+});

client/js/auth/AuthorizeWindow.js

@@ -0,0 +1,30 @@
+import React from 'react';
+
+export default class PortalWindow extends React.Component {
+    constructor(props) {
+        super(props);
+        // STEP 1: create a container <div>
+        this.containerEl = document.createElement('div');
+        this.externalWindow = null;
+    }
+
+    render() {
+        return (
+            <div/>
+        );
+    }
+
+    componentDidMount() {
+        // STEP 3: open a new browser window and store a reference to it
+        this.externalWindow = window.open(this.props.url, '', 'width=700,height=700,left=200,top=200');
+
+        // STEP 4: append the container <div> (that has props.children appended to it) to the body of the new window
+        // this.externalWindow.document.body.appendChild(this.containerEl);
+    }
+
+    componentWillUnmount() {
+        // STEP 5: This will fire when this.state.showWindowPortal in the parent component becomes false
+        // So we tidy up by closing the window
+        this.externalWindow.close();
+    }
+}