summaryrefslogtreecommitdiff
path: root/res/templates/login.html
blob: 0712b35dd621399c5cc9635122966c0b3ac539f1 (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
63
64
65
<!DOCTYPE html>
<head>
<meta charset="UTF-8">
<title>Welcome to Rhizi</title>
<link href="/res/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"
        });
    }
</script>
</head>

<body class="login-background">
	<div class="welcome-box">
		<img src="/res/img/logo-red.png" class="login-rhizi-logo">
		<div class="login-text">
			<h1 class="login-header"> Welcome to Rhizi!</h1>
			<h5>Rhizi is a collaborative knowledge editor.</h5>
			<p>With it, you can upload your internship proposals for review and share the skills, interests and project you participate in.</p>
			<br>
			<p>The resulting interactome allows the entire CRI to better collaborate with AIV students</p>
		</div>
		<div id="login_form_panel" class="login-form">
			<fieldset>
				<form onsubmit="submit_login_form();" id="login_form">

					<div class="login_form__value">
						<input type="text" id="login_username" placeholder="Email">
					</div>
					<div class="login_form__value">
						<input type="password" id="login_password" placeholder="Password">
					</div>
					<p>
						<input type="submit" value="Sign in">
					</p>
					<a class="forgot-password"> forgot password? </a>
				</form>
			</fieldset>
			<div id="failed-login">
				{% if login_failed %}<b>Login Failed</b>{% endif %}
			</div>
		</div>
		<img> logo here
		<p class="login-text"><a href="mailto:dor.garbash@gmail.com">Send us an Email</a> about your experience, especially if you encountered any problem!</p>


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