From 8bf35081c80a56051037d0bc374e9fec3fb9529e Mon Sep 17 00:00:00 2001
From: =Corey Hulen <corey@hulen.com>
Date: Thu, 10 Sep 2015 14:56:37 -0700
Subject: PLT-12 UI framework for admin console

---
 .../components/admin_console/select_team_modal.jsx | 124 +++++++++++++++++++++
 1 file changed, 124 insertions(+)
 create mode 100644 web/react/components/admin_console/select_team_modal.jsx

(limited to 'web/react/components/admin_console/select_team_modal.jsx')

diff --git a/web/react/components/admin_console/select_team_modal.jsx b/web/react/components/admin_console/select_team_modal.jsx
new file mode 100644
index 000000000..fa30de7b2
--- /dev/null
+++ b/web/react/components/admin_console/select_team_modal.jsx
@@ -0,0 +1,124 @@
+// Copyright (c) 2015 Spinpunch, Inc. All Rights Reserved.
+// See License.txt for license information.
+
+export default class SelectTeam extends React.Component {
+    constructor(props) {
+        super(props);
+
+        this.state = {
+        };
+    }
+
+    render() {
+        return (
+            <div className='modal fade'
+                id='select-team'
+                tabIndex='-1'
+                role='dialog'
+                aria-labelledby='teamsModalLabel'
+            >
+                <div className='modal-dialog'
+                    role='document'
+                >
+                    <div className='modal-content'>
+                        <div className='modal-header'>
+                            <button
+                                type='button'
+                                className='close'
+                                data-dismiss='modal'
+                                aria-label='Close'
+                            >
+                                <span aria-hidden='true'>&times;</span>
+                            </button>
+                            <h4
+                                className='modal-title'
+                                id='teamsModalLabel'
+                            >
+                                {'Select a team'}
+                            </h4>
+                        </div>
+                        <div className='modal-body'>
+                            <table className='more-channel-table table'>
+                                <tbody>
+                                    <tr>
+                                        <td>
+                                            <p className='more-channel-name'>{'Descartes'}</p>
+                                        </td>
+                                        <td className='td--action'>
+                                            <button className='btn btn-primary'>{'Join'}</button>
+                                        </td>
+                                    </tr>
+                                    <tr>
+                                        <td>
+                                            <p className='more-channel-name'>{'Grouping'}</p>
+                                        </td>
+                                        <td className='td--action'>
+                                            <button className='btn btn-primary'>{'Join'}</button>
+                                        </td>
+                                    </tr>
+                                    <tr>
+                                        <td>
+                                            <p className='more-channel-name'>{'Adventure'}</p>
+                                        </td>
+                                        <td className='td--action'>
+                                            <button className='btn btn-primary'>{'Join'}</button>
+                                        </td>
+                                    </tr>
+                                    <tr>
+                                        <td>
+                                            <p className='more-channel-name'>{'Crossroads'}</p>
+                                        </td>
+                                        <td className='td--action'>
+                                            <button className='btn btn-primary'>{'Join'}</button>
+                                        </td>
+                                    </tr>
+                                    <tr>
+                                        <td>
+                                            <p className='more-channel-name'>{'Sky scraping'}</p>
+                                        </td>
+                                        <td className='td--action'>
+                                            <button className='btn btn-primary'>{'Join'}</button>
+                                        </td>
+                                    </tr>
+                                    <tr>
+                                        <td>
+                                            <p className='more-channel-name'>{'Outdoors'}</p>
+                                        </td>
+                                        <td className='td--action'>
+                                            <button className='btn btn-primary'>{'Join'}</button>
+                                        </td>
+                                    </tr>
+                                    <tr>
+                                        <td>
+                                            <p className='more-channel-name'>{'Microsoft'}</p>
+                                        </td>
+                                        <td className='td--action'>
+                                            <button className='btn btn-primary'>{'Join'}</button>
+                                        </td>
+                                    </tr>
+                                    <tr>
+                                        <td>
+                                            <p className='more-channel-name'>{'Apple'}</p>
+                                        </td>
+                                        <td className='td--action'>
+                                            <button className='btn btn-primary'>{'Join'}</button>
+                                        </td>
+                                    </tr>
+                                </tbody>
+                            </table>
+                        </div>
+                        <div className='modal-footer'>
+                            <button
+                                type='button'
+                                className='btn btn-default'
+                                data-dismiss='modal'
+                            >
+                                {'Close'}
+                            </button>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        );
+    }
+}
\ No newline at end of file
-- 
cgit v1.2.3-1-g7c22

