Function createBlockedMetadataPill

src/ui/taskCardMetadata.ts:52–87

(config: RenderTaskCardMetadataConfig)

}

function createBlockedMetadataPill(config: RenderTaskCardMetadataConfig): HTMLElement | null {
	const { metadataLine, card, task, plugin, onBlockedByToggle } = config;
	if (!task.isBlocked) {
		return null;
	}

	const blockedLabel = plugin.i18n.translate("ui.taskCard.blockedBadge");
	const blockedByPaths = getBlockedByTaskPaths(task, plugin.app);
	const blockedCount = task.blockedBy?.length ?? 0;
	const pillText = blockedCount > 0 ? `${blockedLabel} (${blockedCount})` : blockedLabel;
	const blockedPill = metadataLine.createSpan({
		cls: "task-card__metadata-pill task-card__metadata-pill--blocked",
		text: pillText,
	});

	if (blockedByPaths.length > 0) {
		const toggleLabel = `${blockedLabel} (${blockedByPaths.length})`;
		prepareInteractiveControl(blockedPill);
		blockedPill.setAttribute("aria-label", toggleLabel);
		blockedPill.setAttribute(
			"aria-expanded",
			String(Boolean(card.querySelector(".task-card__blocked-by")))
		);
		setTooltip(blockedPill, toggleLabel, { placement: "top" });
		blockedPill.addEventListener("click", (event) => {
			event.stopPropagation();
			onBlockedByToggle();
		});
	} else {
		setTooltip(blockedPill, plugin.i18n.translate("ui.taskCard.blockedBadgeTooltip"), {
			placement: "top",
		});
	}

	return blockedPill;
}

function createBlockingMetadataPill(config: RenderTaskCardMetadataConfig): HTMLElement | null {
	const { metadataLine, task, plugin } = config;