업로드 날짜 모달 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: 1px dashed #cbd5e1;
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
padding: 0.75rem;
|
padding: 0.75rem;
|
||||||
|
margin-bottom: 1.5rem;
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|||||||
+1
-1
@@ -411,7 +411,7 @@
|
|||||||
<div class="modal-content glass-panel upload-date-modal-content">
|
<div class="modal-content glass-panel upload-date-modal-content">
|
||||||
<span class="close-btn" id="upload-date-close">×</span>
|
<span class="close-btn" id="upload-date-close">×</span>
|
||||||
<h2><i class="fa-regular fa-calendar-check"></i> 업로드 날짜 지정</h2>
|
<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 -->
|
<!-- Custom Calendar Picker Container -->
|
||||||
<div class="custom-calendar-picker">
|
<div class="custom-calendar-picker">
|
||||||
|
|||||||
+12
-4
@@ -399,10 +399,18 @@ document.addEventListener('DOMContentLoaded', () => {
|
|||||||
if (!files || files.length === 0) return;
|
if (!files || files.length === 0) return;
|
||||||
|
|
||||||
pendingFiles = files;
|
pendingFiles = files;
|
||||||
calendarActiveDate = new Date();
|
|
||||||
calendarSelectedDate = null;
|
// 기본 선택값: 오늘 날짜 (사용자가 명시적으로 다시 고를 수도 있음)
|
||||||
btnSubmitUploadDate.disabled = true;
|
const today = new Date();
|
||||||
selectedDateText.textContent = '선택 안 됨';
|
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();
|
renderCalendar();
|
||||||
uploadDateModal.classList.add('show');
|
uploadDateModal.classList.add('show');
|
||||||
|
|||||||
Reference in New Issue
Block a user