| 1 | <%# |
| 2 | Small status pill for a RepositoryImport. Colors: terminal-done green, |
| 3 | failed red, everything in-flight amber. |
| 4 | %> |
| 5 | <% classes = |
| 6 | if import.done? then "bg-green-900/30 text-green-300 border border-green-800/40" |
| 7 | elsif import.failed? then "bg-red-900/30 text-red-300 border border-red-800/40" |
| 8 | else "bg-amber-900/30 text-amber-300 border border-amber-800/40" |
| 9 | end %> |
| 10 | <span class="inline-flex items-center gap-1.5 text-xs px-2 py-0.5 rounded <%= classes %>"> |
| 11 | <% unless import.terminal? %> |
| 12 | <svg class="w-3 h-3 animate-spin" viewBox="0 0 24 24" fill="none"> |
| 13 | <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> |
| 14 | <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.4 0 0 5.4 0 12h4z"></path> |
| 15 | </svg> |
| 16 | <% end %> |
| 17 | <%= import.status_label %> |
| 18 | </span> |