169 lines
8.6 KiB
PHP
169 lines
8.6 KiB
PHP
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css">
|
||
|
||
<!--popup_wrap-->
|
||
<div id="pop_login" class="popup_wrap">
|
||
<!--popup_in-->
|
||
<div class="popup_in">
|
||
<button class="btn_close">
|
||
<div class="close_div"><img src="<?php echo G5_URL ?>/img/ico_close.svg" alt="sdi"></div>
|
||
</button>
|
||
<!--popup_container-->
|
||
<div class="popup_container login">
|
||
<!--popup_tit-->
|
||
<div class="popup_tit">
|
||
<h1 class="h_1">Login</h1>
|
||
<h3 class="h_3">
|
||
Log in to access <br><br class="brk"><strong>1:1 purchase inquiries and <br>product support services.</strong>
|
||
</h3>
|
||
</div>
|
||
<!--//popup_tit-->
|
||
<!-- popup_contents_wrap -->
|
||
<div class="popup_contents_wrap">
|
||
<form id="flogin" name="flogin" action="<?php //echo $login_action_url?>" onsubmit="return flogin_submit(this);" method="post">
|
||
<input type="hidden" name="url" value="<?php //echo $login_url?>">
|
||
<div class="input_wrap id">
|
||
<i class="id"></i><input type="text" name="mb_id" id="login_id" required class="id " placeholder="ID">
|
||
</div>
|
||
<div class="input_wrap pw" style="position: relative;">
|
||
<i class="pw"></i><input type="password" name="mb_password" id="login_pw" required class="pw " size="20" maxLength="20" placeholder="Password" onkeyup="ufn_loginpw_onkeyup(this);">
|
||
<!-- 👁 Font Awesome 아이콘 -->
|
||
<i id="toggle_pw"
|
||
class="fa-solid fa-eye"
|
||
style="position:absolute; right:10px; top:50%;
|
||
transform:translateY(-50%);
|
||
cursor:pointer; color:#888;"></i>
|
||
<!-- ✅ CapsLock 경고 (커서 오른쪽 표시용) -->
|
||
<div id="capslock_hint"
|
||
style="display:none;
|
||
position:absolute;
|
||
left:0;
|
||
bottom:-20px;
|
||
font-size:13px;
|
||
color:#f87171;
|
||
pointer-events:none;
|
||
animation:fadein 0.15s ease;">
|
||
⚠️ Caps Lock is on.
|
||
</div>
|
||
</div>
|
||
<style>
|
||
@keyframes fadein { from { opacity:0; } to { opacity:1; } }
|
||
</style>
|
||
<div class="join_btn_wrap">
|
||
<button type="submit" id="btn_login">Login</button>
|
||
</div>
|
||
<div class="join_btn_wrap" style="margin-top:10px;">
|
||
<a href="/auth/baron_login?site=eng&return_url=/eng/index.php" style="display:block; width:100%; text-align:center; padding:14px 16px; border:1px solid #0f3a2f; border-radius:10px; color:#0f3a2f; font-weight:700;">BARON-SSO Login</a>
|
||
</div>
|
||
<p style="margin-top:10px; font-size:16px; font-weight:700; color:#c62828; line-height:1.6; text-align:center;">eg-bim 1.5.1 버전 이상 사용자는 baron-sso로 로그인해야 합니다.</p>
|
||
<div class="btn_go">
|
||
<!-- <div class="go_signup"><a href="#" class="signup-disabled-link" aria-disabled="true"><span>Sign up</span><i class="arrow_r"></i></a></div> -->
|
||
<div class="go_find"><a href="javascript:search();"><span>Reset Password</span><i class="arrow_r"></i></a></div>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
<!-- //popup_contents_wrap -->
|
||
</div>
|
||
<!--//popup_container-->
|
||
</div>
|
||
<!--//popup_in-->
|
||
</div>
|
||
<!--//popup_wrap-->
|
||
|
||
|
||
<script>
|
||
function ufn_loginpw_onkeyup(l_pw){
|
||
var loginButton = document.getElementById('btn_login');
|
||
if (!loginButton) {
|
||
return;
|
||
}
|
||
|
||
loginButton.disabled = !(l_pw && l_pw.value.length > 0);
|
||
}
|
||
</script>
|
||
|
||
<script>
|
||
// (function () {
|
||
// // 1) 공지 팝업 DOM이 없으면 생성
|
||
// if (!document.getElementById('egbimNotice')) {
|
||
// $('body').append(`
|
||
// <div class="notice-backdrop" style="display:none;position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:9998;"></div>
|
||
// <div class="notice-box" id="egbimNotice" style="display:none;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:9999;background:#103a2f;color:#fff;border-radius:14px;max-width:520px;width:92%;box-shadow:0 10px 30px rgba(0,0,0,.35);padding:28px;">
|
||
// <button class="notice-close" aria-label="닫기" style="position:absolute;right:10px;top:8px;border:none;background:transparent;color:#fff;font-size:24px;cursor:pointer;">×</button>
|
||
// <h3 style="margin:0 0 10px;font-size:20px;font-weight:700;">공지사항</h3>
|
||
// <p style="line-height:1.6;margin:0 0 18px;">
|
||
// EG-BIM 프로그램 사용자 인증 신규 시스템 도입으로 인해<br>
|
||
// 기존 회원분들께서는 <strong>재가입</strong> 해주시기 바랍니다.
|
||
// </p>
|
||
// <div class="notice-actions" style="display:flex;gap:8px;justify-content:flex-end;">
|
||
// <button class="btn-ok" style="padding:10px 16px;border:none;border-radius:10px;background:#ffb02e;color:#111;cursor:pointer;font-weight:700;">확인</button>
|
||
// </div>
|
||
// </div>
|
||
// `);
|
||
// }
|
||
|
||
// // 팝업 열기/닫기
|
||
// function openNotice(onConfirm) {
|
||
// $('.notice-backdrop, #egbimNotice').fadeIn(120);
|
||
// const close = () => {
|
||
// $('#egbimNotice .btn-ok, #egbimNotice .notice-close').off('click');
|
||
// $('.notice-backdrop, #egbimNotice').fadeOut(120);
|
||
// };
|
||
// $('#egbimNotice .notice-close').on('click', close);
|
||
// $('#egbimNotice .btn-ok').on('click', function () {
|
||
// close();
|
||
// if (typeof onConfirm === 'function') onConfirm();
|
||
// });
|
||
// }
|
||
|
||
// // 2) 로그인 버튼 클릭 → 공지 팝업 먼저 띄우고, 확인 시 로그인 실행
|
||
// $('#btn_login').off('click.notice').on('click.notice', function (e) {
|
||
// e.preventDefault();
|
||
// openNotice(doLoginAjax);
|
||
// });
|
||
// })();
|
||
//
|
||
</script>
|
||
<script>
|
||
$(document).ready(function () {
|
||
// form submit (Enter 눌러도 실행됨)
|
||
$('#flogin').on('submit', function(e) {
|
||
e.preventDefault(); // 기본 제출 막기
|
||
$('#btn_login').click(); // 버튼 클릭 이벤트 재사용
|
||
});
|
||
|
||
$('.signup-disabled-link').on('click', function (e) {
|
||
e.preventDefault();
|
||
});
|
||
});
|
||
|
||
document.addEventListener("DOMContentLoaded", () => {
|
||
const pwInput = document.getElementById("login_pw");
|
||
const toggle = document.getElementById("toggle_pw");
|
||
const hint = document.getElementById("capslock_hint");
|
||
|
||
// 👁 토글 기능
|
||
toggle.addEventListener("click", () => {
|
||
const isHidden = pwInput.type === "password";
|
||
pwInput.type = isHidden ? "text" : "password";
|
||
toggle.classList.toggle("fa-eye");
|
||
toggle.classList.toggle("fa-eye-slash");
|
||
});
|
||
|
||
// ⚠ CapsLock 감지
|
||
pwInput.addEventListener("keydown", e => {
|
||
const caps = e.getModifierState && e.getModifierState("CapsLock");
|
||
hint.style.display = caps ? "block" : "none";
|
||
});
|
||
pwInput.addEventListener("keyup", e => {
|
||
const caps = e.getModifierState && e.getModifierState("CapsLock");
|
||
hint.style.display = caps ? "block" : "none";
|
||
});
|
||
pwInput.addEventListener("blur", () => hint.style.display = "none");
|
||
|
||
// 🚫 한글 차단
|
||
pwInput.addEventListener("input", function() {
|
||
this.value = this.value.replace(/[ㄱ-ㅎ|ㅏ-ㅣ|가-힣]/g, '');
|
||
});
|
||
});
|
||
</script>
|