Function renderSharedCardHtml

website/src/scripts/pages/card-render.ts:32–54

(item: SharedCardRenderItem)

}

export function renderSharedCardHtml(item: SharedCardRenderItem): string {
  const role = item.role ?? "listitem";
  const articleClass = item.articleClassName
    ? `resource-item ${item.articleClassName}`
    : "resource-item";

  return `
    <article class="${articleClass}" role="${escapeHtml(role)}"${item.tabIndex !== undefined ? ` tabindex="${String(item.tabIndex)}"` : ""}${renderAttributes(item.articleAttributes)}>
      <button type="button" class="resource-preview">
        ${item.previewMediaHtml || ""}
        <div class="resource-info">
          <div class="resource-title">${escapeHtml(item.title)}</div>
          <div class="resource-description">${escapeHtml(item.description || "No description")}</div>
          ${item.infoExtraHtml || ""}
          <div class="resource-meta">
            ${item.metaHtml || ""}
          </div>
        </div>
      </button>
      ${item.actionsHtml ? `<div class="resource-actions">${item.actionsHtml}</div>` : ""}
    </article>
  `;
}