- Recommended for you - AI POWERED -
- -
-
+
+
+
+
+
+ + Recommended for you + AI POWERED +
+ +
+
+
+
+
@@ -522,11 +577,99 @@
}, 3000);
}
+ async function loadLikedVideos() {
+ try {
+ const response = await fetch('/api/liked');
+ const data = await response.json();
+
+ if (!data.success) {
+ throw new Error(data.error || 'Failed to load liked videos');
+ }
+
+ displayLikedVideos(data.videos);
+ updateLikedStatusBar(data.total_liked);
+
+ } catch (error) {
+ console.error('Error loading liked videos:', error);
+ document.getElementById('likedVideoGrid').innerHTML =
+ `+ MyTube - Videos I Know You'll Love + AI CURATED +
+ +
+
+
Failed to load liked videos: ${error.message}
`;
+ }
+ }
+
+ function displayLikedVideos(videos) {
+ const likedVideoGrid = document.getElementById('likedVideoGrid');
+ const likedSectionTitle = document.getElementById('likedSectionTitle');
+
+ if (videos.length === 0) {
+ likedVideoGrid.innerHTML = 'No videos curated yet. Rate some videos and I\'ll learn what you love!
';
+ likedSectionTitle.style.display = 'none';
+ return;
+ }
+
+ likedSectionTitle.style.display = 'flex';
+
+ likedVideoGrid.innerHTML = videos.map(video => `
+
+
+ `).join('');
+ }
+
+ function updateLikedStatusBar(totalLiked) {
+ // Update status bar when viewing MyTube videos
+ const statusBar = document.getElementById('statusBar');
+ statusBar.innerHTML = `
+
+ 
+
+
+ ${video.confidence}% match
+
+
+
+ ${video.title}
+
+
+ 🎯 MyTube AI Curation • ${totalLiked} videos I know you'll love • Ranked by confidence
+
+ `;
+ }
+
+ let currentView = 'rating';
+
+ function switchView(view) {
+ currentView = view;
+
+ // Update navigation buttons
+ document.getElementById('ratingBtn').classList.toggle('active', view === 'rating');
+ document.getElementById('likedBtn').classList.toggle('active', view === 'liked');
+
+ // Update view containers
+ document.getElementById('ratingView').classList.toggle('active', view === 'rating');
+ document.getElementById('likedView').classList.toggle('active', view === 'liked');
+
+ // Load appropriate data
+ if (view === 'rating') {
+ loadRecommendations();
+ } else if (view === 'liked') {
+ loadLikedVideos();
+ }
+ }
+
// Load recommendations when page loads
document.addEventListener('DOMContentLoaded', loadRecommendations);
- // Refresh every 5 minutes
- setInterval(loadRecommendations, 300000);
+ // Refresh current view every 5 minutes
+ setInterval(() => {
+ if (currentView === 'rating') {
+ loadRecommendations();
+ } else if (currentView === 'liked') {
+ loadLikedVideos();
+ }
+ }, 300000);