업로드 날짜 모달 UX 다듬기
- 기본 선택값을 오늘 날짜로 미리 지정 (업로드 실행 버튼도 즉시 활성) - 안내 문구를 "발주 데이터의 주문 날짜로 날짜를 선택해주세요." 로 수정 - 선택된 날짜 박스와 하단 버튼 사이 1.5rem 간격 확보 Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -1974,6 +1974,7 @@ input[type="checkbox"] {
|
||||
border: 1px dashed #cbd5e1;
|
||||
border-radius: 8px;
|
||||
padding: 0.75rem;
|
||||
margin-bottom: 1.5rem;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
|
||||
+1
-1
@@ -411,7 +411,7 @@
|
||||
<div class="modal-content glass-panel upload-date-modal-content">
|
||||
<span class="close-btn" id="upload-date-close">×</span>
|
||||
<h2><i class="fa-regular fa-calendar-check"></i> 업로드 날짜 지정</h2>
|
||||
<p class="modal-instruction-text">발주 데이터의 주문 날짜로 입력될 날짜를 선택해주세요.</p>
|
||||
<p class="modal-instruction-text">발주 데이터의 주문 날짜로 날짜를 선택해주세요.</p>
|
||||
|
||||
<!-- Custom Calendar Picker Container -->
|
||||
<div class="custom-calendar-picker">
|
||||
|
||||
+14
-6
@@ -397,13 +397,21 @@ document.addEventListener('DOMContentLoaded', () => {
|
||||
fileUpload.addEventListener('change', (e) => {
|
||||
const files = e.target.files;
|
||||
if (!files || files.length === 0) return;
|
||||
|
||||
|
||||
pendingFiles = files;
|
||||
calendarActiveDate = new Date();
|
||||
calendarSelectedDate = null;
|
||||
btnSubmitUploadDate.disabled = true;
|
||||
selectedDateText.textContent = '선택 안 됨';
|
||||
|
||||
|
||||
// 기본 선택값: 오늘 날짜 (사용자가 명시적으로 다시 고를 수도 있음)
|
||||
const today = new Date();
|
||||
const yyyy = today.getFullYear();
|
||||
const mm = String(today.getMonth() + 1).padStart(2, '0');
|
||||
const dd = String(today.getDate()).padStart(2, '0');
|
||||
const weekdayNames = ["일요일", "월요일", "화요일", "수요일", "목요일", "금요일", "토요일"];
|
||||
|
||||
calendarActiveDate = new Date(yyyy, today.getMonth(), today.getDate());
|
||||
calendarSelectedDate = `${yyyy}-${mm}-${dd}`;
|
||||
selectedDateText.textContent = `${yyyy}년 ${today.getMonth() + 1}월 ${today.getDate()}일 (${weekdayNames[today.getDay()]})`;
|
||||
btnSubmitUploadDate.disabled = false;
|
||||
|
||||
renderCalendar();
|
||||
uploadDateModal.classList.add('show');
|
||||
});
|
||||
|
||||
Reference in New Issue
Block a user