Taehoon/ITAM
2
0
Fork 0
Code Issues 24 Pull Requests Actions Packages Projects Releases Wiki Activity

feat: implement role-based entry and navigation enhancements

Browse Source 
- Replace credential login with Admin/Practitioner role selection
- Add role-switcher toggle in header with automatic reversion for Admin mode
- Implement immediate return to role selection via system logo click
- Integrate role state management into global app state
This commit is contained in:
이태훈
2026-06-01 17:56:22 +09:00
parent 19d4222470
commit 9e8ab11f99
5 changed files with 226 additions and 81 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
index.html
View File

@@ -27,17 +27,22 @@
<h2>ITAM 시스템</h2>
<p>자산 관리 포털에 오신 것을 환영합니다</p>
</div>
<form id="login-form" class="login-form">
<div class="form-group">
<label for="username">사용자 아이디</label>
<input type="text" id="username" placeholder="아이디를 입력하세요" required autofocus />
<div id="login-selection" class="login-selection">
<div class="role-card" data-role="admin">
<div class="role-icon">
<i data-lucide="settings"></i>
</div>
<h3>관리자</h3>
<p>시스템 설정 및 자산 마스터 관리</p>
</div>
<div class="form-group">
<label for="password">비밀번호</label>
<input type="password" id="password" placeholder="비밀번호를 입력하세요" required />
<div class="role-card" data-role="user">
<div class="role-icon">
<i data-lucide="monitor"></i>
</div>
<h3>실무자</h3>
<p>자산 조회 및 현황 확인</p>
</div>
<button type="submit" class="btn-login">로그인</button>
</form>
</div>
<div class="login-footer">
<p>&copy; 2026 BARON Consultant Co,Ltd. All rights reserved.</p>
</div>
@@ -59,6 +64,14 @@
</nav>
<div class="header-actions">
<div class="role-switcher" id="role-switcher">
<span class="role-label user active">실무자</span>
<label class="switch">
<input type="checkbox" id="role-toggle-checkbox">
<span class="slider round"></span>
</label>
<span class="role-label admin">관리자</span>
</div>
<button id="btn-admin-page" class="hidden"></button> <!-- JS 호환용 숨김 -->
<button id="btn-open-guide-header" class="btn btn-outline" title="프로세스 가이드">
<i data-lucide="book-open"></i> 가이드