115 lines
4.2 KiB
PHP
115 lines
4.2 KiB
PHP
<header class="bar bar-nav bar-light bg-faded">
|
|
<a class="icon icon-home pull-left" role="button" href="<?php echo RW(0) ?>"></a>
|
|
<h1 class="title">로그인</h1>
|
|
</header>
|
|
|
|
<main class="content">
|
|
<form id="page-loginform" action="<?php echo $g['s']?>/" method="post" novalidate>
|
|
<input type="hidden" name="r" value="<?php echo $r?>">
|
|
<input type="hidden" name="a" value="login">
|
|
<input type="hidden" name="referer" value="<?php echo $referer ? $referer : $_SERVER['HTTP_REFERER']?>">
|
|
<input type="hidden" name="form" value="">
|
|
|
|
<div class="card">
|
|
<div class="form-list">
|
|
<span class="position-relative d-block">
|
|
<input type="text" placeholder="아이디" name="id" required autocapitalize="off" autocorrect="off">
|
|
<div class="invalid-tooltip" data-role="idErrorBlock"></div>
|
|
</span>
|
|
<span class="position-relative d-block">
|
|
<input type="password" placeholder="패스워드" name="pw" required autocapitalize="off" autocorrect="off">
|
|
<div class="invalid-tooltip" data-role="passwordErrorBlock"></div>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="content-padded">
|
|
<div class="p-y-1">
|
|
<label class="custom-control custom-checkbox">
|
|
<input type="checkbox" class="custom-control-input" name="login_cookie" value="checked" checked>
|
|
<span class="custom-control-indicator"></span>
|
|
<span class="custom-control-description">로그인 상태 유지</span>
|
|
</label>
|
|
</div>
|
|
<button type="submit" class="btn btn-outline-primary btn-lg btn-block js-submit">
|
|
<span class="not-loading">로그인</span>
|
|
<span class="is-loading"><i class="fa fa-spinner fa-lg fa-spin fa-fw"></i> 로그인중 ...</span>
|
|
</button>
|
|
</div>
|
|
<p class="m-t-2 content-padded d-flex justify-content-between">
|
|
<a class="muted-link" href="<?php echo RW('mod=join') ?>">처음오셨나요? 가입하기</a>
|
|
<a href="<?php echo $g['s']?>/?m=member&front=login&page=password_reset" class="muted-link">비밀번호를 잊으셨나요?</a>
|
|
</p>
|
|
</form>
|
|
|
|
<?php if ($d['member']['login_social']): ?>
|
|
<span class="section-divider"><span>또는</span></span>
|
|
<div class="content-padded mt-3">
|
|
|
|
<?php if ($d['connect']['use_n']): ?>
|
|
<button type="button" class="btn btn-lg btn-secondary btn-block btn-social btn-naver text-xs-center" data-connect="naver" role="button">
|
|
<span></span>
|
|
네이버로 로그인
|
|
</button>
|
|
<?php endif; ?>
|
|
|
|
<?php if ($d['connect']['use_k']): ?>
|
|
<button type="button" class="btn btn-lg btn-secondary btn-block btn-social btn-kakao text-xs-center" data-connect="kakao" role="button">
|
|
<span></span>
|
|
카카오톡으로 로그인
|
|
</button>
|
|
<?php endif; ?>
|
|
|
|
<?php if ($d['connect']['use_g']): ?>
|
|
<button type="button" class="btn btn-lg btn-secondary btn-block btn-social btn-google text-xs-center" data-connect="google" role="button">
|
|
<span class="fa fa-google"></span>
|
|
구글로 로그인
|
|
</button>
|
|
<?php endif; ?>
|
|
|
|
<?php if ($d['connect']['use_f']): ?>
|
|
<button type="button" class="btn btn-lg btn-secondary btn-block btn-social btn-facebook text-xs-center" data-connect="facebook" role="button">
|
|
<span class="fa fa-facebook"></span>
|
|
페이스북으로 로그인
|
|
</button>
|
|
<?php endif; ?>
|
|
|
|
<?php if ($d['connect']['use_i']): ?>
|
|
<button type="button" class="btn btn-lg btn-secondary btn-block btn-social btn-instagram text-xs-center" data-connect="instagram" role="button">
|
|
<span class="fa fa-instagram"></span>
|
|
인스타그램으로 로그인
|
|
</button>
|
|
<?php endif; ?>
|
|
|
|
</div>
|
|
<?php endif; ?>
|
|
|
|
</main>
|
|
|
|
<script type="text/javascript">
|
|
|
|
$(function () {
|
|
|
|
$('#page-loginform').submit(function(e){
|
|
e.preventDefault();
|
|
e.stopPropagation();
|
|
var form = $(this)
|
|
var formID = form.attr('id')
|
|
var f = document.getElementById(formID);
|
|
form.find('[name="form"]').val('#'+formID);
|
|
form.find('[type="submit"]').attr("disabled",true);
|
|
form.find('input').removeClass('is-invalid') //에러이력 초기화
|
|
setTimeout(function(){
|
|
getIframeForAction(f);
|
|
f.submit();
|
|
}, 500);
|
|
});
|
|
|
|
// page 로그인 관련
|
|
$("#page-loginform").find('input').keyup(function() {
|
|
$(this).removeClass('is-invalid') //에러 흔적 초기화
|
|
});
|
|
|
|
})
|
|
</script>
|