mirror of
https://github.com/maybe-finance/maybe.git
synced 2025-07-23 15:19:38 +02:00
* Remove stale 1.0 import logic and model * Fresh start * Checkpoint before removing nav * First working prototype * Add trade, account, and mint import flows * Basic working version with tests * System tests for each import type * Clean up mappings flow * Clean up PR, refactor stale code, tests * Add back row validations * Row validations * Fix import job test * Fix import navigation * Fix mint import configuration form * Currency preset for new accounts
37 lines
1.6 KiB
Text
37 lines
1.6 KiB
Text
<%# locals: (headers: [], rows: [], caption: nil) %>
|
|
<div class="overflow-x-auto">
|
|
<div class="border border-alpha-black-200 rounded-md shadow-xs text-sm bg-white w-full">
|
|
<div class="grid border-b border-b-alpha-black-200" style="grid-template-columns: repeat(<%= headers.length %>, minmax(0, 1fr))">
|
|
<% headers.each_with_index do |header, index| %>
|
|
<div class="
|
|
bg-gray-25 px-3 py-2.5 font-medium whitespace-nowrap overflow-x-auto
|
|
first:rounded-tl-md last:rounded-tr-md
|
|
<%= "border-r border-r-alpha-black-200" unless index == headers.length - 1 %>
|
|
">
|
|
<%= header %>
|
|
</div>
|
|
<% end %>
|
|
</div>
|
|
|
|
<% rows.each_with_index do |row, row_index| %>
|
|
<div class="grid <%= "border-b border-b-alpha-black-200" if row_index < rows.length - 1 || caption %>" style="grid-template-columns: repeat(<%= headers.length %>, minmax(0, 1fr))">
|
|
<% row.each_with_index do |(header, value), col_index| %>
|
|
<div class="
|
|
px-3 py-2.5 whitespace-nowrap overflow-x-auto flex items-start
|
|
<%= "border-r border-r-alpha-black-200" unless col_index == row.length - 1 %>
|
|
<%= "rounded-bl-md" if !caption && row_index == rows.length - 1 && col_index == 0 %>
|
|
<%= "rounded-br-md" if !caption && row_index == rows.length - 1 && col_index == row.length - 1 %>
|
|
">
|
|
<%= value %>
|
|
</div>
|
|
<% end %>
|
|
</div>
|
|
<% end %>
|
|
|
|
<% if caption %>
|
|
<div class="px-3 py-2.5 text-center text-xs text-gray-900 rounded-b-md italic bg-gray-25 overflow-x-auto">
|
|
<%= caption %>
|
|
</div>
|
|
<% end %>
|
|
</div>
|
|
</div>
|