mirror of
https://github.com/maybe-finance/maybe.git
synced 2025-08-10 07:55:21 +02:00
90a9546f32
* Add lookbook + viewcomponent, organize design system file * Build menu component * Button updates * More button fixes * Replace all menus with new ViewComponent * Checkpoint: fix tests, all buttons and menus converted * Split into Link and Button components for clarity * Button cleanup * Simplify custom confirmation configuration in views * Finalize button, link component API * Add toggle field to custom form builder + Component * Basic tabs component * Custom tabs, convert all menu / tab instances in app * Gem updates * Centralized icon helper * Update all icon usage to central helper * Lint fixes * Centralize all disclosure instances * Dialog replacements * Consolidation of all dialog styles * Test fixes * Fix app layout issues, move to component with slots * Layout simplification * Flakey test fix * Fix dashboard mobile issues * Finalize homepage * Lint fixes * Fix shadows and borders in dark mode * Fix tests * Remove stale class * Fix filled icon logic * Move transparent? to public interface
77 lines
3.8 KiB
Text
77 lines
3.8 KiB
Text
<%= content_for :header_nav do %>
|
|
<%= render "imports/nav", import: @import %>
|
|
<% end %>
|
|
|
|
<%= content_for :previous_path, imports_path %>
|
|
|
|
<div class="space-y-4">
|
|
<div class="space-y-4 mx-auto max-w-md">
|
|
<div class="text-center space-y-2">
|
|
<h1 class="text-3xl text-primary font-medium"><%= t(".title") %></h1>
|
|
<p class="text-secondary text-sm"><%= t(".description") %></p>
|
|
</div>
|
|
|
|
<%= render TabsComponent.new(active_tab: params[:tab] || "csv-upload", url_param_key: "tab", testid: "import-tabs") do |tabs| %>
|
|
<% tabs.with_nav do |nav| %>
|
|
<% nav.with_btn(id: "csv-upload", label: "Upload CSV") %>
|
|
<% nav.with_btn(id: "csv-paste", label: "Copy & Paste") %>
|
|
<% end %>
|
|
|
|
<% tabs.with_panel(tab_id: "csv-upload") do %>
|
|
<%= styled_form_with model: @import, scope: :import, url: import_upload_path(@import), multipart: true, class: "space-y-2" do |form| %>
|
|
<%= form.select :col_sep, Import::SEPARATORS, label: true %>
|
|
|
|
<% if @import.type == "TransactionImport" || @import.type == "TradeImport" %>
|
|
<%= form.select :account_id, @import.family.accounts.pluck(:name, :id), { label: "Account (optional)", include_blank: "Multi-account import", selected: @import.account_id } %>
|
|
<% end %>
|
|
|
|
<div class="flex flex-col items-center justify-center w-full h-64 border border-secondary border-dashed rounded-xl cursor-pointer" data-controller="file-upload" data-action="click->file-upload#triggerFileInput" data-file-upload-target="uploadArea">
|
|
<div class="flex flex-col items-center justify-center pt-5 pb-6">
|
|
<div data-file-upload-target="uploadText" class="flex flex-col items-center">
|
|
<%= icon("plus", size: "lg", class: "mb-4 mx-auto") %>
|
|
<p class="mb-2 text-md text-gray text-center">
|
|
<span class="font-medium text-primary">Browse</span> to add your CSV file here
|
|
</p>
|
|
</div>
|
|
|
|
<div class="flex flex-col gap-4 items-center hidden mb-2" data-file-upload-target="fileName">
|
|
<span class="text-primary">
|
|
<%= icon("file-text", size: "lg", color: "current") %>
|
|
</span>
|
|
<p class="text-md font-medium text-primary"></p>
|
|
</div>
|
|
|
|
<%= form.file_field :csv_file, class: "hidden", "data-auto-submit-form-target": "auto", "data-file-upload-target": "input" %>
|
|
</div>
|
|
</div>
|
|
|
|
<%= form.submit "Upload CSV", disabled: @import.complete? %>
|
|
<% end %>
|
|
<% end %>
|
|
|
|
<% tabs.with_panel(tab_id: "csv-paste") do %>
|
|
<%= styled_form_with model: @import, scope: :import, url: import_upload_path(@import), multipart: true, class: "space-y-2" do |form| %>
|
|
<%= form.select :col_sep, Import::SEPARATORS, label: true %>
|
|
|
|
<% if @import.type == "TransactionImport" || @import.type == "TradeImport" %>
|
|
<%= form.select :account_id, @import.family.accounts.pluck(:name, :id), { label: "Account (optional)", include_blank: "Multi-account import", selected: @import.account_id } %>
|
|
<% end %>
|
|
|
|
<%= form.text_area :raw_file_str,
|
|
rows: 10,
|
|
required: true,
|
|
placeholder: "Paste your CSV file contents here",
|
|
"data-auto-submit-form-target": "auto" %>
|
|
|
|
<%= form.submit "Upload CSV", disabled: @import.complete? %>
|
|
<% end %>
|
|
<% end %>
|
|
<% end %>
|
|
</div>
|
|
|
|
<div class="flex justify-center">
|
|
<span class="text-secondary text-sm">
|
|
<%= link_to "Download a sample CSV", "/imports/#{@import.id}/upload/sample_csv", class: "text-primary underline", data: { turbo: false } %> to see the required CSV format
|
|
</span>
|
|
</div>
|
|
</div>
|