hskwon
39ed2ac3e3
사용자 모달 기능: - 사용자 정보 모달 팝업 (조회/삭제/수정) - 권한 요약 정보 (Web/API 권한 카운트) - 2x2 그리드 레이아웃 (테넌트, 역할, 부서, 권한) - 테이블 행 클릭으로 모달 열기 - 권한 관리 링크 클릭 시 해당 사용자 자동 선택 컨텍스트 메뉴 확장: - permission-analyze 페이지 사용자 이름에 컨텍스트 메뉴 - user-permissions 페이지 사용자 버튼에 컨텍스트 메뉴 - 사용자 모달 내 테넌트 칩에 컨텍스트 메뉴 - 헤더 테넌트 배지에 컨텍스트 메뉴 - 테넌트 메뉴에 "이 테넌트로 전환" 기능 추가
40 lines
1.7 KiB
PHP
40 lines
1.7 KiB
PHP
{{-- 사용자 정보 모달 --}}
|
|
<div id="user-modal"
|
|
class="hidden fixed inset-0 z-50 overflow-y-auto"
|
|
aria-labelledby="user-modal-title"
|
|
role="dialog"
|
|
aria-modal="true">
|
|
|
|
{{-- 배경 오버레이 --}}
|
|
<div class="fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity"></div>
|
|
|
|
{{-- 모달 컨테이너 --}}
|
|
<div class="flex min-h-full items-start justify-center p-4 pt-16">
|
|
<div class="relative bg-white rounded-lg shadow-xl w-full max-w-3xl max-h-[85vh] flex flex-col">
|
|
|
|
{{-- 모달 헤더 --}}
|
|
<div class="flex items-center justify-between px-6 py-4 border-b border-gray-200 flex-shrink-0">
|
|
<h2 id="user-modal-title" class="text-xl font-semibold text-gray-800">
|
|
사용자 정보
|
|
</h2>
|
|
<button type="button"
|
|
onclick="UserModal.close()"
|
|
class="text-gray-400 hover:text-gray-600 transition-colors">
|
|
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
|
|
{{-- 모달 콘텐츠 --}}
|
|
<div id="user-modal-content" class="flex-1 overflow-y-auto">
|
|
{{-- 콘텐츠는 JS로 로드됨 --}}
|
|
<div class="flex items-center justify-center h-64">
|
|
<div class="animate-spin rounded-full h-12 w-12 border-b-2 border-blue-600"></div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|