W
WindWalker
0
전체 템플릿
0
공식 템플릿
0
사용자 템플릿
'); doc.write(''); doc.write(''); doc.write(currentPreviewTemplate.components || '
미리보기 없음
'); doc.write(''); doc.close(); // 삭제 버튼 표시 (사용자 템플릿만) const deleteBtn = document.getElementById('modal-delete-btn'); if (currentPreviewTemplate.store === 'user_templates') { deleteBtn.classList.remove('hidden'); } else { deleteBtn.classList.add('hidden'); } // 모달 표시 document.getElementById('preview-modal').classList.add('active'); } function closePreview() { document.getElementById('preview-modal').classList.remove('active'); currentPreviewTemplate = null; } async function useTemplateFromModal() { if (!currentPreviewTemplate) return; closePreview(); await useTemplate(currentPreviewTemplate.id); } async function deleteTemplate() { if (!currentPreviewTemplate || currentPreviewTemplate.store !== 'user_templates') { alert('사용자 템플릿만 삭제할 수 있습니다.'); return; } // 안전한 문자열 연결 (template literal 사용 안함) if (!confirm('"' + currentPreviewTemplate.name + '" 템플릿을 삭제하시겠습니까?')) { return; } try { await templateLib.deleteTemplate('user_templates', currentPreviewTemplate.id); alert('✅ 템플릿이 삭제되었습니다.'); closePreview(); await refreshTemplates(); } catch (error) { console.error('❌ 템플릿 삭제 실패:', error); alert('❌ 템플릿 삭제 실패: ' + error.message); } } // 모달 외부 클릭 시 닫기 document.addEventListener('click', (e) => { const modal = document.getElementById('preview-modal'); if (e.target === modal) { closePreview(); } }); // ESC 키로 모달 닫기 document.addEventListener('keydown', (e) => { if (e.key === 'Escape') { closePreview(); } }); // 🆕 [331번] 별점 평가 기능 function showRatingDialog() { const ratingStars = document.getElementById('rating-stars'); ratingStars.classList.toggle('hidden'); } async function rateCurrentTemplate(rating) { if (!currentPreviewTemplate) return; try { // 현재 사용자 ID 가져오기 (로그인 상태면) const currentUser = JSON.parse(localStorage.getItem('windwalker_user') || '{}'); const userId = currentUser.id || null; const result = await templateLib.rateTemplate( currentPreviewTemplate.store, currentPreviewTemplate.id, rating, userId ); // 평점 UI 업데이트 (template literal 사용 안함) const ratingText = '⭐ ' + result.rating.toFixed(1) + ' / 5.0 (' + result.ratingCount + '명)'; document.getElementById('modal-rating').textContent = ratingText; // 별점 UI 숨기기 document.getElementById('rating-stars').classList.add('hidden'); // 알림 (template literal 사용 안함) alert('✅ ' + rating + '점으로 평가했습니다!\n평균 평점: ' + result.rating.toFixed(1) + '/5.0 (' + result.ratingCount + '명)'); // 목록 새로고침 (정렬 반영) await refreshTemplates(); } catch (error) { console.error('❌ 평가 실패:', error); alert('❌ 평가 실패: ' + error.message); } } // 페이지 로드 시 초기화 window.addEventListener('DOMContentLoaded', init);