PowerPoint Template Autofill

${message}`; document.body.appendChild(toast); setTimeout(() => { toast.style.animation = 'slideOutRight 0.3s ease-in'; setTimeout(() => { if (toast.parentNode) { document.body.removeChild(toast); } }, 300); }, 2500); }, addToRecent(templateId) { // Remove if already exists this.recentlyViewed = this.recentlyViewed.filter(id => id !== templateId); // Add to beginning this.recentlyViewed.unshift(templateId); // Keep only last 10 this.recentlyViewed = this.recentlyViewed.slice(0, 10); localStorage.setItem('ppt_recently_viewed', JSON.stringify(this.recentlyViewed)); }, toggleCompareSelection(template) { const index = this.compareTemplates.findIndex(t => t.id === template.id); if (index >= 0) { this.compareTemplates.splice(index, 1); } else { if (this.compareTemplates.length < 3) { this.compareTemplates.push(template); } } }, isInComparison(templateId) { return this.compareTemplates.some(t => t.id === templateId); }, startComparison() { if (this.compareTemplates.length >= 2) { this.showComparison = true; document.body.style.overflow = 'hidden'; } }, closeComparison() { this.showComparison = false; document.body.style.overflow = ''; }, clearComparison() { this.compareTemplates = []; this.compareMode = false; this.showComparison = false; }, calculateQualityScore(template) { let score = 0; // Rating contributes 40% (max 40 points) score += (template.rating / 5) * 40; // Downloads contribute 30% (normalized) const maxDownloads = Math.max(...this.templates.map(t => t.downloads)); score += (template.downloads / maxDownloads) * 30; // Slide count contributes 15% (20-30 slides is optimal) if (template.slides >= 20 && template.slides <= 30) { score += 15; } else if (template.slides >= 15 && template.slides <= 35) { score += 10; } else { score += 5; } // Featured status contributes 15% if (template.featured) { score += 15; } return Math.round(score); }, getQualityLabel(score) { if (score >= 85) return { label: 'Excellent', color: 'emerald' }; if (score >= 70) return { label: 'Very Good', color: 'green' }; if (score >= 55) return { label: 'Good', color: 'blue' }; if (score >= 40) return { label: 'Average', color: 'yellow' }; return { label: 'Basic', color: 'gray' }; }, openPreview(template) { this.addToRecent(template.id); this.previewTemplate = template; this.showPreview = true; document.body.style.overflow = 'hidden'; }, closePreview() { this.showPreview = false; this.previewTemplate = null; document.body.style.overflow = ''; } }" class="mb-8" x-cloak>