mirror of
https://gitlab.com/bramw/baserow.git
synced 2025-04-17 18:32:35 +00:00
187 lines
8.1 KiB
HTML
187 lines
8.1 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<title>Login</title>
|
|
</head>
|
|
<body class="page-login">
|
|
<div class="box-page-header"></div>
|
|
<div class="box-page">
|
|
|
|
<!-- login page -->
|
|
<div class="box login-page login-page-login hidden">
|
|
<h1 class="box-title">Baserow</h1>
|
|
<div class="alert alert-error alert-has-icon">
|
|
<div class="alert-icon">
|
|
<i class="fas fa-exclamation"></i>
|
|
</div>
|
|
<div class="alert-title">Incorrect credentials</div>
|
|
<p class="alert-content">The provided e-mail address or password is incorrect.</p>
|
|
</div>
|
|
<form>
|
|
<div class="control">
|
|
<label class="control-label">E-mail address</label>
|
|
<div class="control-elements">
|
|
<input type="text" class="input input-error input-large" />
|
|
<div class="error">Please enter a valid e-mail address</div>
|
|
</div>
|
|
</div>
|
|
<div class="control">
|
|
<label class="control-label">Password</label>
|
|
<div class="control-elements">
|
|
<input type="password" class="input input-large" />
|
|
</div>
|
|
</div>
|
|
<div class="actions">
|
|
<ul class="action-links">
|
|
<li>
|
|
<a href="#" data-page=".login-page-signup">Sign up</a>
|
|
</li>
|
|
<li>
|
|
<a href="#" data-page=".login-page-forgot">Forgot password</a>
|
|
</li>
|
|
</ul>
|
|
<a href="#" class="button button-large">
|
|
Sign in
|
|
<i class="fas fa-lock-open"></i>
|
|
</a>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
<!-- forgot page -->
|
|
<div class="box login-page login-page-forgot hidden">
|
|
<h1 class="box-title">Forgot password</h1>
|
|
<p>
|
|
Please enter your e-mail address in the form. If we find an account then we will send an e-mail with a link to reset your password.
|
|
</p>
|
|
<form>
|
|
<div class="control">
|
|
<label class="control-label">E-mail address</label>
|
|
<div class="control-elements">
|
|
<input type="text" class="input input-large" />
|
|
</div>
|
|
</div>
|
|
<div class="actions">
|
|
<ul class="action-links">
|
|
<li>
|
|
<a href="#" data-page=".login-page-login">
|
|
<i class="fas fa-arrow-left"></i>
|
|
Back
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
<a href="#" class="button button-large" data-page=".login-page-forgot-success">
|
|
Send link
|
|
<i class="fas fa-envelope"></i>
|
|
</a>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
<!-- forgot success page -->
|
|
<div class="box login-page login-page-forgot-success hidden">
|
|
<div class="box-message">
|
|
<div class="box-message-icon">
|
|
<i class="fas fa-paper-plane"></i>
|
|
</div>
|
|
<h1 class="box-message-title">E-mail is send</h1>
|
|
<a href="#" class="button button-large" data-page=".login-page-reset-password">
|
|
<i class="fas fa-arrow-left"></i>
|
|
Go back
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- sign up page -->
|
|
<div class="box login-page login-page-signup">
|
|
<h1 class="box-title">Sign up</h1>
|
|
<form>
|
|
<div class="control">
|
|
<label class="control-label">E-mail address</label>
|
|
<div class="control-elements">
|
|
<input type="text" class="input input-large" />
|
|
</div>
|
|
</div>
|
|
<div class="control">
|
|
<label class="control-label">Your name</label>
|
|
<div class="control-elements">
|
|
<input type="text" class="input input-large" />
|
|
</div>
|
|
</div>
|
|
<div class="control">
|
|
<label class="control-label">Password</label>
|
|
<div class="control-elements">
|
|
<input type="password" class="input input-large" />
|
|
</div>
|
|
</div>
|
|
<div class="control">
|
|
<label class="control-label">Repeat password</label>
|
|
<div class="control-elements">
|
|
<input type="password" class="input input-large" />
|
|
</div>
|
|
</div>
|
|
<div class="actions">
|
|
<ul class="action-links">
|
|
<li>
|
|
<a href="#" data-page=".login-page-login">
|
|
<i class="fas fa-arrow-left"></i>
|
|
Back
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
<a href="#" class="button button-large" data-loading>
|
|
Sign up
|
|
<i class="fas fa-user-plus"></i>
|
|
</a>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
<!-- sign up page -->
|
|
<div class="box login-page login-page-reset-password hidden">
|
|
<h1 class="box-title">Reset password</h1>
|
|
<form>
|
|
<div class="control">
|
|
<label class="control-label">New password</label>
|
|
<div class="control-elements">
|
|
<input type="password" class="input input-large" />
|
|
</div>
|
|
</div>
|
|
<div class="control">
|
|
<label class="control-label">Repeat password</label>
|
|
<div class="control-elements">
|
|
<input type="password" class="input input-large" />
|
|
</div>
|
|
</div>
|
|
<div class="actions">
|
|
<div class="align-right">
|
|
<a href="#" class="button button-large" data-page=".login-page-login">
|
|
Change password
|
|
<i class="fas fa-pencil-alt"></i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
|
|
<script>
|
|
/**
|
|
* A small temporary peace of code to navigatie to other login related pages.
|
|
*/
|
|
(function(){
|
|
$("[data-page]").click(function(e) {
|
|
e.preventDefault();
|
|
$(".login-page").addClass("hidden");
|
|
$($(this).attr("data-page")).removeClass("hidden");
|
|
});
|
|
|
|
$("[data-loading]").click(function(e) {
|
|
e.preventDefault();
|
|
$(this).toggleClass("button-loading");
|
|
});
|
|
})();
|
|
</script>
|
|
</body>
|
|
</html>
|