107 lines
4.9 KiB
Plaintext
107 lines
4.9 KiB
Plaintext
<%-include("./partials/header.ejs") %>
|
||
<div class="">
|
||
<main class="w-100 p-0">
|
||
<div class="container-fluid">
|
||
<div class="row">
|
||
<div class="col-12 p-0">
|
||
<div class="login-form-container">
|
||
<div class="mb-4">
|
||
<a class="logo" href="index.html">
|
||
<img alt="#" src="/logo.png" class="w-100 h-100">
|
||
</a>
|
||
</div>
|
||
<div class="form_container">
|
||
<form class="app-form" method="post" action="/register" enctype="multipart/form-data" onsubmit="sendAjax(this);return false">
|
||
<div class="mb-3 text-center">
|
||
<h3>Yeni hesap oluşturun</h3>
|
||
<p>
|
||
EkoEtki; bireylerin doğaya yönelik tutumlarını objektif kriterlerle analiz eden ve çevresel farkındalığı dijital bir 'Doğa Puanı' ile somutlaştıran yenilikçi bir davranış ölçümleme sistemidir.
|
||
</p>
|
||
</div>
|
||
<div class="mt-1">
|
||
<span class="text-danger" id="validationError"></span>
|
||
</div>
|
||
<div class="mb-3">
|
||
<label class="form-label">İsminiz</label>
|
||
<input class="form-control" placeholder="İsminizi giriniz" type="text" required name="name" autocomplete="given-name">
|
||
</div>
|
||
<div class="mb-3">
|
||
<label class="form-label">Soyisminiz</label>
|
||
<input class="form-control" placeholder="İsminizi giriniz" type="text" name="surname" autocomplete="family-name">
|
||
</div>
|
||
<div class="mb-3">
|
||
<label class="form-label">E-Posta Adresiniz</label>
|
||
<input class="form-control" placeholder="E-Posta Adresiniz" type="email" required name="email" autocomplete="email">
|
||
</div>
|
||
<div class="mb-3">
|
||
<label class="form-label">Şifreniz</label>
|
||
<input class="form-control" placeholder="Şifreniz" type="password" min="6" max="20" required name="password" autocomplete="new-password">
|
||
</div>
|
||
<div class="mb-3">
|
||
<label class="form-label">Şifreniz (tekrar)</label>
|
||
<input class="form-control" placeholder="Şifreniz" type="password" min="6" max="20" required name="passwordverif" autocomplete="new-password">
|
||
</div>
|
||
<div>
|
||
<button class="btn btn-primary w-100" type="submit">Kayıt Ol</button>
|
||
<a class="btn btn-primary w-100 mt-1" href="/login" role="button">Giriş Yap</a>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</main>
|
||
</div>
|
||
<script>
|
||
function sendAjax(form)
|
||
{
|
||
blockui();
|
||
let formData = new FormData(form);
|
||
$.ajax({
|
||
url: "/register",
|
||
type: "POST",
|
||
data: formData,
|
||
processData: false,
|
||
contentType: false,
|
||
success: function(response) {
|
||
ublockui();
|
||
if(response.status == "success")
|
||
{
|
||
window.location = "/login";
|
||
}else{
|
||
$("#validationError").text(response.message);
|
||
}
|
||
},
|
||
error: function(err) {
|
||
ublockui();
|
||
$("#validationError").text(err.responseJSON.message);
|
||
},
|
||
});
|
||
return false;
|
||
}
|
||
function blockui()
|
||
{
|
||
$('.login-form-container').block({
|
||
message: '<div class="loader-container-box"><div class="loader"></div></div>',
|
||
//timeout: 13000,
|
||
overlayCSS: {
|
||
backgroundColor: 'rgba(var(--dark), 0.8)',
|
||
opacity: 0.8,
|
||
borderRadius: 'var(--app-border-radius)',
|
||
cursor: 'wait'
|
||
},
|
||
css: {
|
||
border: 0,
|
||
padding: 0,
|
||
backgroundColor: 'transparent'
|
||
}
|
||
});
|
||
}
|
||
function ublockui()
|
||
{
|
||
$('.login-form-container').unblock()
|
||
}
|
||
</script>
|
||
<script src="/assets/vendor/block-ui/jquery.blockUI.js"></script>
|
||
<%-include("./partials/footer.ejs") %> |