mirror of
https://github.com/we-promise/sure.git
synced 2026-04-19 12:04:08 +00: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
82 lines
3.7 KiB
Plaintext
82 lines
3.7 KiB
Plaintext
<%= turbo_frame_tag "category_dropdown" do %>
|
|
<div class="flex flex-col relative" data-controller="list-filter">
|
|
<div class="grow p-1.5">
|
|
<div class="relative flex items-center bg-container border border-secondary rounded-lg">
|
|
<input placeholder="<%= t(".search_placeholder") %>" autocomplete="nope" type="search" class="placeholder:text-sm placeholder:text-secondary font-normal h-10 relative pl-10 w-full border-none rounded-lg" data-list-filter-target="input" data-action="list-filter#filter">
|
|
<%= icon("search", class: "absolute inset-0 ml-2 transform top-1/2 -translate-y-1/2") %>
|
|
</div>
|
|
</div>
|
|
<div data-list-filter-target="list" class="flex flex-col gap-0.5 p-1.5 mt-0.5 mr-2 max-h-64 overflow-y-scroll scrollbar">
|
|
<div class="pb-2 pl-4 mr-2 text-secondary hidden" data-list-filter-target="emptyMessage">
|
|
<%= t(".no_categories") %>
|
|
</div>
|
|
<% if @categories.any? %>
|
|
<% Category::Group.for(@categories).each do |group| %>
|
|
<%= render "category/dropdowns/row", category: group.category %>
|
|
|
|
<% group.subcategories.each do |category| %>
|
|
<%= render "category/dropdowns/row", category: category %>
|
|
<% end %>
|
|
<% end %>
|
|
<% else %>
|
|
<div class="flex justify-center items-center py-12">
|
|
<div class="text-center flex flex-col items-center max-w-[500px]">
|
|
<p class="text-sm text-secondary font-normal mb-4"><%= t(".empty") %></p>
|
|
|
|
<%= render ButtonComponent.new(
|
|
text: t(".bootstrap"),
|
|
variant: "outline",
|
|
href: bootstrap_categories_path,
|
|
method: :post,
|
|
data: { turbo_frame: :_top }) %>
|
|
</div>
|
|
</div>
|
|
<% end %>
|
|
</div>
|
|
<hr>
|
|
<div class="relative p-1.5 w-full">
|
|
<% if @transaction.category %>
|
|
<%= button_to transaction_path(@transaction.entry),
|
|
method: :patch,
|
|
data: { turbo_frame: dom_id(@transaction.entry) },
|
|
params: { entry: { entryable_type: "Transaction", entryable_attributes: { id: @transaction.id, category_id: nil } } },
|
|
class: "flex text-sm font-medium items-center gap-2 text-secondary w-full rounded-lg p-2 hover:bg-gray-100" do %>
|
|
<%= icon("minus") %>
|
|
|
|
<%= t(".clear") %>
|
|
<% end %>
|
|
<% end %>
|
|
|
|
<% unless @transaction.transfer? %>
|
|
<%= link_to new_transaction_transfer_match_path(@transaction.entry),
|
|
class: "flex text-sm font-medium items-center gap-2 text-secondary w-full rounded-lg p-2 hover:bg-gray-100",
|
|
data: { turbo_frame: "modal" } do %>
|
|
<%= icon("refresh-cw") %>
|
|
|
|
<p>Match transfer/payment</p>
|
|
<% end %>
|
|
<% end %>
|
|
|
|
<div class="flex text-sm font-medium items-center gap-2 text-secondary w-full rounded-lg p-2">
|
|
<div class="flex items-center gap-2">
|
|
<%= form_with url: transaction_path(@transaction.entry),
|
|
method: :patch,
|
|
data: { controller: "auto-submit-form" } do |f| %>
|
|
<%= f.hidden_field "entry[excluded]", value: !@transaction.entry.excluded %>
|
|
<%= f.check_box "entry[excluded]",
|
|
checked: @transaction.entry.excluded,
|
|
class: "checkbox checkbox--light",
|
|
data: { auto_submit_form_target: "auto", autosubmit_trigger_event: "change" } %>
|
|
<% end %>
|
|
</div>
|
|
|
|
<p>One-time <%= @transaction.entry.amount.negative? ? "income" : "expense" %></p>
|
|
|
|
<span class="text-orange-500 ml-auto">
|
|
<%= icon("asterisk", color: "current") %>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<% end %>
|