Docker/Maybe
Docker/Maybe
1
0
Fork 0
mirror of https://github.com/maybe-finance/maybe.git synced 2025-08-02 20:15:22 +02:00
Code Issues Releases Activity Actions

Add transaction modal flow (#633)

Browse source 
* Add transaction modal flow

* Preserve decimals when creating transactions
This commit is contained in:
Jose Farias 2024-04-16 12:44:31 -06:00 • committed by GitHub
parent a22c7a0e9c
commit cd8d741fe1
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
12 changed files with 137 additions and 22 deletions
Download patch file Download diff file Expand all files Collapse all files

26
app/views/transactions/_form.html.erb
View file

@ -1,7 +1,21 @@
<%= form_with model: @transaction do |f| %>
<%= f.collection_select :account_id, Current.family.accounts, :id, :name, { prompt: "Select an Account", label: "Account" } %>
<%= f.date_field :date, label: "Date" %>
<%= f.text_field :name, label: "Name", placeholder: "Groceries" %>
<%= f.money_field :amount_money, label: "Amount" %>
<%= f.submit %>
<%= form_with model: @transaction, data: { turbo: false } do |f| %>
<section>
<fieldset class="bg-gray-50 rounded-lg p-1 grid grid-flow-col justify-stretch gap-x-2">
<%= radio_tab_tag form: f, name: :nature, value: :expense, label: t(".expense"), icon: "minus-circle", checked: true %>
<%= radio_tab_tag form: f, name: :nature, value: :income, label: t(".income"), icon: "plus-circle" %>
<%= radio_tab_tag form: f, name: :nature, value: :transfer, label: t(".transfer"), icon: "arrow-right-left", disabled: true %>
</fieldset>
</section>
<section class="space-y-2">
<%= f.text_field :name, label: t(".description"), placeholder: t(".description_placeholder"), required: true %>
<%= f.collection_select :account_id, Current.family.accounts.alphabetically, :id, :name, { prompt: t(".account_prompt"), label: t(".account") }, required: true %>
<%= f.money_field :amount_money, label: t(".amount"), required: true %>
<%= f.collection_select :category_id, Current.family.transaction_categories.alphabetically, :id, :name, { prompt: t(".category_prompt"), label: t(".category") }, required: true %>
<%= f.date_field :date, label: t(".date"), required: true %>
</section>
<section>
<%= f.submit t(".submit") %>
</section>
<% end %>

2
app/views/transactions/index.html.erb
View file

@ -3,7 +3,7 @@
<h1 class="text-xl">Transactions</h1>
<div class="flex items-center gap-5">
<div class="flex items-center gap-2">
<%= link_to new_transaction_path, class: "rounded-lg bg-gray-900 text-white flex items-center gap-1 justify-center hover:bg-gray-700 px-3 py-2" do %>
<%= link_to new_transaction_path, class: "rounded-lg bg-gray-900 text-white flex items-center gap-1 justify-center hover:bg-gray-700 px-3 py-2", data: { turbo_frame: :modal } do %>
<%= lucide_icon("plus", class: "w-5 h-5") %>
<p>New transaction</p>
<% end %>

17
app/views/transactions/new.html.erb
View file

@ -1,7 +1,10 @@
<div class="mx-auto md:w-2/3 w-full">
<h1 class="font-bold text-4xl mb-4">New transaction</h1>
<%= render "form", transaction: @transaction %>
</div>
<div class="flex justify-center">
<%= link_to "Back to transactions", transactions_path, class: "mt-8 underline text-lg font-bold" %>
</div>
<%= modal do %>
<article class="mx-auto w-full p-4 space-y-4">
<header class="flex justify-between">
<h2 class="font-medium text-xl">New transaction</h2>
<%= lucide_icon "x", class: "w-5 h-5 text-gray-500", data: { action: "click->modal#close" } %>
</header>
<%= render "form", transaction: @transaction %>
</article>
<% end %>