jisangs/photo-renamer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

팝업창 제목 스타일 적용, 단축키 추가

Browse Source
This commit is contained in:
Jisang Park
2026-05-17 21:49:58 +09:00
parent a3d2909bf6
commit 5337ea221b
7 changed files with 157 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/renderer/index.html
+18 -13
View File
@@ -79,58 +79,63 @@
<div id="toast"></div>
<div id="move-modal" class="modal-overlay" style="display:none;">
<div class="modal-box">
<div class="modal-box modal-box-with-title">
<div class="modal-titlebar">이미지 이동</div>
<p class="modal-msg">대상 폴더에 이미 같은 이름의 파일이 존재합니다.<br>새로운 이름으로 파일들을 이동하시겠습니까?</p>
<div class="modal-fields">
<label>파일명 포맷<input type="text" id="move-prefix" value="photo" placeholder="접두사" /></label>
<label>자리 순번 숫자<input type="number" id="move-digits" value="4" min="1" max="6" /></label>
</div>
<div class="modal-actions">
<button id="move-cancel" class="btn btn-ghost">취소</button>
<button id="move-confirm" class="btn btn-success">실행</button>
<button id="move-cancel" class="btn btn-ghost modal-close">취소</button>
<button id="move-confirm" class="btn btn-success modal-action">실행</button>
</div>
</div>
</div>
<div id="rename-confirm-modal" class="modal-overlay" style="display:none;">
<div class="modal-box modal-box-with-title">
<div class="modal-titlebar" id="rename-confirm-title"></div>
<div class="modal-titlebar rename-title-selected" hidden>선택된 이미지 저장</div>
<div class="modal-titlebar rename-title-all">전체 이미지 저장</div>
<p class="modal-msg" id="rename-confirm-msg"></p>
<ul id="rename-confirm-list" class="modal-conflict-list modal-preview-list"></ul>
<p class="modal-warning" id="rename-confirm-selection-warning" style="display:none;">선택된 파일들만 저장합니다</p>
<div class="modal-actions">
<button id="rename-confirm-cancel" class="btn btn-ghost">취소</button>
<button id="rename-confirm-ok" class="btn btn-success">실행</button>
<button id="rename-confirm-cancel" class="btn btn-ghost modal-close">취소</button>
<button id="rename-confirm-ok" class="btn btn-success modal-action">실행</button>
</div>
</div>
</div>
<div id="rename-conflict-modal" class="modal-overlay" style="display:none;">
<div class="modal-box">
<div class="modal-box modal-box-with-title">
<div class="modal-titlebar modal-titlebar-warning">이름 충돌</div>
<p class="modal-msg">변경할 이름의 파일이 이미 존재합니다.</p>
<ul id="rename-conflict-list" class="modal-conflict-list"></ul>
<div class="modal-actions">
<button id="rename-conflict-close" class="btn btn-ghost">닫기</button>
<button id="rename-conflict-close" class="btn btn-ghost modal-close">닫기</button>
</div>
</div>
</div>
<div id="delete-modal" class="modal-overlay" style="display:none;">
<div class="modal-box">
<div class="modal-box modal-box-with-title">
<div class="modal-titlebar modal-titlebar-danger">이미지 삭제</div>
<p class="modal-msg">아래 파일을 삭제합니다.</p>
<ul id="delete-file-list" class="modal-conflict-list"></ul>
<div class="modal-actions">
<button id="delete-cancel" class="btn btn-ghost">취소</button>
<button id="delete-confirm" class="btn btn-warning">확인</button>
<button id="delete-cancel" class="btn btn-ghost modal-close">취소</button>
<button id="delete-confirm" class="btn btn-success modal-action">실행</button>
</div>
</div>
</div>
<div id="move-error-modal" class="modal-overlay" style="display:none;">
<div class="modal-box">
<div class="modal-box modal-box-with-title">
<div class="modal-titlebar modal-titlebar-warning">이동 오류</div>
<p class="modal-msg">새로운 이름의 파일도 존재합니다.</p>
<div class="modal-actions">
<button id="move-error-close" class="btn btn-ghost">닫기</button>
<button id="move-error-close" class="btn btn-ghost modal-close">닫기</button>
</div>
</div>
</div>