Files
test-mcp/debug_modal.html
Taehoon d246b08799 feat: 메일 관리 UI 개편 및 시스템 구조 최적화
- UI/UX: 메일 관리 레이아웃 고도화 및 미리보기 토글 핸들 도입
- 기능: 주소록 CRUD 기능 추가 및 모달 인터페이스 개선
- 구조: CSS 파일 기능별 분리 및 Jinja2 템플릿 엔진 도입
- 백엔드: OCR 비동기 처리 및 CSV 파싱(BOM) 안정화
- 데이터: 2026.03.04 기준 최신 프로젝트 현황 업데이트
2026-03-04 17:58:54 +09:00

226 lines
16 KiB
HTML

<div class="wrap">
<article class="log-filter">
<div class="head">
<span class="title _h3">로그필터</span>
<button class="_button-xsmall reset">초기화</button>
</div>
<div class="body">
<div class="log-date">
<span class="subtitle">활동시간</span>
<div class="log-date-wrap">
<span class="category">시작</span>
<input type="date" value="">
</div>
<div class="log-date-wrap">
<span class="category">종료</span>
<input type="date" value="">
</div>
</div>
<div class="log-user">
<span class="subtitle">사용자</span>
<div class="custom-select-wrap">
<div class="custom-select-display">모든 사용자</div>
<ul class="custom-select-list" style="display: none;"><li data-value="allUser">모든 사용자</li><li data-value="213057">213057 (박진규)</li><li data-value="225044">225044 (박종호)</li><li data-value="B21364">B21364 (이태훈)</li><li data-value="B22027">B22027 (김혜인)</li><li data-value="dev5">dev5 (시스템관리E)</li><li data-value="dev6">dev6 (시스템관리F)</li><li data-value="dev7">dev7 (시스템관리G)</li><li data-value="M07318">M07318 (김원기)</li></ul>
<select id="log-user-select" name="log-user-select" hidden=""><option value="allUser">모든 사용자</option><option value="213057">213057 (박진규)</option><option value="225044">225044 (박종호)</option><option value="B21364">B21364 (이태훈)</option><option value="B22027">B22027 (김혜인)</option><option value="dev5">dev5 (시스템관리E)</option><option value="dev6">dev6 (시스템관리F)</option><option value="dev7">dev7 (시스템관리G)</option><option value="M07318">M07318 (김원기)</option></select>
</div>
</div>
<div class="log-activity">
<div class="head-group">
<span class="subtitle">활동유형</span>
<div class="button-wrap">
<button class="_button-xsmall select-all">전체선택</button>
<button class="_button-xsmall clear-all">전체해제</button>
</div>
</div>
<span class="category">파일 / 폴더관련</span>
<label>
<input type="checkbox" value="uploadData_file" checked="">
<span class="--checkbox"></span>
<span>파일 업로드</span>
</label>
<label>
<input type="checkbox" value="renameTarget" checked="">
<span class="--checkbox"></span>
<span>이름 변경</span>
</label>
<label>
<input type="checkbox" value="removeTarget" checked="">
<span class="--checkbox"></span>
<span>삭제</span>
</label>
<label>
<input type="checkbox" value="downloadTarget" checked="">
<span class="--checkbox"></span>
<span>다운로드</span>
</label>
<label>
<input type="checkbox" value="relocateTarget" checked="">
<span class="--checkbox"></span>
<span>파일 이동</span>
</label>
<label>
<input type="checkbox" value="createFolder" checked="">
<span class="--checkbox"></span>
<span>새 폴더 생성</span>
</label>
<label>
<input type="checkbox" value="setDataPermission_folder" checked="">
<span class="--checkbox"></span>
<span>폴더 권한 설정</span>
</label>
<label>
<input type="checkbox" value="convertPdf" checked="">
<span class="--checkbox"></span>
<span>PDF 변환</span>
</label>
<span class="category">유저관련</span>
<label>
<input type="checkbox" value="editAuthor" checked="">
<span class="--checkbox"></span>
<span>작성자 변경</span>
</label>
<label>
<input type="checkbox" value="deletePermission" checked="">
<span class="--checkbox"></span>
<span>권한 삭제</span>
</label>
<label>
<input type="checkbox" value="addPermission" checked="">
<span class="--checkbox"></span>
<span>권한 추가</span>
</label>
<span class="category">기타</span>
<label>
<input type="checkbox" value="summarizeAI" checked="">
<span class="--checkbox"></span>
<span>AI 요약</span>
</label>
</div>
</div>
<div class="foot">
<button class="_button-medium">적용</button>
</div>
</article>
<div class="modal-wrap">
<div class="modal-header narrow-area">
<div class="title">
<div class="left-wrap">
<div class="title-wrap">
<div class="text">활동로그</div>
<div class="users-count" style="display: none;">1 명</div>
</div>
<div class="btn set-user-permission-btn permission-min-sub-master" style="display: none;">
<div class="text">유저 권한 설정</div>
</div>
</div>
</div>
<div class="close"></div>
</div>
<div class="modal-body">
<div class="connected-users-wrap" style="display: none;">
<div class="user-item-wrap scrollbar"><div class="user-item me" data-user-id="B21364"><img class="profile-image" src="/main/img/archive/empty-profile.svg" style="outline: rgb(24, 114, 89) solid 2px;"><div class="wrap"><div class="top-wrap"><div class="name">이태훈 선임연구원</div><div class="user-permission-sub-master"><h6>부관리자</h6></div><div class="me-badge"><h6></h6></div></div><div class="bottom-wrap"><div class="cur-path">현재 위치: /과업개요</div></div></div></div></div>
<div class="project-setting-wrap">
<div class="project-name-wrap">
<div>프로젝트명</div>
<div class="project-type-wrap" id="project-type-wrap" style="display: none;">
<button class="project-type" id="project-type-btn">
<h5 class="project-type__label --type__support">지원</h5>
<i class="project-type__icon"></i>
</button>
<h5 class="--type-capsule" id="project-type-capsule">시공</h5>
<ul class="project-type__list">
<li class="project-type__list_item --type__construction">시공</li>
<li class="project-type__list_item --type__design">설계</li>
<li class="project-type__list_item --type__surgest">제안</li>
<li class="project-type__list_item --type__research">연구</li>
<li class="project-type__list_item --type__support">지원</li>
<li class="project-type__list_item --type__center">센터</li>
<li class="project-type__list_item --type__survey">측량</li>
</ul>
</div>
<div class="project-type-wrap" id="project-type-wrap-overseas" style="display: flex;">
<button class="project-type" id="project-type-btn-overseas" style="min-width: 107.523px; text-align: center; justify-content: center; display: none; align-items: center;">
<h5 class="project-type__label --type__MP">MP (기본계획)</h5>
<i class="project-type__icon"></i>
</button>
<h5 class="--type-capsule" id="project-type-capsule-overseas" style="min-width: 107.523px; text-align: center; justify-content: center; display: flex; align-items: center;">PMC (실시설계)</h5>
<ul class="project-type__list" style="min-width: 107.523px;">
<li class="project-type__list_item --type__MP" style="padding-left: 5px; padding-right: 5px;">MP (기본계획)</li>
<li class="project-type__list_item --type__DD" style="padding-left: 5px; padding-right: 5px;">DD (실시설계)</li>
<li class="project-type__list_item --type__FS" style="padding-left: 5px; padding-right: 5px;">FS (타당성조사)</li>
<li class="project-type__list_item --type__PD" style="padding-left: 5px; padding-right: 5px;">PD (기본설계)</li>
<li class="project-type__list_item --type__DS" style="padding-left: 5px; padding-right: 5px;">DS (설계감리)</li>
<li class="project-type__list_item --type__CS" style="padding-left: 5px; padding-right: 5px;">CS (시공감리)</li>
<li class="project-type__list_item --type__PMC" style="padding-left: 5px; padding-right: 5px;">PMC (실시설계)</li>
<li class="project-type__list_item --type__IDC" style="padding-left: 5px; padding-right: 5px;">IDC (타당성조사)</li>
<li class="project-type__list_item --type__DR" style="padding-left: 5px; padding-right: 5px;">DR (설계검토)</li>
<li class="project-type__list_item --type__ETC" style="padding-left: 5px; padding-right: 5px;">ETC (기타)</li>
</ul>
</div>
<div class="project-input-wrap" style="display: flex; gap:1rem;">
<div class="project-setting-name" id="project-name-view"> ITTC 관개 교육센터</div>
<input type="text" class="project-setting-name" id="project-name-input" style="display: none; border: 1px solid black;">
</div>
<div class="project-step-wrap">
<button class="project-step" id="project-step-btn" style="display: none;">
<h5 class="project-step__label --step__active">진행</h5>
<i class="project-step__icon"></i>
</button>
<h5 class="project-step-capsule --step-capsule__active" id="project-step-capsule" style="display: flex;">진행</h5>
<ul class="project-step__list">
<li class="project-step__list_item --step__active">진행</li>
<li class="project-step__list_item --step__stop">중지</li>
<li class="project-step__list_item --step__done">완료</li>
<li class="project-step__list_item --step__wait">대기</li>
</ul>
</div>
<div class="peoject-save-wrap">
</div>
</div>
<div class="project-manager-wrap">
<div class="project-manager-title">프로젝트 관리자</div>
<div class="project-manager-name">방노성 전무이사</div>
</div>
<div class="project-location-wrap">
<div class="project-location-title">프로젝트 위치</div>
<div class="project-location-lat">위도 18.068579</div>
<div class="project-location-lon">경도 102.65966</div>
</div>
</div>
<div class="btn-wrap">
<div class="logout-btn">
<div class="image"></div>
<div class="text">로그아웃</div>
</div>
</div>
</div>
<div class="manual-wrap" style="display: none;"></div>
<div class="size-wrap" style="display: none;">
<div class="chart" style="user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); position: relative;"><div style="position: relative; width: 1152px; height: 720px; padding: 0px; margin: 0px; border-width: 0px;"><canvas data-zr-dom-id="zr_0" width="1152" height="720" style="position: absolute; left: 0px; top: 0px; width: 1152px; height: 720px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); padding: 0px; margin: 0px; border-width: 0px;"></canvas></div><div class=""></div></div>
<div class="text">저장공간 관련 문의: GSIM 개발팀 이호성 수석연구원</div>
</div>
<div class="log-wrap" style="opacity: 1; display: flex;">
<div class="log-item-wrap log-header">
<div class="log-item">
<div class="date"><div class="text">활동시간</div></div>
<div class="user"><div class="text">사용자</div></div>
<div class="activity"><div class="text">활동유형</div></div>
<div class="log"><div class="text">활동내용</div></div>
</div>
</div>
<div class="log-item-wrap log-body scrollbar scroll-container"></div>
</div>
<div class="text-wrap" style="display: none;">undefined</div>
<div class="project-list-wrap" style="display: none;"></div>
<div class="input-wrap" style="display: none;"></div>
<div class="user-list-wrap" style="display: none;">
<div class="user-item-wrap scrollbar"></div>
</div>
<div class="btn-wrap" style="display: none;"></div>
</div>
</div>
</div>