BARON-SSO 로그인 기능 연동
This commit is contained in:
43
index.html
43
index.html
@@ -14,6 +14,49 @@
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="login-layout" id="login-container" style="display: none;">
|
||||
<section class="login-card">
|
||||
<div class="login-header">
|
||||
<img src="/image 92.png" alt="Logo" class="login-logo" />
|
||||
<h2>한맥자산관리시스템</h2>
|
||||
<p>Baron SSO 계정으로 로그인하세요.</p>
|
||||
</div>
|
||||
|
||||
<div class="login-mode-tabs" id="login-mode-tabs">
|
||||
<button type="button" class="login-mode-tab active" data-mode="password">사번 로그인</button>
|
||||
<button type="button" class="login-mode-tab" data-mode="phone">전화번호 로그인</button>
|
||||
</div>
|
||||
|
||||
<form id="login-form" class="login-form" data-mode="password">
|
||||
<label class="login-field">
|
||||
<span>사번</span>
|
||||
<input id="login-id" name="loginId" type="text" autocomplete="username" placeholder="사번 입력" required />
|
||||
</label>
|
||||
<label class="login-field">
|
||||
<span>비밀번호</span>
|
||||
<input id="login-password" name="password" type="password" autocomplete="current-password" placeholder="비밀번호 입력" required />
|
||||
</label>
|
||||
<p id="login-error" class="login-error" hidden></p>
|
||||
<button id="login-submit" type="submit" class="btn btn-primary login-submit">로그인</button>
|
||||
</form>
|
||||
|
||||
<form id="phone-login-form" class="login-form" data-mode="phone" hidden>
|
||||
<label class="login-field">
|
||||
<span>전화번호</span>
|
||||
<input id="phone-login-id" name="phoneLoginId" type="tel" autocomplete="tel" placeholder="휴대전화 번호 입력" required />
|
||||
</label>
|
||||
<p id="phone-login-hint" class="login-hint">숫자만 입력하면 됩니다. 인증 링크는 등록된 카카오톡 또는 SMS로 전송됩니다.</p>
|
||||
<p id="phone-login-status" class="login-status" hidden></p>
|
||||
<p id="phone-login-error" class="login-error" hidden></p>
|
||||
<button id="phone-login-submit" type="submit" class="btn btn-primary login-submit">인증 링크 보내기</button>
|
||||
</form>
|
||||
|
||||
<div class="login-footer">
|
||||
Headless Baron SSO 연동을 통해 로그인 세션을 생성합니다.
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
<div class="app-layout" id="app-layout" style="display: none;">
|
||||
<!-- Single-Line Integrated Header -->
|
||||
<header class="main-header">
|
||||
|
||||
Reference in New Issue
Block a user