Function createNoteCard

src/ui/NoteCard.ts:26–163

(
	note: NoteInfo,
	plugin: TaskNotesPlugin,
	options: Partial<NoteCardOptions> = {}
)

 * Create a reusable note card element
 */
export function createNoteCard(
	note: NoteInfo,
	plugin: TaskNotesPlugin,
	options: Partial<NoteCardOptions> = {}
): HTMLElement {
	const opts = { ...DEFAULT_NOTE_CARD_OPTIONS, ...options };

	const item = activeDocument.createElement("div");
	// Check if this is a daily note using the core plugin
	let isDailyNote = false;
	try {
		const allDailyNotes = getAllDailyNotes();
		isDailyNote = Object.values(allDailyNotes).some((file) => file.path === note.path);
	} catch {
		// Daily Notes interface not available, fallback to false
		isDailyNote = false;
	}

	// Build BEM class names
	const cardClasses = ["note-card"];

	// Add modifiers
	if (isDailyNote) cardClasses.push("note-card--daily-note");
	cardClasses.push("note-card--compact", "note-card--shadow-light");

	item.className = cardClasses.join(" ");
	item.dataset.notePath = note.path;

	// Daily note badge (if enabled and applicable)
	if (opts.showDailyNoteBadge && isDailyNote) {
		item.createSpan({
			cls: "note-card__badge",
			text: plugin.i18n.translate("ui.noteCard.dailyBadge"),
			attr: { title: plugin.i18n.translate("ui.noteCard.dailyTooltip") },
		});
	}

	// Main content container with icon
	const mainRow = item.createDiv({ cls: "note-card__main-row" });

	// Left indicator area: note icon
	const leftIconWrap = mainRow.createEl("span", { cls: "note-card__icon" });
	const leftIcon = leftIconWrap.createEl("span");
	setIcon(leftIcon, "file-text");

	// Content container
	const contentContainer = mainRow.createDiv({ cls: "note-card__content" });

	// Title
	contentContainer.createDiv({
		cls: "note-card__title",
		text: note.title,
	});

	// Tags section (separate from other metadata)
	if (opts.showTags && note.tags && note.tags.length > 0) {
		// Divider line
		contentContainer.createEl("div", { cls: "note-card__divider" });