' + escapeHTML(promo.title) + '
' + '' + promo.content + '
' +
'' + escapeHTML(promo.created_at ? promo.created_at.substring(0, 10) : '') + '
' +
') if (store.description) { dom.storeDescription.innerHTML = store.description; dom.storeDescription.style.display = 'block'; } } // ============================================================ // Render Action Buttons // ============================================================ function renderActions(store) { let html = ''; // Heart button const heartClass = state.isHearted ? ' active' : ''; const heartIcon = state.isHearted ? '♥' : '♡'; html += ''; // Phone if (store.phone_number) { html += '' + '' + '전화하기' + ''; } // Kakao if (store.messenger_kakao) { html += '' + '' + '카카오톡' + ''; } // Telegram if (store.messenger_telegram) { html += '' + '' + '텔레그램' + ''; } // WhatsApp if (store.messenger_whatsapp) { html += '' + '' + '왓츠앱' + ''; } // Message button (logged-in users only, not owners, min level check) if (window.YS.isLoggedIn && !window.YS.isOwner) { var minLv = window.YS.messageMinLevel || 5; if ((window.YS.userLevel || 0) >= minLv) { html += ''; } else { html += ''; } } dom.storeActions.innerHTML = html; // Bind heart button var heartBtn = document.getElementById('heartBtn'); if (heartBtn) { heartBtn.addEventListener('click', toggleHeart); } } // ============================================================ // Render Store Details Table // ============================================================ function renderDetails(store) { let rows = ''; if (store.phone_number) { rows += '
' + escapeHTML(displayTitle) + '
'
: '';
html += '' + escapeHTML(att.date || '') + '
' +
titleHtml +
'' + att.content + '
' +
'' + renderStars(review.rating, 'card') + '
';
}
var photoHTML = '';
if (review.photo_url) {
photoHTML = '' + btns + '
';
}
var levelBadge = '';
if (review.level_label && review.level_class) {
levelBadge = '' + escapeHTML(review.level_label) + ' ';
}
card.innerHTML = '' +
'' +
starsHTML +
'
' +
'' + escapeHTML(review.content) + '
' +
photoHTML +
actionsHTML;
fragment.appendChild(card);
});
dom.reviewList.appendChild(fragment);
}
// ============================================================
// Render Review Pagination
// ============================================================
function renderReviewPagination(pagination) {
var page = pagination.page;
var totalPages = pagination.total_pages;
if (totalPages <= 1) return;
var container = dom.reviewPagination;
container.innerHTML = '';
// Previous
var prevBtn = createPageBtn('\u2039 이전', page - 1, page <= 1);
container.appendChild(prevBtn);
var startPage = Math.max(1, page - 2);
var endPage = Math.min(totalPages, page + 2);
if (startPage > 1) {
container.appendChild(createPageBtn('1', 1));
if (startPage > 2) {
var dots = document.createElement('span');
dots.className = 'pagination__btn';
dots.textContent = '...';
dots.style.pointerEvents = 'none';
container.appendChild(dots);
}
}
for (var i = startPage; i <= endPage; i++) {
var btn = createPageBtn(String(i), i);
if (i === page) btn.classList.add('pagination__btn--active');
container.appendChild(btn);
}
if (endPage < totalPages) {
if (endPage < totalPages - 1) {
var dots2 = document.createElement('span');
dots2.className = 'pagination__btn';
dots2.textContent = '...';
dots2.style.pointerEvents = 'none';
container.appendChild(dots2);
}
container.appendChild(createPageBtn(String(totalPages), totalPages));
}
// Next
var nextBtn = createPageBtn('다음 \u203A', page + 1, page >= totalPages);
container.appendChild(nextBtn);
}
function createPageBtn(label, page, disabled) {
var btn = document.createElement('button');
btn.className = 'pagination__btn';
btn.innerHTML = label;
btn.disabled = !!disabled;
if (!disabled) {
btn.addEventListener('click', function () {
state.reviewPage = page;
loadReviews();
// Scroll to reviews section
var section = document.querySelector('.sd__reviews');
if (section) {
section.scrollIntoView({ behavior: 'smooth', block: 'start' });
}
});
}
return btn;
}
// ============================================================
// Heart Toggle
// ============================================================
async function toggleHeart() {
if (!window.YS.isLoggedIn) {
showToast(window.YS.isOwner ? '일반 회원으로 로그인 후 이용해 주세요.' : '로그인 후 이용해 주세요.');
return;
}
try {
var resp = await fetchJSON('/api/heart_toggle.php', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ store_id: state.storeId }),
});
state.isHearted = resp.data.is_hearted;
state.heartCount = resp.data.heart_count;
// Update button
var heartBtn = document.getElementById('heartBtn');
if (heartBtn) {
if (state.isHearted) {
heartBtn.classList.add('active');
heartBtn.querySelector('.sd__action-icon').innerHTML = '♥';
document.getElementById('heartBtnText').textContent = '즐겨찾기 해제';
} else {
heartBtn.classList.remove('active');
heartBtn.querySelector('.sd__action-icon').innerHTML = '♡';
document.getElementById('heartBtnText').textContent = '즐겨찾기';
}
document.getElementById('heartBtnCount').textContent = '(' + formatCount(state.heartCount) + ')';
}
showToast(state.isHearted ? '즐겨찾기에 추가했습니다.' : '즐겨찾기를 해제했습니다.');
} catch (err) {
showToast('처리 중 오류가 발생했습니다.');
}
}
// ============================================================
// Star Rating Selector
// ============================================================
function setupStarSelector() {
if (!dom.starSelector) return;
var stars = dom.starSelector.querySelectorAll('.review-form__star');
stars.forEach(function (star) {
star.addEventListener('click', function () {
var rating = parseInt(this.dataset.rating, 10);
state.selectedRating = rating;
dom.ratingValue.value = rating;
updateStarDisplay(rating);
});
star.addEventListener('mouseenter', function () {
var rating = parseInt(this.dataset.rating, 10);
updateStarDisplay(rating);
});
});
dom.starSelector.addEventListener('mouseleave', function () {
updateStarDisplay(state.selectedRating);
});
}
function updateStarDisplay(rating) {
var stars = dom.starSelector.querySelectorAll('.review-form__star');
stars.forEach(function (star, idx) {
if (idx < rating) {
star.classList.add('review-form__star--active');
} else {
star.classList.remove('review-form__star--active');
}
});
}
// ============================================================
// Photo File Name Display
// ============================================================
function setupPhotoInput() {
if (!dom.reviewPhoto) return;
dom.reviewPhoto.addEventListener('change', function () {
if (this.files && this.files[0]) {
dom.photoFileName.textContent = this.files[0].name;
} else {
dom.photoFileName.textContent = '';
}
});
}
// ============================================================
// Review Form Submit
// ============================================================
function setupReviewForm() {
if (!dom.reviewForm) return;
dom.reviewForm.addEventListener('submit', async function (e) {
e.preventDefault();
if (state.isSubmitting) return;
// Validate
var rating = parseInt(dom.ratingValue.value, 10);
var content = dom.reviewContent.value.trim();
if (rating < 1 || rating > 5) {
showFormError('별점을 선택해주세요.');
return;
}
if (content.length < 10) {
showFormError('리뷰 내용을 10자 이상 입력해주세요.');
return;
}
state.isSubmitting = true;
dom.reviewSubmitBtn.disabled = true;
dom.reviewSubmitBtn.textContent = '등록 중...';
hideFormError();
try {
var formData = new FormData(dom.reviewForm);
var resp = await fetch('/api/reviews/create.php', {
method: 'POST',
body: formData,
});
var data = await resp.json();
if (!data.success) {
throw new Error(data.error || '리뷰 등록에 실패했습니다.');
}
showToast('리뷰가 등록되었습니다!');
// Reset form
dom.reviewForm.reset();
state.selectedRating = 0;
updateStarDisplay(0);
dom.photoFileName.textContent = '';
// Hide form, show already-reviewed
dom.reviewFormWrap.style.display = 'none';
dom.alreadyReviewed.style.display = 'block';
// Reload reviews
state.reviewPage = 1;
loadReviews();
// Reload store to update avg rating
reloadStoreRating();
} catch (err) {
showFormError(err.message);
} finally {
state.isSubmitting = false;
dom.reviewSubmitBtn.disabled = false;
dom.reviewSubmitBtn.textContent = '리뷰 등록';
}
});
}
function showFormError(msg) {
dom.reviewFormError.textContent = msg;
dom.reviewFormError.style.display = 'block';
}
function hideFormError() {
dom.reviewFormError.style.display = 'none';
}
// ============================================================
// Reload Store Rating After Review
// ============================================================
async function reloadStoreRating() {
try {
var resp = await fetchJSON('/api/store_detail.php?id=' + state.storeId);
var store = resp.data.store;
// Update rating display
var avgRating = parseFloat(store.avg_rating) || 0;
var reviewCount = parseInt(store.review_count, 10) || 0;
dom.storeRating.innerHTML = '' + renderStars(avgRating, 'header') + '
' +
'' +
'';
dom.reviewCountBadge.textContent = reviewCount > 0 ? '(' + formatCount(reviewCount) + ')' : '';
} catch (err) {
// Silently fail
}
}
// ============================================================
// Report Modal
// ============================================================
function setupReportModal() {
// Event delegation for report and delete buttons
dom.reviewList.addEventListener('click', function (e) {
var reportBtn = e.target.closest('.review-card__report-btn');
if (reportBtn) {
var reviewId = parseInt(reportBtn.dataset.reviewId, 10);
openReportModal(reviewId);
return;
}
var deleteBtn = e.target.closest('.review-card__delete-btn');
if (deleteBtn) {
var delReviewId = parseInt(deleteBtn.dataset.reviewId, 10);
handleDeleteReview(delReviewId, deleteBtn);
}
});
// Close modal
if (dom.reportModalClose) {
dom.reportModalClose.addEventListener('click', closeReportModal);
}
if (dom.reportCancelBtn) {
dom.reportCancelBtn.addEventListener('click', closeReportModal);
}
// Close on overlay click
if (dom.reportModal) {
dom.reportModal.addEventListener('click', function (e) {
if (e.target === dom.reportModal) {
closeReportModal();
}
});
}
// Submit report
if (dom.reportSubmitBtn) {
dom.reportSubmitBtn.addEventListener('click', submitReport);
}
}
function openReportModal(reviewId) {
if (!window.YS.isLoggedIn) {
showToast(window.YS.isOwner ? '일반 회원으로 로그인 후 이용해 주세요.' : '로그인 후 이용해 주세요.');
return;
}
state.reportingReviewId = reviewId;
// Reset radio
var radios = dom.reportModal.querySelectorAll('input[name="report_reason"]');
radios.forEach(function (r) { r.checked = false; });
dom.reportModal.style.display = 'flex';
}
function closeReportModal() {
dom.reportModal.style.display = 'none';
state.reportingReviewId = null;
}
async function submitReport() {
var reason = '';
var radios = dom.reportModal.querySelectorAll('input[name="report_reason"]');
radios.forEach(function (r) {
if (r.checked) reason = r.value;
});
if (!reason) {
showToast('신고 사유를 선택해주세요.');
return;
}
try {
dom.reportSubmitBtn.disabled = true;
dom.reportSubmitBtn.textContent = '처리 중...';
var resp = await fetchJSON('/api/reviews/report.php', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({
review_id: state.reportingReviewId,
reason: reason,
csrf_token: window.YS.csrfToken,
}),
});
showToast(resp.data.message);
closeReportModal();
} catch (err) {
showToast(err.message || '신고 처리 중 오류가 발생했습니다.');
} finally {
dom.reportSubmitBtn.disabled = false;
dom.reportSubmitBtn.textContent = '신고하기';
}
}
// ============================================================
// Delete Review
// ============================================================
async function handleDeleteReview(reviewId, btn) {
if (!confirm('리뷰를 삭제하시겠습니까? 이 작업은 되돌릴 수 없습니다.')) {
return;
}
try {
btn.disabled = true;
btn.textContent = '삭제 중...';
await fetchJSON('/api/reviews/delete.php', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({
review_id: reviewId,
csrf_token: window.YS.csrfToken,
}),
});
showToast('리뷰가 삭제되었습니다.');
// Reload reviews
state.reviewPage = 1;
dom.reviewList.innerHTML = '';
loadReviews();
refreshStoreStats();
} catch (err) {
showToast(err.message || '리뷰 삭제 중 오류가 발생했습니다.');
btn.disabled = false;
btn.textContent = '삭제';
}
}
// ============================================================
// Initialize
// ============================================================
// ============================================================
// Tab Switching
// ============================================================
function setupTabs() {
var tabs = $$('.sd__tab');
tabs.forEach(function (tab) {
tab.addEventListener('click', function () {
var target = this.dataset.tab;
tabs.forEach(function (t) { t.classList.remove('sd__tab--active'); });
this.classList.add('sd__tab--active');
// Toggle panels
dom.tabAtt.classList.toggle('sd__tab-panel--active', target === 'att');
dom.tabPromo.classList.toggle('sd__tab-panel--active', target === 'promo');
});
});
}
function init() {
setupTabs();
setupStarSelector();
setupPhotoInput();
setupReviewForm();
setupReportModal();
loadStoreDetail();
}
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', init);
} else {
init();
}
})();