QT/sure
1
0
Fork 0
mirror of https://github.com/we-promise/sure.git synced 2026-04-11 16:24:51 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: Add mobile layout for transaction categories

Browse Source
This commit is contained in:
Alessio Cappa
2025-12-13 13:43:21 +01:00
parent 36bec8e40c
commit 48a2e47abf
3 changed files with 15 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
app/views/categories/_category_name_mobile.html.erb
View File

@@ -1,3 +1,7 @@
<span id="category_name_mobile_<%= transaction.id %>" class="text-secondary lg:hidden">
<%= transaction.category&.name %>
<% if transaction.transfer&.categorizable? || transaction.transfer.nil? %>
<%= transaction.category.name %>
<% else %>
<%= transaction.transfer&.payment? ? payment_category.name : transfer_category.name %>
<% end %>
</span>

7
app/views/transactions/_transaction_category.html.erb
View File

@@ -4,6 +4,11 @@
<% if transaction.transfer&.categorizable? || transaction.transfer.nil? %>
<%= render "categories/menu", transaction: transaction %>
<% else %>
<%= render "categories/badge", category: transaction.transfer&.payment? ? payment_category : transfer_category %>
<div class="hidden lg:flex">
<%= render "categories/badge", category: transaction.transfer&.payment? ? payment_category : transfer_category %>
</div>
<div class="flex lg:hidden">
<%= render "categories/badge_mobile", category: transaction.transfer&.payment? ? payment_category : transfer_category %>
</div>
<% end %>
</div>

5
app/views/transactions/_transfer_match.html.erb
View File

@@ -6,9 +6,12 @@
<%= icon "link-2", size: "sm", class: "text-secondary" %>
</span>
<% elsif transaction.transfer.pending? %>
<span class="inline-flex items-center rounded-full bg-surface-inset px-2 py-0.5 text-xs font-medium text-secondary">
<span class="hidden lg:inline-flex items-center rounded-full bg-surface-inset px-2 py-0.5 text-xs font-medium text-secondary">
Auto-matched
</span>
<span class="inline-flex lg:hidden items-center rounded-full bg-surface-inset px-2 py-0.5 text-xs font-medium text-secondary">
A/M
</span>
<%= button_to transfer_path(transaction.transfer, transfer: { status: "confirmed" }),
method: :patch,