Function renderTaskModalProjectsList

src/modals/taskModalProjects.ts:120–186

({
	app,
	listEl,
	items,
	sourcePath,
	translate,
	onRemove,
}: RenderTaskModalProjectsListOptions)

}

export function renderTaskModalProjectsList({
	app,
	listEl,
	items,
	sourcePath,
	translate,
	onRemove,
}: RenderTaskModalProjectsListOptions): void {
	if (!listEl) {
		return;
	}

	listEl.empty();
	if (items.length === 0) {
		return;
	}

	const linkServices: LinkServices = {
		metadataCache: app.metadataCache,
		workspace: app.workspace,
	};

	for (const item of items) {
		const projectItem = listEl.createDiv({ cls: "task-project-item" });

		if (item.unresolved) {
			projectItem.addClass("task-project-item--unresolved");
		}

		const infoEl = projectItem.createDiv({ cls: "task-project-info" });
		const nameEl = infoEl.createDiv({ cls: "task-project-name clickable-project" });

		if (item.file) {
			const projectAsWikilink = generateLinkWithDisplay(
				app,
				item.file,
				sourcePath,
				item.file.name
			);
			renderProjectLinksWithoutPrefix(nameEl, [projectAsWikilink], linkServices);

			if (item.file.path !== item.file.name) {
				infoEl.createDiv({ cls: "task-project-path", text: item.file.path });
			}
		} else {
			nameEl.textContent = item.name;
			setTooltip(
				nameEl,
				translate("contextMenus.task.dependencies.notices.unresolved", {
					name: item.name,
				}),
				{ placement: "top" }
			);
		}

		const removeBtn = projectItem.createEl("button", {
			cls: "task-project-remove",
			text: "×",