QT/sure
1
0
Fork 0
mirror of https://github.com/we-promise/sure.git synced 2026-04-07 06:21:23 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add appearance setting for 2 column layout (#1285)

Browse Source
This commit is contained in:
soky srm
2026-03-24 19:19:05 +01:00
committed by GitHub
parent 66c1f62691
commit 65f439e4da
5 changed files with 32 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
app/controllers/settings/appearances_controller.rb
View File

@@ -10,7 +10,8 @@ class Settings::AppearancesController < ApplicationController
@user.transaction do
@user.lock!
updated_prefs = (@user.preferences || {}).deep_dup
updated_prefs["show_split_grouped"] = params.dig(:user, :show_split_grouped) == "1"
updated_prefs["show_split_grouped"] = params.dig(:user, :show_split_grouped) == "1" if params.dig(:user, :show_split_grouped)
updated_prefs["dashboard_two_column"] = params.dig(:user, :dashboard_two_column) == "1" if params.dig(:user, :dashboard_two_column)
@user.update!(preferences: updated_prefs)
end
redirect_to settings_appearance_path

4
app/models/user.rb
View File

@@ -320,6 +320,10 @@ class User < ApplicationRecord
preferences&.dig("show_split_grouped") != false
end
def dashboard_two_column?
preferences&.dig("dashboard_two_column") != false
end
def update_transactions_preferences(prefs)
transaction do
lock!

2
app/views/pages/dashboard.html.erb
View File

@@ -29,7 +29,7 @@
</div>
<% end %>
<div class="grid grid-cols-1 2xl:grid-cols-2 gap-6 pb-6 lg:pb-12" data-controller="dashboard-sortable" data-action="dragover->dashboard-sortable#dragOver drop->dashboard-sortable#drop" role="list" aria-label="Dashboard sections">
<div class="grid grid-cols-1 <%= "2xl:grid-cols-2" if Current.user.dashboard_two_column? %> gap-6 pb-6 lg:pb-12" data-controller="dashboard-sortable" data-action="dragover->dashboard-sortable#dragOver drop->dashboard-sortable#drop" role="list" aria-label="Dashboard sections">
<% if Current.family.accounts.any? %>
<% @dashboard_sections.each do |section| %>
<% next unless section[:visible] %>

21
app/views/settings/appearances/show.html.erb
View File

@@ -28,6 +28,27 @@
</div>
<% end %>
<%= settings_section title: t(".dashboard_title"), subtitle: t(".dashboard_subtitle") do %>
<div>
<%= form_with url: settings_appearance_path, method: :patch,
class: "p-3",
data: { controller: "auto-submit-form" } do |f| %>
<div class="flex cursor-pointer items-center gap-4 justify-between">
<div class="text-sm space-y-1">
<h4 class="text-primary"><%= t(".dashboard_two_column_title") %></h4>
<p class="text-secondary"><%= t(".dashboard_two_column_description") %></p>
</div>
<%= render DS::Toggle.new(
id: "user_dashboard_two_column",
name: "user[dashboard_two_column]",
checked: @user.dashboard_two_column?,
data: { auto_submit_form_target: "auto" }
) %>
</div>
<% end %>
</div>
<% end %>
<%= settings_section title: t(".transactions_title"), subtitle: t(".transactions_subtitle") do %>
<div>
<%= form_with url: settings_appearance_path, method: :patch,

4
config/locales/views/settings/en.yml
View File

@@ -36,6 +36,10 @@ en:
theme_system: System
transactions_title: Transactions
transactions_subtitle: Customize how transactions are displayed
dashboard_title: Dashboard
dashboard_subtitle: Customize how the dashboard is displayed
dashboard_two_column_title: Two-column layout
dashboard_two_column_description: Display dashboard widgets in two columns on large screens. When off, widgets stack in a single column.
split_grouped_title: Group split transactions
split_grouped_description: Show split transactions grouped under their parent in the transaction list. When off, split children appear as individual rows.
preferences: