New Search Modal

src/modals/MediaDbSearchResultModal.ts

@@ -0,0 +1,31 @@
+import {App, SuggestModal} from 'obsidian';
+import {MediaTypeModel} from '../models/MediaTypeModel';
+
+export class MediaDbSearchResultModal extends SuggestModal<MediaTypeModel> {
+	suggestion: MediaTypeModel[];
+	onChoose: (error: Error, result?: MediaTypeModel) => void;
+
+	constructor(app: App, suggestion: MediaTypeModel[], onChoose: (error: Error, result?: MediaTypeModel) => void) {
+		super(app);
+		this.suggestion = suggestion;
+		this.onChoose = onChoose;
+	}
+
+	getSuggestions(query: string): MediaTypeModel[] {
+		return this.suggestion.filter(item => {
+			const searchQuery = query.toLowerCase();
+			return item.title.toLowerCase().includes(searchQuery);
+		});
+	}
+
+	// Renders each suggestion item.
+	renderSuggestion(item: MediaTypeModel, el: HTMLElement) {
+		el.createEl('div', {text: item.title});
+		el.createEl('small', {text: `${item.type} from ${item.dataSource}`});
+	}
+
+	// Perform action on the selected suggestion.
+	onChooseSuggestion(item: MediaTypeModel, evt: MouseEvent | KeyboardEvent) {
+		this.onChoose(null, item);
+	}
+}