From cf7a05f80f68b5b1c8bcc0089679dd497cec2506 Mon Sep 17 00:00:00 2001
From: =Corey Hulen <corey@hulen.com>
Date: Sun, 14 Jun 2015 23:53:32 -0800
Subject: first commit

---
 web/react/components/login.jsx | 197 +++++++++++++++++++++++++++++++++++++++++
 1 file changed, 197 insertions(+)
 create mode 100644 web/react/components/login.jsx

(limited to 'web/react/components/login.jsx')

diff --git a/web/react/components/login.jsx b/web/react/components/login.jsx
new file mode 100644
index 000000000..8d82a4b62
--- /dev/null
+++ b/web/react/components/login.jsx
@@ -0,0 +1,197 @@
+// Copyright (c) 2015 Spinpunch, Inc. All Rights Reserved.
+// See License.txt for license information.
+
+
+
+
+var utils = require('../utils/utils.jsx');
+var client = require('../utils/client.jsx');
+var UserStore = require('../stores/user_store.jsx');
+
+
+var FindTeamDomain = React.createClass({
+    handleSubmit: function(e) {
+        e.preventDefault();
+        var state = { }
+
+        var domain = this.refs.domain.getDOMNode().value.trim();
+        if (!domain) {
+            state.server_error = "A domain is required"
+            this.setState(state);
+            return;
+        }
+
+        state.server_error = "";
+        this.setState(state);
+
+        client.findTeamByDomain(domain,
+            function(data) {
+                console.log(data);
+                if (data) {
+                    window.location.href = window.location.protocol + "//" + domain + "." + utils.getDomainWithOutSub();
+                }
+                else {
+                    this.state.server_error = "We couldn't find your " + strings.TeamPlural + ".";
+                    this.setState(this.state);
+                }
+            }.bind(this),
+            function(err) {
+                this.state.server_error = err.message;
+                this.setState(this.state);
+            }.bind(this)
+        );
+    },
+    getInitialState: function() {
+        return { };
+    },
+    render: function() {
+        var server_error = this.state.server_error ? <label className="control-label">{this.state.server_error}</label> : null;
+
+        return (
+            <div className="signup-team__container">
+                <div>
+                    <span className="signup-team__name">{ config.SiteName }</span>
+                    <br/>
+                    <span className="signup-team__subdomain">Enter your {strings.TeamPlural} domain.</span>
+                    <br/>
+                    <br/>
+                </div>
+                <form onSubmit={this.handleSubmit}>
+                    <div className={server_error ? 'form-group has-error' : 'form-group'}>
+                        { server_error }
+                        <input type="text" className="form-control" name="domain" ref="domain" placeholder="teamdomain" />
+                    </div>
+                    <div className="form-group">
+                        <button type="submit" className="btn btn-primary">Continue</button>
+                    </div>
+                    <div>
+                        <span>Don't remember your {strings.TeamPlural} domain? <a href="/find_team">Find it here</a></span>
+                    </div>
+                    <br/>
+                    <br/>
+                    <br/>
+                    <br/>
+                    <br/>
+                    <br/>
+                    <div>
+                        <span>{"Want to create your own " + strings.Team + "?"} <a href="/" className="signup-team-login">Sign up now</a></span>
+                    </div>
+                </form>
+            </div>
+        );
+    }
+});
+
+module.exports = React.createClass({
+    handleSubmit: function(e) {
+        e.preventDefault();
+        var state = { }
+
+        var domain = this.refs.domain.getDOMNode().value.trim();
+        if (!domain) {
+            state.server_error = "A domain is required"
+            this.setState(state);
+            return;
+        }
+
+       var email = this.refs.email.getDOMNode().value.trim();
+        if (!email) {
+            state.server_error = "An email is required"
+            this.setState(state);
+            return;
+        }
+
+        var password = this.refs.password.getDOMNode().value.trim();
+        if (!password) {
+            state.server_error = "A password is required"
+            this.setState(state);
+            return;
+        }
+
+        state.server_error = "";
+        this.setState(state);
+
+        client.loginByEmail(domain, email, password,
+            function(data) {
+                UserStore.setLastDomain(domain);
+                UserStore.setLastEmail(email);
+                UserStore.setCurrentUser(data);
+
+                var redirect = utils.getUrlParameter("redirect");
+                if (redirect) {
+                    window.location.href = decodeURI(redirect);
+                } else {
+                    window.location.href = '/channels/town-square';
+                }
+
+            }.bind(this),
+            function(err) {
+                if (err.message == "Login failed because email address has not been verified") {
+                    window.location.href = '/verify?domain=' + encodeURIComponent(domain) + '&email=' + encodeURIComponent(email);
+                    return;
+                }
+                state.server_error = err.message;
+                this.valid = false;
+                this.setState(state);
+            }.bind(this)
+        );
+    },
+    getInitialState: function() {
+        return { };
+    },
+    render: function() {
+        var server_error = this.state.server_error ? <label className="control-label">{this.state.server_error}</label> : null;
+        var priorEmail = UserStore.getLastEmail() !== "undefined" ? UserStore.getLastEmail() : ""
+
+        var emailParam = utils.getUrlParameter("email");
+        if (emailParam) {
+            priorEmail = decodeURIComponent(emailParam);
+        }
+
+        var subDomainClass = "form-control hidden";
+        var subDomain = utils.getSubDomain();
+
+        if (utils.isTestDomain()) {
+            subDomainClass = "form-control";
+            subDomain = UserStore.getLastDomain();
+        } else if (subDomain == "") {
+            return (<FindTeamDomain />);
+        }
+
+        return (
+            <div className="signup-team__container">
+                <div>
+                    <span className="signup-team__name">{ subDomain }</span>
+                    <br/>
+                    <span className="signup-team__subdomain">{ utils.getDomainWithOutSub() }</span>
+                    <br/>
+                    <br/>
+                </div>
+                <form onSubmit={this.handleSubmit}>
+                    <div className={server_error ? 'form-group has-error' : 'form-group'}>
+                        { server_error }
+                        <input type="text" className={subDomainClass} name="domain" defaultValue={subDomain} ref="domain" placeholder="Domain" />
+                    </div>
+                    <div className={server_error ? 'form-group has-error' : 'form-group'}>
+                        <input type="email" className="form-control" name="email" defaultValue={priorEmail}  ref="email" placeholder="Email" />
+                    </div>
+                    <div className={server_error ? 'form-group has-error' : 'form-group'}>
+                        <input type="password" className="form-control" name="password" ref="password" placeholder="Password" />
+                    </div>
+                    <div className="form-group">
+                        <button type="submit" className="btn btn-primary">Sign in</button>
+                    </div>
+                    <div className="form-group form-group--small">
+                        <span><a href="/find_team">{"Find other " + strings.TeamPlural}</a></span>
+                    </div>
+                    <div className="form-group">
+                        <a href="/reset_password">I forgot my password</a>
+                    </div>
+                    <div className="external-link">
+                        <span>{"Want to create your own " + strings.Team + "?"} <a href={config.HomeLink} className="signup-team-login">Sign up now</a></span>
+                    </div>
+                </form>
+            </div>
+        );
+    }
+});
-- 
cgit v1.2.3-1-g7c22