diff --git a/design/uiux/prototype/05-대시보드.html b/design/uiux/prototype/05-대시보드.html index 32f9e50..ed0e4f3 100644 --- a/design/uiux/prototype/05-대시보드.html +++ b/design/uiux/prototype/05-대시보드.html @@ -34,7 +34,7 @@

빠른 시작

-
+
- 좌/우 이동 - -
-
- -
- -
- - 중간 - -
-
- diff --git a/design/uiux/prototype/11-배포채널선택.html b/design/uiux/prototype/11-배포채널선택.html index 7023f8f..718dc3a 100644 --- a/design/uiux/prototype/11-배포채널선택.html +++ b/design/uiux/prototype/11-배포채널선택.html @@ -273,6 +273,75 @@ updateSummary(); }); + // SNS 예약 게시 선택 시 모달 표시 + let scheduledDateTime = null; + document.getElementById('snsSchedule').addEventListener('change', function() { + if (this.value === 'schedule') { + showScheduleModal(); + } + }); + + function showScheduleModal() { + // 현재 날짜/시간 기본값 설정 + const now = new Date(); + const tomorrow = new Date(now); + tomorrow.setDate(tomorrow.getDate() + 1); + + const dateStr = tomorrow.toISOString().split('T')[0]; + const timeStr = '09:00'; + + KTEventApp.Feedback.showModal({ + title: '예약 배포 설정', + content: ` +
+ + +
+
+ + +
+

+ * 설정한 시간에 자동으로 SNS에 게시됩니다 +

+ `, + buttons: [ + { + text: '취소', + variant: 'text', + onClick: function() { + // 즉시로 되돌리기 + document.getElementById('snsSchedule').value = 'now'; + scheduledDateTime = null; + this.closest('.modal-backdrop').remove(); + } + }, + { + text: '확인', + variant: 'primary', + onClick: function() { + const date = document.getElementById('scheduleDate').value; + const time = document.getElementById('scheduleTime').value; + + if (!date || !time) { + KTEventApp.Feedback.showToast('날짜와 시간을 모두 입력해주세요'); + return; + } + + scheduledDateTime = { + date: date, + time: time, + datetime: `${date} ${time}` + }; + + KTEventApp.Feedback.showToast(`${date} ${time}에 배포 예약되었습니다`); + this.closest('.modal-backdrop').remove(); + } + } + ] + }); + } + // 요약 업데이트 function updateSummary() { let totalCost = 0; @@ -337,7 +406,8 @@ instagram: document.getElementById('snsInstagram').checked, naver: document.getElementById('snsNaver').checked, kakao: document.getElementById('snsKakao').checked, - schedule: document.getElementById('snsSchedule').value + schedule: document.getElementById('snsSchedule').value, + scheduledDateTime: scheduledDateTime } : null };