Function getActionButtonsHtml

website/src/scripts/utils.ts:626–646

(filePath: string, small = false)

 * Generate HTML for action buttons (download, share) in list view
 */
export function getActionButtonsHtml(filePath: string, small = false): string {
  const btnClass = small ? "btn-small" : "";
  const iconSize = small ? 14 : 16;

  return `
    <button class="btn btn-secondary ${btnClass} action-download" data-path="${escapeHtml(
    filePath
  )}" title="Download file">
      <svg viewBox="0 0 16 16" width="${iconSize}" height="${iconSize}" fill="currentColor">
        <path d="M7.47 10.78a.75.75 0 0 0 1.06 0l3.75-3.75a.75.75 0 0 0-1.06-1.06L8.75 8.44V1.75a.75.75 0 0 0-1.5 0v6.69L4.78 5.97a.75.75 0 0 0-1.06 1.06l3.75 3.75ZM3.75 13a.75.75 0 0 0 0 1.5h8.5a.75.75 0 0 0 0-1.5h-8.5Z"/>
      </svg>
    </button>
    <button class="btn btn-secondary ${btnClass} action-share" data-path="${escapeHtml(
    filePath
  )}" title="Copy link">
      <svg viewBox="0 0 16 16" width="${iconSize}" height="${iconSize}" fill="currentColor">
        <path d="M7.775 3.275a.75.75 0 0 0 1.06 1.06l1.25-1.25a2 2 0 1 1 2.83 2.83l-2.5 2.5a2 2 0 0 1-2.83 0 .75.75 0 0 0-1.06 1.06 3.5 3.5 0 0 0 4.95 0l2.5-2.5a3.5 3.5 0 0 0-4.95-4.95l-1.25 1.25zm-.025 5.45a.75.75 0 0 0-1.06-1.06l-1.25 1.25a2 2 0 1 1-2.83-2.83l2.5-2.5a2 2 0 0 1 2.83 0 .75.75 0 0 0 1.06-1.06 3.5 3.5 0 0 0-4.95 0l-2.5 2.5a3.5 3.5 0 0 0 4.95 4.95l1.25-1.25z"/>
      </svg>
    </button>
  `;
}

/**
 * Setup global action handlers for download and share buttons