summaryrefslogtreecommitdiff
path: root/res/templates/login.html
blob: 7199044509c17e7113b763770a317e714f8b28f9 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
<!DOCTYPE html>
<head>
<meta charset="UTF-8">
<title>Welcome to Rhizi</title>
<link href="/static/css/style.css" rel="stylesheet" type="text/css">
<script src="/static/lib/jquery.js" type="text/javascript"></script>
<script type="text/javascript">
    function submit_login_form() {
        var data = {
            username : $('#login_username').val(),
            password : $('#login_password').val()
        };

        // TODO: validate

        $.ajax({
            type : "POST",
            url: '/login',
            async : false,
            cache : false,
            data : JSON.stringify(data),
            dataType : 'json',
            contentType : "application/json; charset=utf-8",
            success : function () {
                document.location = "/index";
            },
            error : function (xhr, status, err_thrown) {
                document.location = "/login";
            }
        });
    }
</script>
</head>

<body class="login-background">
	<div class="welcome-box">
		<img src="/static/img/logo-red.png" class="login-rhizi-logo">
		<h1 class="login-header"> Welcome to Rhizi!</h1>
		<p class="login-text">Rhizi is a collaborative knowledge editor.</p>
		<p class="login-text">Upload your internship proposals for review.</p>
		<p class="login-text">Share the skills, interests and project you participate in.</p>
		<br>
		<p class="login-text">The resulting interactome allows the entire CRI to better collaborate with AIV students</p>
		<div id="login_form_panel" class="login-form">
			<fieldset>
				<form action="javascript:void(0);" method="get" onsubmit="submit_login_form();" id="login_form">
					<input class="login-input" type="email" id="login_username" placeholder="Email">
					<input class="login-input" type="password" id="login_password" placeholder="Password">
					<input class="login-input" type="submit" value="Sign in">
					<a class="forgot-password">Forgot your password?</a>
				</form>
			</fieldset>
			<div id="failed-login">
				{% if login_failed %}<b>Login Failed</b>{% endif %}
			</div>
		</div>
		<div class="contact-us-div"><span class="contact-us-icon"></span></div>
		<p class="login-text contact-us-text"><a class="contact-us-link" href="mailto:feedback_CRI@rhizi.net?subject=Rhizi%20User%20Feedback">Send us an Email</a> about your experience,<br>we would love to hear your suggestions!</p>

	</div>
</body>
</html>