\n \n

\n \n \n \n

\n\n \n

🔖

Total Bookmarks

\n\n

📚

Study Materials

\n\n

🗺️

Roadmaps

\n\n

🌐

External Links

\n\n \n

\n {{ getBookmarkIcon(bookmark.type) }}\n

\n \n {{ bookmark.examType }}\n \n

\n \n

\n {{ bookmark.description }}\n

\n \n

\n 📅 {{ formatDate(bookmark.createdAt) }}\n 🔗 {{ getDomain(bookmark.url) }}\n

\n \n

0\" class=\"flex flex-wrap gap-1\">\n \n {{ tag }}\n \n

\n \n

\n \n \n

\n \n

🔖

No bookmarks found

\n Try adjusting your search or filters\n Start bookmarking important resources\n

\n \n

\n\n \n

Add Bookmark

\n `\n})\nexport class BookmarksComponent implements OnInit {\n @Input() user: User | null = null;\n @Input() selectedExam: ExamType | null = null;\n\n bookmarks: Bookmark[] = [];\n filteredBookmarks: Bookmark[] = [];\n bookmarkStats: any = null;\n \n searchQuery = '';\n selectedType = '';\n showAddBookmark = false;\n isSubmitting = false;\n\n newBookmark = {\n title: '',\n description: '',\n type: '',\n url: '',\n tagsInput: ''\n };\n\n constructor(private apiService: ApiService) {}\n\n ngOnInit(): void {\n this.loadBookmarks();\n this.loadBookmarkStats();\n }\n\n private loadBookmarks(): void {\n if (!this.user) return;\n\n this.apiService.getBookmarks(this.user.id, this.selectedExam).subscribe(response => {\n if (response.success && response.data) {\n this.bookmarks = response.data;\n this.filteredBookmarks = this.bookmarks;\n }\n });\n }\n\n private loadBookmarkStats(): void {\n if (!this.user) return;\n\n this.apiService.getBookmarkStats(this.user.id).subscribe(response => {\n if (response.success && response.data) {\n this.bookmarkStats = response.data;\n }\n });\n }\n\n onSearch(): void {\n this.applyFilters();\n }\n\n onFilterChange(): void {\n this.applyFilters();\n }\n\n private applyFilters(): void {\n let filtered = this.bookmarks;\n\n if (this.searchQuery.trim()) {\n const query = this.searchQuery.toLowerCase();\n filtered = filtered.filter(bookmark => \n bookmark.title.toLowerCase().includes(query) ||\n (bookmark.description && bookmark.description.toLowerCase().includes(query)) ||\n bookmark.tags.some(tag => tag.toLowerCase().includes(query))\n );\n }\n\n if (this.selectedType) {\n filtered = filtered.filter(bookmark => bookmark.type === this.selectedType);\n }\n\n this.filteredBookmarks = filtered;\n }\n\n addBookmark(): void {\n if (!this.user) return;\n\n this.isSubmitting = true;\n \n const bookmarkData = {\n title: this.newBookmark.title,\n description: this.newBookmark.description,\n type: this.newBookmark.type,\n url: this.newBookmark.url,\n tags: this.newBookmark.tagsInput.split(',').map(tag => tag.trim()).filter(tag => tag),\n examType: this.selectedExam\n };\n\n this.apiService.createBookmark(this.user.id, bookmarkData).subscribe({\n next: (response) => {\n if (response.success) {\n this.showAddBookmark = false;\n this.resetNewBookmark();\n this.loadBookmarks();\n this.loadBookmarkStats();\n }\n this.isSubmitting = false;\n },\n error: (error) => {\n console.error('Failed to add bookmark:', error);\n this.isSubmitting = false;\n }\n });\n }\n\n deleteBookmark(bookmark: Bookmark): void {\n if (!this.user || !confirm('Are you sure you want to delete this bookmark?')) return;\n\n this.apiService.deleteBookmark(this.user.id, bookmark.id).subscribe({\n next: (response) => {\n if (response.success) {\n this.loadBookmarks();\n this.loadBookmarkStats();\n }\n },\n error: (error) => {\n console.error('Failed to delete bookmark:', error);\n }\n });\n }\n\n openBookmark(url: string): void {\n window.open(url, '_blank');\n }\n\n getBookmarkIcon(type: string): string {\n const icons = {\n material: '📚',\n roadmap: '🗺️',\n external: '🌐'\n };\n return icons[type as keyof typeof icons] || '🔖';\n }\n\n getDomain(url: string): string {\n try {\n return new URL(url).hostname;\n } catch {\n return url;\n }\n }\n\n formatDate(dateString: string): string {\n const date = new Date(dateString);\n return date.toLocaleDateString('en-US', { \n month: 'short', \n day: 'numeric',\n year: 'numeric'\n });\n }\n\n private resetNewBookmark(): void {\n this.newBookmark = {\n title: '',\n description: '',\n type: '',\n url: '',\n tagsInput: ''\n };\n }\n}","deleted","label",[166,167,149],"frontend","components","permalink","https://www.val.town/x/angayarb/StudyPlanner/code/frontend/components/bookmarks.component.ts","extension","actionData","errors"]

{{ bookmark.title }}

No bookmarks found

Add Bookmark