init
This commit is contained in:
Jaybe
@@ -0,0 +1,31 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
|
||||
<head>
|
||||
<meta name="x-apple-disable-message-reformatting">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta name="format-detection" content="telephone=no, date=no, address=no, email=no">
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
||||
<title><?= lang('Auth.email2FASubject') ?></title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<p><?= lang('Auth.email2FAMailBody') ?></p>
|
||||
<div style="text-align: center">
|
||||
<h1><?= $code ?></h1>
|
||||
</div>
|
||||
<table role="presentation" border="0" cellpadding="0" cellspacing="0" style="width: 100%;" width="100%">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td style="line-height: 20px; font-size: 20px; width: 100%; height: 20px; margin: 0;" align="left" width="100%" height="20">
|
||||
 
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<b><?= lang('Auth.emailInfo') ?></b>
|
||||
<p><?= lang('Auth.emailIpAddress') ?> <?= esc($ipAddress) ?></p>
|
||||
<p><?= lang('Auth.emailDevice') ?> <?= esc($userAgent) ?></p>
|
||||
<p><?= lang('Auth.emailDate') ?> <?= esc($date) ?></p>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,31 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
|
||||
<head>
|
||||
<meta name="x-apple-disable-message-reformatting">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta name="format-detection" content="telephone=no, date=no, address=no, email=no">
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
||||
<title><?= lang('Auth.emailActivateSubject') ?></title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<p><?= lang('Auth.emailActivateMailBody') ?></p>
|
||||
<div style="text-align: center">
|
||||
<h1><?= $code ?></h1>
|
||||
</div>
|
||||
<table role="presentation" border="0" cellpadding="0" cellspacing="0" style="width: 100%;" width="100%">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td style="line-height: 20px; font-size: 20px; width: 100%; height: 20px; margin: 0;" align="left" width="100%" height="20">
|
||||
 
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<b><?= lang('Auth.emailInfo') ?></b>
|
||||
<p><?= lang('Auth.emailIpAddress') ?> <?= esc($ipAddress) ?></p>
|
||||
<p><?= lang('Auth.emailDevice') ?> <?= esc($userAgent) ?></p>
|
||||
<p><?= lang('Auth.emailDate') ?> <?= esc($date) ?></p>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,78 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN">
|
||||
|
||||
<head>
|
||||
<meta name="x-apple-disable-message-reformatting">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta name="format-detection" content="telephone=no, date=no, address=no, email=no">
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
||||
<title><?= lang('Auth.magicLinkSubject') ?></title>
|
||||
</head>
|
||||
|
||||
<body style="background-color: #f6f6f6; font-family: sans-serif; -webkit-font-smoothing: antialiased; font-size: 14px; line-height: 1.4; margin: 0; padding: 0; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;">
|
||||
|
||||
<!-- ... (Rest of the code) ... -->
|
||||
|
||||
<table role="presentation" border="0" cellpadding="0" cellspacing="0" class="body" style="background-color: #f6f6f6; width: 100%;">
|
||||
<tr>
|
||||
<td> </td>
|
||||
<td class="container" style="display: block; margin: 0 auto !important; max-width: 580px; padding: 10px; width: 580px;">
|
||||
|
||||
<div class="content" style="box-sizing: border-box; display: block; margin: 0 auto; max-width: 580px; padding: 10px;background:#ffffff;text-align:center">
|
||||
|
||||
<!-- START CENTERED WHITE CONTAINER -->
|
||||
<table role="presentation" class="main" style="border-radius: 3px; width: 100%;margin-bottom:20px">
|
||||
|
||||
<!-- START MAIN CONTENT AREA -->
|
||||
<tr>
|
||||
<td class="wrapper">
|
||||
<table role="presentation" border="0" cellpadding="0" cellspacing="0" style="width: 100%;">
|
||||
<tr>
|
||||
<td>
|
||||
<h3 style="color: #000000; font-family: sans-serif; font-weight: 400; line-height: 1.4; margin: 0; margin-bottom: 20px; font-size: 23px; text-align: center; text-transform: capitalize;">비밀번호 재설정 링크</h3>
|
||||
<p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; margin-bottom: 15px;">아래 버튼을 클릭하여 접속 후 비밀번호를 변경해주시기 바랍니다.</p>
|
||||
<table role="presentation" border="0" cellpadding="0" cellspacing="0" class="btn btn-primary" style="box-sizing: border-box; width: 100%;">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td align="left">
|
||||
<table role="presentation" border="0" cellpadding="0" cellspacing="0" style="margin: 0 auto;">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td> <a href="<?= url_to('verify-magic-link') ?>?token=<?= $token ?>" target="_blank" style="background-color: #ce1922; border-radius: 5px; box-sizing: border-box; color: #ffffff; cursor: pointer; display: inline-block; font-size: 14px; font-weight: bold; margin: 0; padding: 12px 25px; text-decoration: none; text-transform: capitalize;">비밀번호 재설정</a></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<table role="presentation" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td class="content-block">
|
||||
<span class="apple-link" style="color: #999999; font-size: 12px; text-align: center;"><?= lang('Auth.emailInfo') ?></span>
|
||||
<br> <?= lang('Auth.emailIpAddress') ?> <?= esc($ipAddress) ?>.
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="content-block powered-by" style="color: #999999; font-size: 12px; text-align: center;">
|
||||
<?= lang('Auth.emailDevice') ?> <?= esc($userAgent) ?>.<br>
|
||||
<?= lang('Auth.emailDate') ?> <?= esc($date) ?>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<!-- END CENTERED WHITE CONTAINER -->
|
||||
|
||||
</div>
|
||||
</td>
|
||||
<td> </td>
|
||||
</tr>
|
||||
</table>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,38 @@
|
||||
<?= $this->extend(config('Auth')->views['layout']) ?>
|
||||
|
||||
<?= $this->section('title') ?><?= lang('Auth.email2FATitle') ?> <?= $this->endSection() ?>
|
||||
|
||||
<?= $this->section('guestContent') ?>
|
||||
|
||||
<div class="container d-flex justify-content-center p-5">
|
||||
<div class="card col-12 col-md-5 shadow-sm">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title mb-5"><?= lang('Auth.email2FATitle') ?></h5>
|
||||
|
||||
<p><?= lang('Auth.confirmEmailAddress') ?></p>
|
||||
|
||||
<?php if (session('error')) : ?>
|
||||
<div class="alert alert-danger"><?= session('error') ?></div>
|
||||
<?php endif ?>
|
||||
|
||||
<form action="<?= url_to('auth-action-handle') ?>" method="post">
|
||||
<?= csrf_field() ?>
|
||||
|
||||
<!-- Email -->
|
||||
<div class="mb-2">
|
||||
<input type="email" class="form-control" name="email"
|
||||
inputmode="email" autocomplete="email" placeholder="<?= lang('Auth.email') ?>"
|
||||
<?php /** @var \CodeIgniter\Shield\Entities\User $user */ ?>
|
||||
value="<?= old('email', $user->email) ?>" required />
|
||||
</div>
|
||||
|
||||
<div class="d-grid col-8 mx-auto m-3">
|
||||
<button type="submit" class="btn btn-primary btn-block"><?= lang('Auth.send') ?></button>
|
||||
</div>
|
||||
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<?= $this->endSection() ?>
|
||||
@@ -0,0 +1,36 @@
|
||||
<?= $this->extend(config('Auth')->views['layout']) ?>
|
||||
|
||||
<?= $this->section('title') ?><?= lang('Auth.email2FATitle') ?> <?= $this->endSection() ?>
|
||||
|
||||
<?= $this->section('guestContent') ?>
|
||||
|
||||
<div class="container d-flex justify-content-center p-5">
|
||||
<div class="card col-12 col-md-5 shadow-sm">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title mb-5"><?= lang('Auth.emailEnterCode') ?></h5>
|
||||
|
||||
<p><?= lang('Auth.emailConfirmCode') ?></p>
|
||||
|
||||
<?php if (session('error') !== null) : ?>
|
||||
<div class="alert alert-danger"><?= session('error') ?></div>
|
||||
<?php endif ?>
|
||||
|
||||
<form action="<?= url_to('auth-action-verify') ?>" method="post">
|
||||
<?= csrf_field() ?>
|
||||
|
||||
<!-- Code -->
|
||||
<div class="mb-2">
|
||||
<input type="number" class="form-control" name="token" placeholder="000000"
|
||||
inputmode="numeric" pattern="[0-9]*" autocomplete="one-time-code" required />
|
||||
</div>
|
||||
|
||||
<div class="d-grid col-8 mx-auto m-3">
|
||||
<button type="submit" class="btn btn-primary btn-block"><?= lang('Auth.confirm') ?></button>
|
||||
</div>
|
||||
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<?= $this->endSection() ?>
|
||||
@@ -0,0 +1,36 @@
|
||||
<?= $this->extend(config('Auth')->views['layout']) ?>
|
||||
|
||||
<?= $this->section('title') ?><?= lang('Auth.emailActivateTitle') ?> <?= $this->endSection() ?>
|
||||
|
||||
<?= $this->section('guestContent') ?>
|
||||
|
||||
<div class="container d-flex justify-content-center p-5">
|
||||
<div class="card col-12 col-md-5 shadow-sm">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title mb-5"><?= lang('Auth.emailActivateTitle') ?></h5>
|
||||
|
||||
<?php if (session('error')) : ?>
|
||||
<div class="alert alert-danger"><?= session('error') ?></div>
|
||||
<?php endif ?>
|
||||
|
||||
<p><?= lang('Auth.emailActivateBody') ?></p>
|
||||
|
||||
<form action="<?= site_url('auth/a/verify') ?>" method="post">
|
||||
<?= csrf_field() ?>
|
||||
|
||||
<!-- Code -->
|
||||
<div class="mb-2">
|
||||
<input type="text" class="form-control" name="token" placeholder="000000" inputmode="numeric"
|
||||
pattern="[0-9]*" autocomplete="one-time-code" value="<?= old('token') ?>" required />
|
||||
</div>
|
||||
|
||||
<div class="d-grid col-8 mx-auto m-3">
|
||||
<button type="submit" class="btn btn-primary btn-block"><?= lang('Auth.send') ?></button>
|
||||
</div>
|
||||
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<?= $this->endSection() ?>
|
||||
@@ -0,0 +1,93 @@
|
||||
<?= $this->extend(config('Auth')->views['layout']) ?>
|
||||
|
||||
<?= $this->section('title') ?><?= lang('Auth.login') ?> <?= $this->endSection() ?>
|
||||
|
||||
<?= $this->section('guestContent') ?>
|
||||
|
||||
<div class="row container-fluid account-container">
|
||||
<div class="card col-lg-6 col-12">
|
||||
<form action="<?= url_to('login') ?>" method="post">
|
||||
<?= csrf_field() ?>
|
||||
|
||||
<h1 class="card-title">로그인</h1>
|
||||
|
||||
<?php if (session('error') !== null) : ?>
|
||||
<div class="alert alert-danger lh-base" role="alert"><?= session('error') ?></div>
|
||||
<?php elseif (session('errors') !== null) : ?>
|
||||
<div class="alert alert-danger lh-base" role="alert">
|
||||
<?php if (is_array(session('errors'))) : ?>
|
||||
<?php foreach (session('errors') as $error) : ?>
|
||||
<?= $error ?>
|
||||
<br>
|
||||
<?php endforeach ?>
|
||||
<?php else : ?>
|
||||
<?= session('errors') ?>
|
||||
<?php endif ?>
|
||||
</div>
|
||||
<?php endif ?>
|
||||
|
||||
<?php if (session('message') !== null) : ?>
|
||||
<div class="alert alert-success" role="alert"><?= session('message') ?></div>
|
||||
<?php endif ?>
|
||||
|
||||
<!-- Email -->
|
||||
<div class="mb-2 position-relative">
|
||||
<i class="bi bi-person-check"></i>
|
||||
<input type="text" class="form-control" name="username" autocomplete="off" placeholder="<?= lang('Auth.username') ?>" value="<?= old('username') ?>"/>
|
||||
</div>
|
||||
|
||||
<!-- Password -->
|
||||
<div class="mb-2 position-relative">
|
||||
<i class="bi bi-lock"></i>
|
||||
<input type="password" class="form-control" name="password" inputmode="text" autocomplete="off" placeholder="<?= lang('Auth.password') ?>" />
|
||||
</div>
|
||||
|
||||
<!-- Remember me -->
|
||||
<?php if (setting('Auth.sessionConfig')['allowRemembering']): ?>
|
||||
<div class="form-check">
|
||||
<label class="form-check-label">
|
||||
<input type="checkbox" name="remember" class="form-check-input" <?php if (old('remember')): ?> checked<?php endif ?>>
|
||||
<?= lang('Auth.rememberMe') ?>
|
||||
</label>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
|
||||
<div class="my-5">
|
||||
<button type="submit" class="btn btn-outline-primary btn-block"><?= lang('Auth.login') ?></button>
|
||||
</div>
|
||||
|
||||
<div class="d-flex justify-content-between">
|
||||
<?php if (setting('Auth.allowMagicLinkLogins')) : ?>
|
||||
<div class="d-flex align-items-center icon"><a href="<?= url_to('magic-link') ?>"><span class="material-symbols-outlined">lock_person</span><?= lang('Auth.forgotPassword') ?> </a></div>
|
||||
<?php endif ?>
|
||||
|
||||
<?php if (setting('Auth.allowRegistration')) : ?>
|
||||
<div class="d-flex align-items-center icon"><a href="<?= url_to('register') ?>"><span class="material-symbols-outlined">how_to_reg</span><?= lang('Auth.register') ?></a></div>
|
||||
<?php endif ?>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
//slide up 효과
|
||||
let account = document.querySelector('.account-container form');
|
||||
let effect = account.querySelectorAll('form > div');
|
||||
let i=0;
|
||||
let timer = setInterval(function(){
|
||||
effect[i].classList.add('effect');
|
||||
i++;
|
||||
|
||||
if(i >= effect.length){
|
||||
clearInterval(timer);
|
||||
}
|
||||
},150);
|
||||
|
||||
//회원정보 입력시 아이콘 색상 변화
|
||||
let icon_blue = '#4477CE';
|
||||
|
||||
$('.form-control').bind('keyup',function(){
|
||||
$(this).prev().css('color',icon_blue);
|
||||
$(this).css('color',icon_blue);
|
||||
});
|
||||
</script>
|
||||
<?= $this->endSection() ?>
|
||||
@@ -0,0 +1,70 @@
|
||||
<?= $this->extend(config('Auth')->views['layout']) ?>
|
||||
|
||||
<?= $this->section('title') ?>로그인<?= $this->endSection() ?>
|
||||
|
||||
<?= $this->section('guestContent') ?>
|
||||
<div class="container d-flex justify-content-center p-5">
|
||||
<div class="card col-12 col-md-5 shadow-sm">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title mb-5 text-center">로그인</h5>
|
||||
|
||||
<?php if (session('error') !== null) : ?>
|
||||
<div class="alert alert-danger" role="alert"><?= session('error') ?></div>
|
||||
<?php elseif (session('errors') !== null) : ?>
|
||||
<div class="alert alert-danger" role="alert">
|
||||
<?php if (is_array(session('errors'))) : ?>
|
||||
<?php foreach (session('errors') as $error) : ?>
|
||||
<?= $error ?>
|
||||
<br>
|
||||
<?php endforeach ?>
|
||||
<?php else : ?>
|
||||
<?= session('errors') ?>
|
||||
<?php endif ?>
|
||||
</div>
|
||||
<?php endif ?>
|
||||
|
||||
<?php if (session('message') !== null) : ?>
|
||||
<div class="alert alert-success" role="alert"><?= session('message') ?></div>
|
||||
<?php endif ?>
|
||||
|
||||
<form action="<?= url_to('login') ?>" method="post">
|
||||
<?= csrf_field() ?>
|
||||
|
||||
<!-- Email -->
|
||||
<div class="mb-2">
|
||||
<input type="text" class="form-control" name="username" placeholder="<?= lang('Auth.username') ?>" value="<?= old('username') ?>" />
|
||||
</div>
|
||||
|
||||
<!-- Password -->
|
||||
<div class="mb-2">
|
||||
<input type="password" class="form-control" name="password" inputmode="text" autocomplete="current-password" placeholder="<?= lang('Auth.password') ?>" />
|
||||
</div>
|
||||
|
||||
<!-- Remember me -->
|
||||
<?php if (setting('Auth.sessionConfig')['allowRemembering']): ?>
|
||||
<div class="form-check">
|
||||
<label class="form-check-label">
|
||||
<input type="checkbox" name="remember" class="form-check-input" <?php if (old('remember')): ?> checked<?php endif ?>>
|
||||
<?= lang('Auth.rememberMe') ?>
|
||||
</label>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
|
||||
<div class="d-grid col-12 col-md-8 mx-auto m-3">
|
||||
<button type="submit" class="btn btn-primary btn-block"><?= lang('Auth.login') ?></button>
|
||||
</div>
|
||||
|
||||
<?php if (setting('Auth.allowMagicLinkLogins')) : ?>
|
||||
<p class="text-center"><a href="<?= url_to('magic-link') ?>"><?= lang('Auth.forgotPassword') ?> </a></p>
|
||||
<?php endif ?>
|
||||
|
||||
<?php if (setting('Auth.allowRegistration')) : ?>
|
||||
<p class="text-center"><a href="<?= url_to('register') ?>"><?= lang('Auth.register') ?></a></p>
|
||||
<?php endif ?>
|
||||
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<?= $this->endSection() ?>
|
||||
@@ -0,0 +1,65 @@
|
||||
<?= $this->extend(config('Auth')->views['layout']) ?>
|
||||
|
||||
<?= $this->section('title') ?>비밀번호 재설정<?= $this->endSection() ?>
|
||||
|
||||
<?= $this->section('guestContent') ?>
|
||||
|
||||
<div class="row container-fluid account-container">
|
||||
<div class="card col-lg-6 col-12">
|
||||
|
||||
<form action="<?= url_to('magic-link') ?>" method="post">
|
||||
<?= csrf_field() ?>
|
||||
<h1 class="card-title">비밀번호 재설정</h1>
|
||||
|
||||
<?php if (session('error') !== null) : ?>
|
||||
<div class="alert alert-danger" role="alert"><?= session('error') ?></div>
|
||||
<?php elseif (session('errors') !== null) : ?>
|
||||
<div class="alert alert-danger" role="alert">
|
||||
<?php if (is_array(session('errors'))) : ?>
|
||||
<?php foreach (session('errors') as $error) : ?>
|
||||
<?= $error ?>
|
||||
<br>
|
||||
<?php endforeach ?>
|
||||
<?php else : ?>
|
||||
<?= session('errors') ?>
|
||||
<?php endif ?>
|
||||
</div>
|
||||
<?php endif ?>
|
||||
|
||||
<!-- Email -->
|
||||
<div class="mb-2 position-relative">
|
||||
<i class="bi bi-person-check"></i>
|
||||
<input type="email" class="form-control" name="email" autocomplete="email" placeholder="<?= lang('Auth.email') ?>"
|
||||
value="<?= old('email', auth()->user()->email ?? null) ?>" />
|
||||
</div>
|
||||
|
||||
<div class="my-5">
|
||||
<button type="submit" class="btn btn-outline-primary btn-block"><?= lang('Auth.send') ?></button>
|
||||
</div>
|
||||
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
//slide up 효과
|
||||
let account = document.querySelector('.account-container form');
|
||||
let effect = account.querySelectorAll('form > div');
|
||||
let i=0;
|
||||
let timer = setInterval(function(){
|
||||
effect[i].classList.add('effect');
|
||||
i++;
|
||||
|
||||
if(i >= effect.length){
|
||||
clearInterval(timer);
|
||||
}
|
||||
},150);
|
||||
|
||||
//회원정보 입력시 아이콘 색상 변화
|
||||
let icon_blue = '#4477CE';
|
||||
|
||||
$('.form-control').bind('keyup',function(){
|
||||
$(this).prev().css('color',icon_blue);
|
||||
$(this).css('color',icon_blue);
|
||||
});
|
||||
</script>
|
||||
<?= $this->endSection() ?>
|
||||
@@ -0,0 +1,20 @@
|
||||
<?= $this->extend(config('Auth')->views['layout']) ?>
|
||||
|
||||
<?= $this->section('title') ?><?= lang('Auth.useMagicLink') ?> <?= $this->endSection() ?>
|
||||
|
||||
<?= $this->section('guestContent') ?>
|
||||
|
||||
<div class="row container-fluid account-container">
|
||||
<div class="card col-lg-6 col-12">
|
||||
<h1 class="card-title"><?= lang('Auth.useMagicLink') ?></h1>
|
||||
|
||||
<div class="mb- position-relative">
|
||||
<i class="fa fa-envelope-o me-2"></i>
|
||||
<b><?= lang('Auth.checkYourEmail') ?></b>
|
||||
|
||||
<p class="mt-3"><?= lang('Auth.magicLinkDetails', [setting('Auth.magicLinkLifetime') / 60]) ?></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<?= $this->endSection() ?>
|
||||
@@ -0,0 +1,83 @@
|
||||
<?= $this->extend(config('Auth')->views['layout']) ?>
|
||||
|
||||
<?= $this->section('title') ?><?= lang('Auth.register') ?> <?= $this->endSection() ?>
|
||||
|
||||
<?= $this->section('guestContent') ?>
|
||||
<div class="row container-fluid account-container">
|
||||
<div class="card col-lg-6 col-12">
|
||||
|
||||
|
||||
<form action="<?= url_to('register') ?>" method="post">
|
||||
<?= csrf_field() ?>
|
||||
<h5 class="card-title"><?= lang('Auth.register') ?></h5>
|
||||
<?php if (session('error') !== null) : ?>
|
||||
<div class="alert alert-danger" role="alert"><?= session('error') ?></div>
|
||||
<?php elseif (session('errors') !== null) : ?>
|
||||
<div class="alert alert-danger lh-base" role="alert">
|
||||
<?php if (is_array(session('errors'))) : ?>
|
||||
<?php foreach (session('errors') as $error) : ?>
|
||||
<?= $error ?>
|
||||
<br>
|
||||
<?php endforeach ?>
|
||||
<?php else : ?>
|
||||
<?= session('errors') ?>
|
||||
<?php endif ?>
|
||||
</div>
|
||||
<?php endif ?>
|
||||
<!-- Email -->
|
||||
<div class="mb-2 position-relative">
|
||||
<i class="fa fa-envelope-o"></i>
|
||||
<input type="email" class="form-control" name="email" inputmode="email" autocomplete="off" placeholder="<?= lang('Auth.email') ?>" value="<?= old('email') ?>"/>
|
||||
</div>
|
||||
|
||||
<!-- Username -->
|
||||
<div class="mb-2 position-relative">
|
||||
<i class="bi bi-person-check"></i>
|
||||
<input type="text" class="form-control" name="username" inputmode="text" autocomplete="off" placeholder="<?= lang('Auth.username') ?>" value="<?= old('username') ?>"/>
|
||||
</div>
|
||||
|
||||
<!-- Password -->
|
||||
<div class="mb-2 position-relative">
|
||||
<i class="bi bi-lock"></i>
|
||||
<input type="password" class="form-control" name="password" inputmode="text" autocomplete="off" placeholder="<?= lang('Auth.password') ?>" />
|
||||
</div>
|
||||
|
||||
<!-- Password (Again) -->
|
||||
<div class="mb-2 position-relative">
|
||||
<i class="bi bi-check-circle"></i>
|
||||
<input type="password" class="form-control" name="password_confirm" inputmode="text" autocomplete="off" placeholder="<?= lang('Auth.passwordConfirm') ?>" />
|
||||
</div>
|
||||
|
||||
|
||||
<div class="my-5">
|
||||
<button type="submit" class="btn btn-outline-primary btn-block"><?= lang('Auth.register') ?></button>
|
||||
</div>
|
||||
|
||||
<div class="icon"><a href="<?= url_to('login') ?>"><span class="material-symbols-outlined">input</span><?= lang('Auth.login') ?></a></div>
|
||||
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
//slide up 효과
|
||||
let account = document.querySelector('.account-container form');
|
||||
let effect = account.querySelectorAll('form > div');
|
||||
let i=0;
|
||||
let timer = setInterval(function(){
|
||||
effect[i].classList.add('effect');
|
||||
i++;
|
||||
|
||||
if(i >= effect.length){
|
||||
clearInterval(timer);
|
||||
}
|
||||
},150);
|
||||
|
||||
//회원정보 입력시 아이콘 색상 변화
|
||||
let icon_blue = '#4477CE';
|
||||
|
||||
$('.form-control').bind('keyup',function(){
|
||||
$(this).prev().css('color',icon_blue);
|
||||
$(this).css('color',icon_blue);
|
||||
});
|
||||
</script>
|
||||
<?= $this->endSection() ?>
|
||||
@@ -0,0 +1,60 @@
|
||||
<?= $this->extend(config('Auth')->views['layout']) ?>
|
||||
|
||||
<?= $this->section('title') ?><?= lang('Auth.register') ?> <?= $this->endSection() ?>
|
||||
|
||||
<?= $this->section('guestContent') ?>
|
||||
<div class="container d-flex justify-content-center p-5">
|
||||
<div class="card col-12 col-md-5 shadow-sm">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title mb-5"><?= lang('Auth.register') ?></h5>
|
||||
|
||||
<?php if (session('error') !== null) : ?>
|
||||
<div class="alert alert-danger" role="alert"><?= session('error') ?></div>
|
||||
<?php elseif (session('errors') !== null) : ?>
|
||||
<div class="alert alert-danger" role="alert">
|
||||
<?php if (is_array(session('errors'))) : ?>
|
||||
<?php foreach (session('errors') as $error) : ?>
|
||||
<?= $error ?>
|
||||
<br>
|
||||
<?php endforeach ?>
|
||||
<?php else : ?>
|
||||
<?= session('errors') ?>
|
||||
<?php endif ?>
|
||||
</div>
|
||||
<?php endif ?>
|
||||
|
||||
<form action="<?= url_to('register') ?>" method="post">
|
||||
<?= csrf_field() ?>
|
||||
|
||||
<!-- Email -->
|
||||
<div class="mb-2">
|
||||
<input type="email" class="form-control" name="email" inputmode="email" autocomplete="email" placeholder="<?= lang('Auth.email') ?>" value="<?= old('email') ?>" />
|
||||
</div>
|
||||
|
||||
<!-- Username -->
|
||||
<div class="mb-4">
|
||||
<input type="text" class="form-control" name="username" inputmode="text" autocomplete="username" placeholder="<?= lang('Auth.username') ?>" value="<?= old('username') ?>" />
|
||||
</div>
|
||||
|
||||
<!-- Password -->
|
||||
<div class="mb-2">
|
||||
<input type="password" class="form-control" name="password" inputmode="text" autocomplete="new-password" placeholder="<?= lang('Auth.password') ?>" />
|
||||
</div>
|
||||
|
||||
<!-- Password (Again) -->
|
||||
<div class="mb-5">
|
||||
<input type="password" class="form-control" name="password_confirm" inputmode="text" autocomplete="new-password" placeholder="<?= lang('Auth.passwordConfirm') ?>" />
|
||||
</div>
|
||||
|
||||
<div class="d-grid col-12 col-md-8 mx-auto m-3">
|
||||
<button type="submit" class="btn btn-primary btn-block"><?= lang('Auth.register') ?></button>
|
||||
</div>
|
||||
|
||||
<p class="text-center"><a href="<?= url_to('login') ?>"><?= lang('Auth.login') ?></a></p>
|
||||
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<?= $this->endSection() ?>
|
||||
@@ -0,0 +1,60 @@
|
||||
<?= $this->extend(config('Auth')->views['layout']) ?>
|
||||
|
||||
<?= $this->section('title') ?>비밀번호 재설정<?= $this->endSection() ?>
|
||||
|
||||
<?= $this->section('guestContent') ?>
|
||||
|
||||
<div class="row container-fluid account-container">
|
||||
<div class="card col-lg-6 col-12">
|
||||
<form action="/set-password" method="post">
|
||||
<?= csrf_field() ?>
|
||||
<h1 class="card-title">비밀번호 재설정</h1>
|
||||
|
||||
<?php if (session('error') !== null) : ?>
|
||||
<div class="alert alert-danger" role="alert"><?= session('error') ?></div>
|
||||
<?php elseif (session('errors') !== null) : ?>
|
||||
<div class="alert alert-danger" role="alert">
|
||||
<?php if (is_array(session('errors'))) : ?>
|
||||
<?php foreach (session('errors') as $error) : ?>
|
||||
<?= $error ?>
|
||||
<br>
|
||||
<?php endforeach ?>
|
||||
<?php else : ?>
|
||||
<?= session('errors') ?>
|
||||
<?php endif ?>
|
||||
</div>
|
||||
<?php endif ?>
|
||||
|
||||
<!-- Email -->
|
||||
<div class="mb-2 position-relative">
|
||||
<i class="bi bi-lock"></i>
|
||||
<input type="password" class="form-control" name="password" placeholder="<?= lang('Auth.password') ?>" value=""/>
|
||||
</div>
|
||||
|
||||
<div class="mb-2 position-relative">
|
||||
<i class="bi bi-check-circle"></i>
|
||||
<input type="password" class="form-control" name="password_confirm" placeholder="<?= lang('Auth.passwordConfirm') ?>" value=""/>
|
||||
</div>
|
||||
|
||||
<div class="my-5">
|
||||
<button type="submit" class="btn btn-outline-primary btn-block">비밀번호 변경</button>
|
||||
</div>
|
||||
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
//slide up 효과
|
||||
let account = document.querySelector('.account-container form');
|
||||
let effect = account.querySelectorAll('form > div');
|
||||
let i=0;
|
||||
let timer = setInterval(function(){
|
||||
effect[i].classList.add('effect');
|
||||
i++;
|
||||
|
||||
if(i >= effect.length){
|
||||
clearInterval(timer);
|
||||
}
|
||||
},150);
|
||||
</script>
|
||||
<?= $this->endSection() ?>
|
||||
Reference in New Issue
Block a user