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

Merge pull request #1055 from ChakibMoMi/feature/privacy-mode

Browse Source 
Add privacy mode to blur financial data across the app
This commit is contained in:
soky srm
2026-03-22 11:06:03 +01:00
committed by GitHub
parent e43a8f295d b6b093c578
commit 79e8469102
59 changed files with 237 additions and 136 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
app/assets/tailwind/application.css
View File

@@ -13,6 +13,7 @@
@import "./google-sign-in.css";
@import "./date-picker-dark-mode.css";
@import "./print-report.css";
@import "./privacy-mode.css";
@layer components {
.pcr-app{

11
app/assets/tailwind/privacy-mode.css Normal file
View File

@@ -0,0 +1,11 @@
/* Privacy Mode - blurs financial numbers when activated */
html.privacy-mode .privacy-sensitive {
filter: blur(8px);
user-select: none;
pointer-events: none;
transition: filter 0.2s ease;
}
html:not(.privacy-mode) .privacy-sensitive {
transition: filter 0.2s ease;
}

4
app/components/DS/select.html.erb
View File

@@ -33,7 +33,7 @@
<%= helpers.icon("search", class: "absolute inset-0 ml-2 transform top-1/2 -translate-y-1/2") %>
</div>
<% end %>
<div data-list-filter-target="list" data-select-target="content" class="flex flex-col gap-0.5 max-h-64 overflow-auto"
<div data-list-filter-target="list" data-select-target="content" class="flex flex-col gap-0.5 max-h-64 overflow-auto"
role="listbox" tabindex="-1">
<% items.each do |item| %>
<% is_selected = item[:value] == selected_value %>
@@ -91,4 +91,4 @@
<% end %>
</div>
</div>
</div>
</div>

6
app/components/UI/account/chart.html.erb
View File

@@ -9,10 +9,10 @@
<% end %>
</div>
<div class="flex flex-row gap-2 items-baseline">
<%= tag.p view_balance_money.format, class: "text-primary text-3xl font-medium truncate" %>
<%= tag.p view_balance_money.format, class: "text-primary text-3xl font-medium truncate privacy-sensitive" %>
<% if converted_balance_money %>
<%= tag.p converted_balance_money.format, class: "text-sm font-medium text-secondary" %>
<%= tag.p converted_balance_money.format, class: "text-sm font-medium text-secondary privacy-sensitive" %>
<% end %>
</div>
</div>
@@ -45,7 +45,7 @@
<% if series.any? %>
<div
id="lineChart"
class="w-full h-full"
class="w-full h-full privacy-sensitive"
data-controller="time-series-chart"
data-time-series-chart-data-value="<%= series.to_json %>"></div>
<% else %>

43
app/javascript/controllers/privacy_mode_controller.js Normal file
View File

@@ -0,0 +1,43 @@
import { Controller } from "@hotwired/stimulus"
// Privacy Mode Controller
// Toggles visibility of financial numbers across the page.
// Elements with class "privacy-sensitive" will be blurred when active.
// State persists in localStorage so it survives page navigations.
// A synchronous inline script in <head> pre-applies the class to prevent
// a flash of unblurred content on first paint (see _privacy_mode_check.html.erb).
export default class extends Controller {
static targets = ["toggle", "iconOn", "iconOff"]
connect() {
this.active = localStorage.getItem("privacyMode") === "true"
this._apply()
}
toggle() {
this.active = !this.active
localStorage.setItem("privacyMode", this.active.toString())
this._apply()
}
_apply() {
if (this.active) {
document.documentElement.classList.add("privacy-mode")
} else {
document.documentElement.classList.remove("privacy-mode")
}
// Update button state
this.toggleTargets.forEach((el) => {
el.setAttribute("aria-pressed", this.active.toString())
})
// Toggle icon visibility: show eye when active (click to reveal), eye-off when inactive
this.iconOnTargets.forEach((el) => {
el.classList.toggle("hidden", !this.active)
})
this.iconOffTargets.forEach((el) => {
el.classList.toggle("hidden", this.active)
})
}
}

2
app/views/accounts/_account.html.erb
View File

@@ -43,7 +43,7 @@
<% elsif account.syncing? %>
<div class="w-16 h-6 bg-loader rounded-full animate-pulse"></div>
<% else %>
<p class="text-sm font-medium <%= account.active? ? "text-primary" : "text-subdued" %>">
<p class="text-sm font-medium privacy-sensitive <%= account.active? ? "text-primary" : "text-subdued" %>">
<%= format_money account.balance_money %>
</p>
<% end %>

4
app/views/accounts/_accountable_group.html.erb
View File

@@ -12,7 +12,7 @@
</div>
<div class="ml-auto text-right grow">
<%= tag.p format_money(account_group.total_money), class: "text-sm font-medium text-primary" %>
<%= tag.p format_money(account_group.total_money), class: "text-sm font-medium text-primary privacy-sensitive" %>
<%= turbo_frame_tag "#{account_group.key}_sparkline", src: accountable_sparkline_path(account_group.key), loading: "lazy", data: { controller: "turbo-frame-timeout", turbo_frame_timeout_timeout_value: 10000 } do %>
<div class="flex items-center w-8 h-4 ml-auto">
<div class="w-6 h-px bg-loader"></div>
@@ -39,7 +39,7 @@
</div>
<div class="ml-auto text-right grow h-10">
<%= tag.p format_money(account.balance_money), class: "text-sm font-medium text-primary whitespace-nowrap" %>
<%= tag.p format_money(account.balance_money), class: "text-sm font-medium text-primary whitespace-nowrap privacy-sensitive" %>
<%= turbo_frame_tag dom_id(account, :sparkline), src: sparkline_account_path(account), loading: "lazy", data: { controller: "turbo-frame-timeout", turbo_frame_timeout_timeout_value: 10000 } do %>
<div class="flex items-center w-8 h-4 ml-auto">
<div class="w-6 h-px bg-loader"></div>

2
app/views/accounts/_summary_card.html.erb
View File

@@ -2,7 +2,7 @@
<div class="rounded-xl bg-container shadow-xs border border-alpha-black-25 p-4">
<h4 class="text-secondary text-sm"><%= title %></h4>
<p class="text-xl font-medium text-primary">
<p class="text-xl font-medium text-primary privacy-sensitive">
<%= content %>
</p>
</div>

4
app/views/admin/users/index.html.erb
View File

@@ -53,7 +53,7 @@
<% pending_invitations = @invitations_by_family[family.id] || [] %>
<details class="bg-container-inset rounded-lg overflow-hidden group"
data-controller="admin-invitation-delete"
data-admin-invitation-delete-delete-all-label-value="<%= t('.invitations.delete_all') %>">
data-admin-invitation-delete-delete-all-label-value="<%= t(".invitations.delete_all") %>">
<summary class="flex items-center justify-between gap-4 px-4 py-3 cursor-pointer select-none hover:bg-surface-hover">
<div class="flex items-center gap-3">
<%= icon "users", class: "w-5 h-5 text-secondary shrink-0" %>
@@ -75,7 +75,7 @@
</span>
<% elsif sub %>
<span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium
<%= sub.active? ? 'bg-green-100 text-green-800' : 'bg-surface text-secondary' %>">
<%= sub.active? ? "bg-green-100 text-green-800" : "bg-surface text-secondary" %>">
<%= sub.status.humanize %>
</span>
<% else %>

8
app/views/budget_categories/_allocation_progress.erb
View File

@@ -17,9 +17,9 @@
<% end %>
<p class="ml-auto text-sm space-x-1">
<span class="<%= budget.available_to_allocate.negative? ? "text-red-500" : "text-primary" %>"><%= format_money(budget.allocated_spending_money) %></span>
<span class="privacy-sensitive <%= budget.available_to_allocate.negative? ? "text-red-500" : "text-primary" %>"><%= format_money(budget.allocated_spending_money) %></span>
<span class="text-secondary"> / </span>
<span class="text-secondary"><%= format_money(budget.budgeted_spending_money) %></span>
<span class="text-secondary privacy-sensitive"><%= format_money(budget.budgeted_spending_money) %></span>
</p>
</div>
@@ -34,10 +34,10 @@
<div class="text-sm">
<% if budget.available_to_allocate.negative? %>
<p class="text-secondary">
Budget exceeded by <span class="text-red-500"><%= format_money(budget.available_to_allocate_money.abs) %></span>
Budget exceeded by <span class="text-red-500 privacy-sensitive"><%= format_money(budget.available_to_allocate_money.abs) %></span>
</p>
<% else %>
<span class="text-primary"><%= format_money(budget.available_to_allocate_money) %></span>
<span class="text-primary privacy-sensitive"><%= format_money(budget.available_to_allocate_money) %></span>
<span class="text-secondary">left to allocate</span>
<% end %>
</div>

12
app/views/budget_categories/_budget_category.html.erb
View File

@@ -57,13 +57,13 @@
<div class="flex flex-wrap items-center gap-x-4 gap-y-2 text-sm">
<div class="whitespace-nowrap w-full sm:w-auto">
<span class="text-sm text-secondary"><%= t("reports.budget_performance.spent") %>:</span>
<span class="font-medium text-primary">
<span class="font-medium text-primary privacy-sensitive">
<%= format_money(budget_category.actual_spending_money) %>
</span>
</div>
<div class="whitespace-nowrap w-full sm:w-auto inline-flex items-center gap-1">
<span class="text-sm text-secondary"><%= t("reports.budget_performance.budgeted") %>:</span>
<span class="font-medium text-primary">
<span class="font-medium text-primary privacy-sensitive">
<%= format_money(budget_category.budgeted_spending_money) %>
</span>
<% if budget_category.inherits_parent_budget? %>
@@ -73,12 +73,12 @@
<div class="whitespace-nowrap w-full sm:w-auto lg:ml-auto">
<% if budget_category.available_to_spend >= 0 %>
<span class="text-sm text-secondary"><%= t("reports.budget_performance.remaining") %>:</span>
<span class="font-medium <%= (budget_category.near_limit? ? "text-yellow-500" : "text-green-500") %>">
<span class="font-medium <%= (budget_category.near_limit? ? "text-yellow-500" : "text-green-500") %> privacy-sensitive">
<%= format_money(budget_category.available_to_spend_money) %>
</span>
<% else %>
<span class="text-sm text-secondary"><%= t("reports.budget_performance.over_by") %>:</span>
<span class="font-medium text-red-500">
<span class="font-medium text-red-500 privacy-sensitive">
<%= format_money(budget_category.available_to_spend_money.abs) %>
</span>
<% end %>
@@ -116,13 +116,13 @@
<div class="min-w-0 flex-1">
<p class="text-sm font-medium text-primary truncate"><%= budget_category.category.name %></p>
<p class="text-sm text-secondary font-medium">
<p class="text-sm text-secondary font-medium privacy-sensitive">
<%= budget_category.median_monthly_expense_money.format %> avg
</p>
</div>
<div class="ml-auto text-right flex-shrink-0">
<p class="text-sm font-medium text-primary whitespace-nowrap"><%= format_money(budget_category.actual_spending_money) %></p>
<p class="text-sm font-medium text-primary whitespace-nowrap privacy-sensitive"><%= format_money(budget_category.actual_spending_money) %></p>
</div>
</div>
<% end %>

20
app/views/budget_categories/show.html.erb
View File

@@ -8,11 +8,11 @@
<% if @budget_category.budget.initialized? %>
<p class="text-sm text-secondary">
<span class="text-primary">
<span class="text-primary privacy-sensitive">
<%= format_money(@budget_category.actual_spending_money) %>
</span>
<span>/</span>
<span><%= format_money(@budget_category.budgeted_spending_money) %></span>
<span class="privacy-sensitive"><%= format_money(@budget_category.budgeted_spending_money) %></span>
</p>
<% end %>
</div>
@@ -33,7 +33,7 @@
<dt class="text-secondary">
<%= @budget_category.budget.start_date.strftime("%b %Y") %> spending
</dt>
<dd class="text-primary font-medium">
<dd class="text-primary font-medium privacy-sensitive">
<%= format_money @budget_category.actual_spending_money %>
</dd>
</div>
@@ -42,19 +42,19 @@
<div class="flex items-center justify-between text-sm">
<dt class="text-secondary">Status</dt>
<% if @budget_category.available_to_spend.negative? %>
<dd class="flex items-center gap-1 text-red-500 font-medium">
<dd class="flex items-center gap-1 text-red-500 font-medium privacy-sensitive">
<%= icon "alert-circle", size: "sm", color: "destructive" %>
<%= format_money @budget_category.available_to_spend_money.abs %>
<span>overspent</span>
</dd>
<% elsif @budget_category.available_to_spend.zero? %>
<dd class="flex items-center gap-1 text-orange-500 font-medium">
<dd class="flex items-center gap-1 text-orange-500 font-medium privacy-sensitive">
<%= icon "x-circle", size: "sm", color: "warning" %>
<%= format_money @budget_category.available_to_spend_money %>
<span>left</span>
</dd>
<% else %>
<dd class="text-primary flex items-center gap-1 text-green-500 font-medium">
<dd class="text-primary flex items-center gap-1 text-green-500 font-medium privacy-sensitive">
<%= icon "check-circle", size: "sm", color: "success" %>
<%= format_money @budget_category.available_to_spend_money %>
<span>left</span>
@@ -64,7 +64,7 @@
<div class="flex items-center justify-between text-sm">
<dt class="text-secondary">Budgeted</dt>
<dd class="text-primary font-medium">
<dd class="text-primary font-medium privacy-sensitive">
<%= format_money @budget_category.budgeted_spending_money %>
</dd>
</div>
@@ -72,14 +72,14 @@
<div class="flex items-center justify-between text-sm">
<dt class="text-secondary">Monthly average spending</dt>
<dd class="text-primary font-medium">
<dd class="text-primary font-medium privacy-sensitive">
<%= @budget_category.avg_monthly_expense_money.format %>
</dd>
</div>
<div class="flex items-center justify-between text-sm">
<dt class="text-secondary">Monthly median spending</dt>
<dd class="text-primary font-medium">
<dd class="text-primary font-medium privacy-sensitive">
<%= @budget_category.median_monthly_expense_money.format %>
</dd>
</div>
@@ -111,7 +111,7 @@
class: "text-primary hover:underline",
data: { turbo_frame: :_top } %>
</div>
<p class="text-primary font-medium">
<p class="text-primary font-medium privacy-sensitive">
<%= format_money transaction.entry.amount_money %>
</p>
</div>

4
app/views/budgets/_actuals_summary.html.erb
View File

@@ -4,7 +4,7 @@
<div class="p-4 border-b border-secondary">
<h3 class="text-sm text-secondary mb-2">Income</h3>
<span class="inline-block mb-2 text-xl font-medium text-primary">
<span class="inline-block mb-2 text-xl font-medium text-primary privacy-sensitive">
<%= budget.actual_income_money.format %>
</span>
@@ -32,7 +32,7 @@
<div class="p-4">
<h3 class="text-sm text-secondary mb-2">Expenses</h3>
<span class="inline-block mb-2 text-xl font-medium text-primary"><%= budget.actual_spending_money.format %></span>
<span class="inline-block mb-2 text-xl font-medium text-primary privacy-sensitive"><%= budget.actual_spending_money.format %></span>
<% if budget.expense_category_totals.any? %>
<div>

8
app/views/budgets/_budget_donut.html.erb
View File

@@ -8,7 +8,7 @@
<span>Spent</span>
</div>
<div class="mb-2 text-3xl font-medium <%= budget.available_to_spend.negative? ? "text-red-500" : "text-primary" %>">
<div class="mb-2 text-3xl font-medium privacy-sensitive <%= budget.available_to_spend.negative? ? "text-red-500" : "text-primary" %>">
<%= format_money(budget.actual_spending_money) %>
</div>
@@ -21,7 +21,7 @@
href: edit_budget_path(budget)
) %>
<% else %>
<div class="text-subdued text-3xl mb-2">
<div class="text-subdued text-3xl mb-2 privacy-sensitive">
<span><%= format_money Money.new(0, budget.currency || budget.family.currency) %></span>
</div>
@@ -42,7 +42,7 @@
<p class="text-sm text-secondary"><%= bc.category.name %></p>
</div>
<p class="text-3xl font-medium <%= bc.available_to_spend.negative? ? "text-red-500" : "text-primary" %>">
<p class="text-3xl font-medium privacy-sensitive <%= bc.available_to_spend.negative? ? "text-red-500" : "text-primary" %>">
<%= format_money(bc.actual_spending_money) %>
</p>
@@ -61,7 +61,7 @@
<div id="segment_unused" class="hidden">
<p class="text-sm text-secondary text-center mb-2">Unused</p>
<p class="text-3xl font-medium text-primary">
<p class="text-3xl font-medium text-primary privacy-sensitive">
<%= format_money(budget.available_to_spend_money) %>
</p>
</div>

8
app/views/budgets/_budgeted_summary.html.erb
View File

@@ -4,7 +4,7 @@
<div class="p-4 border-b border-secondary">
<h3 class="text-sm text-secondary mb-2">Expected income</h3>
<span class="inline-block mb-2 text-xl font-medium text-primary">
<span class="inline-block mb-2 text-xl font-medium text-primary privacy-sensitive">
<%= format_money(budget.expected_income_money) %>
</span>
@@ -18,7 +18,7 @@
<div class="rounded-md h-1.5 bg-surface-inset" style="width: <%= 100 - budget.actual_income_percent %>%"></div>
<% end %>
</div>
<div class="flex justify-between text-sm">
<div class="flex justify-between text-sm privacy-sensitive">
<p class="text-secondary"><%= format_money(budget.actual_income_money) %> earned</p>
<p class="font-medium">
<% if budget.remaining_expected_income.negative? %>
@@ -34,7 +34,7 @@
<div class="p-4">
<h3 class="text-sm text-secondary mb-2">Budgeted</h3>
<span class="inline-block mb-2 text-xl font-medium text-primary">
<span class="inline-block mb-2 text-xl font-medium text-primary privacy-sensitive">
<%= format_money(budget.budgeted_spending_money) %>
</span>
@@ -48,7 +48,7 @@
<div class="rounded-md h-1.5 bg-surface-inset" style="width: <%= 100 - budget.percent_of_budget_spent %>%"></div>
<% end %>
</div>
<div class="flex justify-between text-sm">
<div class="flex justify-between text-sm privacy-sensitive">
<p class="text-secondary"><%= format_money(budget.actual_spending_money) %> spent</p>
<p class="font-medium">
<% if budget.available_to_spend.negative? %>

6
app/views/holdings/_holding.html.erb
View File

@@ -37,7 +37,7 @@
<div class="col-span-2 text-right">
<% if holding.amount_money %>
<%= tag.p format_money holding.amount_money %>
<%= tag.p format_money(holding.amount_money), class: "privacy-sensitive" %>
<% else %>
<%= tag.p "--", class: "text-secondary" %>
<% end %>
@@ -47,8 +47,8 @@
<div class="col-span-2 text-right">
<%# Show Total Return (unrealized G/L) when cost basis exists (from trades or manual) %>
<% if holding.trend %>
<%= tag.p format_money(holding.trend.value), style: "color: #{holding.trend.color};" %>
<%= tag.p "(#{holding.trend.percent_formatted})", style: "color: #{holding.trend.color};" %>
<%= tag.p format_money(holding.trend.value), class: "privacy-sensitive", style: "color: #{holding.trend.color};" %>
<%= tag.p "(#{holding.trend.percent_formatted})", class: "privacy-sensitive", style: "color: #{holding.trend.color};" %>
<% else %>
<%= tag.p "--", class: "text-secondary" %>
<%= tag.p t(".no_cost_basis"), class: "text-xs text-secondary" %>

5
app/views/layouts/_privacy_mode_check.html.erb Normal file
View File

@@ -0,0 +1,5 @@
<script>
if (localStorage.getItem('privacyMode') === 'true') {
document.documentElement.classList.add('privacy-mode');
}
</script>

32
app/views/layouts/application.html.erb
View File

@@ -22,7 +22,7 @@ end %>
<%= render "layouts/shared/htmldoc" do %>
<div
class="flex flex-col lg:flex-row h-full bg-surface"
data-controller="app-layout"
data-controller="app-layout privacy-mode"
data-app-layout-expanded-sidebar-class="<%= expanded_sidebar_class %>"
data-app-layout-collapsed-sidebar-class="<%= collapsed_sidebar_class %>"
data-app-layout-user-id-value="<%= Current.user.id %>">
@@ -54,7 +54,19 @@ end %>
<%= image_tag "logomark-color.svg", class: "w-9 h-9 mx-auto" %>
<% end %>
<%= render "users/user_menu", user: Current.user, placement: "bottom-end", offset: 12, intro_mode: intro_mode %>
<div class="flex items-center gap-1">
<button type="button"
class="inline-flex items-center justify-center w-8 h-8 rounded-lg text-secondary hover:text-primary transition-colors"
data-action="click->privacy-mode#toggle"
data-privacy-mode-target="toggle"
title="<%= t("layouts.application.privacy_mode") %>"
aria-label="<%= t("layouts.application.privacy_mode") %>"
aria-pressed="false">
<%= icon("eye-off", size: "sm", data: { privacy_mode_target: "iconOff" }) %>
<%= icon("eye", size: "sm", class: "hidden", data: { privacy_mode_target: "iconOn" }) %>
</button>
<%= render "users/user_menu", user: Current.user, placement: "bottom-end", offset: 12, intro_mode: intro_mode %>
</div>
</nav>
<%# DESKTOP - Left navbar %>
@@ -138,7 +150,21 @@ end %>
<%= render "layouts/shared/breadcrumbs", breadcrumbs: @breadcrumbs %>
<% end %>
</div>
<%= icon("panel-right", as_button: true, data: { action: "app-layout#toggleRightSidebar" }) %>
<div class="flex items-center gap-2">
<button type="button"
class="inline-flex items-center justify-center w-8 h-8 rounded-lg text-secondary hover:text-primary hover:bg-surface-hover transition-colors"
data-action="click->privacy-mode#toggle"
data-privacy-mode-target="toggle"
title="<%= t("layouts.application.privacy_mode") %>"
aria-label="<%= t("layouts.application.privacy_mode") %>"
aria-pressed="false">
<%= icon("eye-off", size: "sm", data: { privacy_mode_target: "iconOff" }) %>
<%= icon("eye", size: "sm", class: "hidden", data: { privacy_mode_target: "iconOn" }) %>
</button>
<%= icon("panel-right", as_button: true, data: { action: "app-layout#toggleRightSidebar" }) %>
</div>
</div>
<% end %>

1
app/views/layouts/shared/_head.html.erb
View File

@@ -10,6 +10,7 @@
<%= javascript_importmap_tags %>
<%= render "layouts/dark_mode_check" %>
<%= render "layouts/privacy_mode_check" %>
<%= turbo_refreshes_with method: :morph, scroll: :preserve %>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, viewport-fit=cover">

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

@@ -9,21 +9,23 @@
</p>
</div>
<%= render DS::Link.new(
icon: "plus",
text: t("pages.dashboard.new"),
href: new_account_path,
frame: :modal,
class: "hidden lg:inline-flex"
) %>
<%= render DS::Link.new(
variant: "icon-inverse",
<div class="flex items-center gap-2">
<%= render DS::Link.new(
icon: "plus",
text: t("pages.dashboard.new"),
href: new_account_path,
frame: :modal,
class: "rounded-full lg:hidden"
class: "hidden lg:inline-flex"
) %>
<%= render DS::Link.new(
variant: "icon-inverse",
icon: "plus",
href: new_account_path,
frame: :modal,
class: "rounded-full lg:hidden"
) %>
</div>
</div>
<% end %>

8
app/views/pages/dashboard/_balance_sheet.html.erb
View File

@@ -11,7 +11,7 @@
<% if classification_group.account_groups.any? %>
<span class="text-secondary">&middot;</span>
<span class="text-secondary font-medium text-lg"><%= classification_group.total_money.format(precision: 0) %></span>
<span class="text-secondary font-medium text-lg privacy-sensitive"><%= classification_group.total_money.format(precision: 0) %></span>
<% end %>
</h2>
</div>
@@ -29,7 +29,7 @@
<div class="flex items-center gap-2 text-sm">
<div class="h-2.5 w-2.5 rounded-full" style="background-color: <%= account_group.color %>;"></div>
<p class="text-secondary"><%= account_group.name %></p>
<p class="text-primary font-mono"><%= number_to_percentage(account_group.weight, precision: 0) %></p>
<p class="text-primary font-mono privacy-sensitive"><%= number_to_percentage(account_group.weight, precision: 0) %></p>
</div>
<% end %>
</div>
@@ -67,7 +67,7 @@
</div>
<div class="w-40 shrink-0">
<p><%= format_money(account_group.total_money) %></p>
<p class="privacy-sensitive"><%= format_money(account_group.total_money) %></p>
</div>
</div>
</summary>
@@ -92,7 +92,7 @@
</div>
<div class="w-40 shrink-0">
<p><%= format_money(account.balance_money) %></p>
<p class="privacy-sensitive"><%= format_money(account.balance_money) %></p>
</div>
</div>
</div>

4
app/views/pages/dashboard/_cashflow_sankey.html.erb
View File

@@ -15,7 +15,7 @@
data-controller="sankey-chart"
data-sankey-chart-data-value="<%= sankey_data.to_json %>"
data-sankey-chart-currency-symbol-value="<%= sankey_data[:currency_symbol] %>"
class="w-full h-full"></div>
class="w-full h-full privacy-sensitive"></div>
</div>
<%= render DS::Dialog.new(id: "cashflow-expanded-dialog", auto_open: false, width: "custom", disable_frame: true, content_class: "!w-[96vw] max-w-[1650px]", data: { action: "close->cashflow-expand#restore" }) do |dialog| %>
<% dialog.with_header(title: t("pages.dashboard.cashflow_sankey.title")) %>
@@ -25,7 +25,7 @@
data-controller="sankey-chart"
data-sankey-chart-data-value="<%= sankey_data.to_json %>"
data-sankey-chart-currency-symbol-value="<%= sankey_data[:currency_symbol] %>"
class="w-full h-full"></div>
class="w-full h-full privacy-sensitive"></div>
</div>
<% end %>
<% end %>

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

@@ -8,5 +8,5 @@
<div class="w-0.5 h-2.5 rounded-lg <%= i < (effective_weight / 10.0).ceil ? "" : "opacity-20" %>" style="background-color: <%= color %>;"></div>
<% end %>
</div>
<p class="text-sm"><%= number_to_percentage(effective_weight, precision: 2) %></p>
<p class="text-sm privacy-sensitive"><%= number_to_percentage(effective_weight, precision: 2) %></p>
</div>

14
app/views/pages/dashboard/_investment_summary.html.erb
View File

@@ -8,7 +8,7 @@
<h2 class="text-lg font-medium"><%= t(".title") %></h2>
</div>
<p class="text-primary text-3xl font-medium">
<p class="text-primary text-3xl font-medium privacy-sensitive">
<%= format_money(investment_statement.portfolio_value_money) %>
</p>
@@ -16,7 +16,7 @@
<% if trend %>
<div class="flex items-center gap-2 text-sm">
<span class="text-secondary"><%= t(".total_return") %>:</span>
<span class="font-medium" style="color: <%= trend.color %>">
<span class="font-medium privacy-sensitive" style="color: <%= trend.color %>">
<%= format_money(Money.new(trend.value, Current.family.currency)) %>
(<%= trend.percent_formatted %>)
</span>
@@ -53,17 +53,17 @@
</div>
</div>
<div class="text-right text-secondary">
<div class="text-right text-secondary privacy-sensitive">
<%= number_to_percentage(holding.weight || 0, precision: 1) %>
</div>
<div class="text-right">
<div class="text-right privacy-sensitive">
<%= format_money(holding.amount_money) %>
</div>
<div class="text-right">
<% if holding.trend %>
<span style="color: <%= holding.trend.color %>">
<span class="privacy-sensitive" style="color: <%= holding.trend.color %>">
<%= holding.trend.percent_formatted %>
</span>
<% else %>
@@ -92,7 +92,7 @@
</div>
<div>
<p class="text-xs text-secondary"><%= t(".contributions") %></p>
<p class="font-medium text-green-600"><%= format_money(totals.contributions) %></p>
<p class="font-medium text-green-600 privacy-sensitive"><%= format_money(totals.contributions) %></p>
</div>
</div>
<div class="flex items-center gap-2">
@@ -101,7 +101,7 @@
</div>
<div>
<p class="text-xs text-secondary"><%= t(".withdrawals") %></p>
<p class="font-medium text-orange-600"><%= format_money(totals.withdrawals) %></p>
<p class="font-medium text-orange-600 privacy-sensitive"><%= format_money(totals.withdrawals) %></p>
</div>
</div>
<div class="flex items-center gap-2">

4
app/views/pages/dashboard/_net_worth_chart.html.erb
View File

@@ -5,7 +5,7 @@
<div class="flex justify-between gap-4 px-4">
<div class="space-y-2">
<% if series.trend.present? %>
<p class="text-primary -space-x-0.5 text-3xl font-medium <%= "animate-pulse" if balance_sheet.syncing? %>">
<p class="text-primary -space-x-0.5 text-3xl font-medium privacy-sensitive <%= "animate-pulse" if balance_sheet.syncing? %>">
<%= series.trend.current.format %>
</p>
<%= render partial: "shared/trend_change", locals: { trend: series.trend, comparison_label: period.comparison_label } %>
@@ -26,7 +26,7 @@
<% if series.any? %>
<div
id="netWorthChart"
class="w-full flex-1 min-h-52"
class="w-full flex-1 min-h-52 privacy-sensitive"
data-controller="time-series-chart"
data-time-series-chart-data-value="<%= series.to_json %>"></div>
<% else %>

10
app/views/pages/dashboard/_outflows_donut.html.erb
View File

@@ -31,7 +31,7 @@
<span><%= t("pages.dashboard.outflows_donut.total_outflows") %></span>
</div>
<div class="text-3xl font-medium text-primary">
<div class="text-3xl font-medium text-primary privacy-sensitive">
<%= format_money Money.new(outflows_data[:total], outflows_data[:currency]) %>
</div>
</div>
@@ -41,11 +41,11 @@
<div class="flex flex-col gap-2 items-center">
<p class="text-sm text-secondary"><%= category[:name] %></p>
<p class="text-3xl font-medium text-primary">
<p class="text-3xl font-medium text-primary privacy-sensitive">
<%= outflows_data[:currency_symbol] %><%= number_with_delimiter(category[:amount], delimiter: ",") %>
</p>
<p class="text-sm text-secondary"><%= category[:percentage] %>%</p>
<p class="text-sm text-secondary privacy-sensitive"><%= category[:percentage] %>%</p>
</div>
</div>
<% end %>
@@ -94,8 +94,8 @@
<span class="text-sm font-medium text-primary truncate"><%= category[:name] %></span>
</div>
<div class="flex items-center gap-4 flex-shrink-0 text-right">
<span class="text-sm font-medium text-primary whitespace-nowrap"><%= format_money Money.new(category[:amount], category[:currency]) %></span>
<span class="text-sm text-secondary whitespace-nowrap w-10 lg:w-15"><%= category[:percentage] %>%</span>
<span class="text-sm font-medium text-primary whitespace-nowrap privacy-sensitive"><%= format_money Money.new(category[:amount], category[:currency]) %></span>
<span class="text-sm text-secondary whitespace-nowrap w-10 lg:w-15 privacy-sensitive"><%= category[:percentage] %>%</span>
</div>
<% end %>

2
app/views/pending_duplicate_merges/new.html.erb
View File

@@ -52,7 +52,7 @@
<div class="flex-1 text-sm">
<div class="font-medium text-primary"><%= entry.name %></div>
<div class="text-xs text-secondary">
<%= I18n.l(entry.date, format: :short) %> •
<%= I18n.l(entry.date, format: :short) %> •
<%= number_to_currency(entry.amount.abs, unit: Money::Currency.new(entry.currency).symbol) %>
</div>
</div>

2
app/views/recurring_transactions/_projected_transaction.html.erb
View File

@@ -56,6 +56,6 @@
<div class="col-span-2 ml-auto text-right shrink-0">
<% display_amount = recurring_transaction.manual? && recurring_transaction.expected_amount_avg.present? ? recurring_transaction.expected_amount_avg : recurring_transaction.amount %>
<%= content_tag :p, format_money(-Money.new(display_amount, recurring_transaction.currency)), class: ["font-medium", display_amount.negative? ? "text-success" : "text-subdued"] %>
<%= content_tag :p, format_money(-Money.new(display_amount, recurring_transaction.currency)), class: ["font-medium", "privacy-sensitive", display_amount.negative? ? "text-success" : "text-subdued"] %>
</div>
</div>

4
app/views/recurring_transactions/index.html.erb
View File

@@ -128,11 +128,11 @@
<% end %>
</div>
</td>
<td class="py-3 px-2 text-sm font-medium <%= recurring_transaction.amount.negative? ? "text-success" : "text-primary" %>">
<td class="py-3 px-2 text-sm font-medium privacy-sensitive <%= recurring_transaction.amount.negative? ? "text-success" : "text-primary" %>">
<% if recurring_transaction.manual? && recurring_transaction.has_amount_variance? %>
<div class="inline-flex items-center gap-1 cursor-help group" title="<%= t("recurring_transactions.amount_range", min: format_money(-recurring_transaction.expected_amount_min_money), max: format_money(-recurring_transaction.expected_amount_max_money)) %>">
<span class="text-xs text-secondary group-hover:text-primary transition-colors">~</span>
<span class="border-b border-dashed border-subdued group-hover:border-primary transition-colors"><%= format_money(-recurring_transaction.expected_amount_avg_money) %></span>
<span class="border-b border-dashed border-subdued group-hover:border-primary transition-colors privacy-sensitive"><%= format_money(-recurring_transaction.expected_amount_avg_money) %></span>
</div>
<% else %>
<%= format_money(-recurring_transaction.amount_money) %>

2
app/views/reports/_breakdown_table.html.erb
View File

@@ -11,7 +11,7 @@
<div class="text-large mb-4 flex items-center gap-2 text-lg">
<%= icon(icon_name, class: "w-5 h-5") %>
<span><%= t(title_key) %>:</span>
<span class="font-medium text-secondary <%= color_class %>"> <%= Money.new(total, Current.family.currency).format %></span>
<span class="font-medium text-secondary <%= color_class %> privacy-sensitive"> <%= Money.new(total, Current.family.currency).format %></span>
</div>
<div class="bg-container-inset rounded-xl p-1 overflow-x-auto">

8
app/views/reports/_budget_performance.html.erb
View File

@@ -63,13 +63,13 @@
<div class="flex items-center gap-4">
<div>
<span class="text-subdued"><%= t("reports.budget_performance.spent") %>:</span>
<span class="font-medium text-primary">
<span class="font-medium text-primary privacy-sensitive">
<%= Money.new(budget_item[:actual], Current.family.currency).format %>
</span>
</div>
<div>
<span class="text-subdued"><%= t("reports.budget_performance.budgeted") %>:</span>
<span class="font-medium text-secondary">
<span class="font-medium text-secondary privacy-sensitive">
<%= Money.new(budget_item[:budgeted], Current.family.currency).format %>
</span>
</div>
@@ -78,12 +78,12 @@
<div>
<% if budget_item[:remaining] >= 0 %>
<span class="text-subdued"><%= t("reports.budget_performance.remaining") %>:</span>
<span class="font-medium text-success">
<span class="font-medium text-success privacy-sensitive">
<%= Money.new(budget_item[:remaining], Current.family.currency).format %>
</span>
<% else %>
<span class="text-subdued"><%= t("reports.budget_performance.over_by") %>:</span>
<span class="font-medium text-destructive">
<span class="font-medium text-destructive privacy-sensitive">
<%= Money.new(budget_item[:remaining].abs, Current.family.currency).format %>
</span>
<% end %>

2
app/views/reports/_category_row.html.erb
View File

@@ -37,7 +37,7 @@
</div>
<div class="col-span-1 text-right">
<span class="text-sm <%= color_class %>">
<span class="text-sm <%= color_class %> privacy-sensitive">
<%= Money.new(item[:total], Current.family.currency).format %>
</span>
</div>

6
app/views/reports/_investment_flows.html.erb
View File

@@ -11,7 +11,7 @@
<%= icon("trending-up", size: "sm", class: "text-green-600") %>
<h3 class="text-sm font-medium text-secondary">Contributions</h3>
</div>
<div class="text-2xl font-semibold" style="color: rgb(34 197 94);">
<div class="text-2xl font-semibold privacy-sensitive" style="color: rgb(34 197 94);">
<%= format_money(investment_flows.contributions) %>
</div>
<p class="text-xs text-secondary mt-1">Money added to investments</p>
@@ -23,7 +23,7 @@
<%= icon("trending-down", size: "sm", class: "text-orange-600") %>
<h3 class="text-sm font-medium text-secondary">Withdrawals</h3>
</div>
<div class="text-2xl font-semibold" style="color: rgb(249 115 22);">
<div class="text-2xl font-semibold privacy-sensitive" style="color: rgb(249 115 22);">
<%= format_money(investment_flows.withdrawals) %>
</div>
<p class="text-xs text-secondary mt-1">Money withdrawn from investments</p>
@@ -35,7 +35,7 @@
<%= icon("arrow-right-left", size: "sm", class: "text-primary") %>
<h3 class="text-sm font-medium text-secondary">Net Flow</h3>
</div>
<div class="text-2xl font-semibold text-primary">
<div class="text-2xl font-semibold text-primary privacy-sensitive">
<%= format_money(investment_flows.net_flow) %>
</div>
<p class="text-xs text-secondary mt-1">Total net change</p>

18
app/views/reports/_investment_performance.html.erb
View File

@@ -10,7 +10,7 @@
<%= icon("briefcase", size: "sm") %>
<span class="text-sm text-secondary"><%= t("reports.investment_performance.portfolio_value") %></span>
</div>
<p class="text-xl font-semibold text-primary">
<p class="text-xl font-semibold text-primary privacy-sensitive">
<%= format_money(investment_metrics[:portfolio_value]) %>
</p>
</div>
@@ -22,7 +22,7 @@
<span class="text-sm text-secondary"><%= t("reports.investment_performance.total_return") %></span>
</div>
<% if investment_metrics[:unrealized_trend] %>
<p class="text-xl font-semibold" style="color: <%= investment_metrics[:unrealized_trend].color %>">
<p class="text-xl font-semibold privacy-sensitive" style="color: <%= investment_metrics[:unrealized_trend].color %>">
<%= format_money(Money.new(investment_metrics[:unrealized_trend].value, Current.family.currency)) %>
(<%= investment_metrics[:unrealized_trend].percent_formatted %>)
</p>
@@ -37,7 +37,7 @@
<%= icon("arrow-down-to-line", size: "sm") %>
<span class="text-sm text-secondary"><%= t("reports.investment_performance.contributions") %></span>
</div>
<p class="text-xl font-semibold text-primary">
<p class="text-xl font-semibold text-primary privacy-sensitive">
<%= format_money(investment_metrics[:period_contributions]) %>
</p>
</div>
@@ -48,7 +48,7 @@
<%= icon("arrow-up-from-line", size: "sm") %>
<span class="text-sm text-secondary"><%= t("reports.investment_performance.withdrawals") %></span>
</div>
<p class="text-xl font-semibold text-primary">
<p class="text-xl font-semibold text-primary privacy-sensitive">
<%= format_money(investment_metrics[:period_withdrawals]) %>
</p>
</div>
@@ -85,7 +85,7 @@
</div>
</div>
<div class="text-right text-secondary"><%= number_to_percentage(holding.weight || 0, precision: 1) %></div>
<div class="text-right font-medium text-primary"><%= format_money(holding.amount_money) %></div>
<div class="text-right font-medium text-primary privacy-sensitive"><%= format_money(holding.amount_money) %></div>
<div class="text-right">
<% if holding.trend %>
<span style="color: <%= holding.trend.color %>">
@@ -118,7 +118,7 @@
<span class="inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium <%= tax_treatment_badge_classes(treatment) %>" title="<%= t("accounts.tax_treatment_descriptions.#{treatment}") %>">
<%= t("accounts.tax_treatments.#{treatment}") %>
</span>
<span class="text-sm font-semibold text-primary">
<span class="text-sm font-semibold text-primary privacy-sensitive">
<%= format_money(data[:total_gain]) %>
</span>
</div>
@@ -126,11 +126,11 @@
<div class="space-y-2 text-sm">
<div class="flex justify-between">
<span class="text-secondary"><%= t("reports.investment_performance.unrealized_gains") %></span>
<span class="text-primary"><%= format_money(data[:unrealized_gain]) %></span>
<span class="text-primary privacy-sensitive"><%= format_money(data[:unrealized_gain]) %></span>
</div>
<div class="flex justify-between">
<span class="text-secondary"><%= t("reports.investment_performance.realized_gains") %></span>
<span class="text-primary"><%= format_money(data[:realized_gain]) %></span>
<span class="text-primary privacy-sensitive"><%= format_money(data[:realized_gain]) %></span>
</div>
</div>
@@ -206,7 +206,7 @@
<p class="text-xs text-secondary"><%= account.short_subtype_label %></p>
</div>
</div>
<p class="font-medium text-primary"><%= format_money(account.balance_money) %></p>
<p class="font-medium text-primary privacy-sensitive"><%= format_money(account.balance_money) %></p>
<% end %>
<% end %>
</div>

12
app/views/reports/_net_worth.html.erb
View File

@@ -4,7 +4,7 @@
<%# Current Net Worth %>
<div class="p-4 bg-surface-inset rounded-lg">
<p class="text-sm text-secondary mb-2"><%= t("reports.net_worth.current_net_worth") %></p>
<p class="text-2xl font-semibold <%= net_worth_metrics[:current_net_worth] >= 0 ? "text-success" : "text-destructive" %>">
<p class="text-2xl font-semibold privacy-sensitive <%= net_worth_metrics[:current_net_worth] >= 0 ? "text-success" : "text-destructive" %>">
<%= net_worth_metrics[:current_net_worth].format %>
</p>
</div>
@@ -14,7 +14,7 @@
<p class="text-sm text-secondary mb-2"><%= t("reports.net_worth.period_change") %></p>
<% if net_worth_metrics[:trend] %>
<% trend = net_worth_metrics[:trend] %>
<p class="text-2xl font-semibold mb-1" style="color: <%= trend.color %>">
<p class="text-2xl font-semibold mb-1 privacy-sensitive" style="color: <%= trend.color %>">
<%= trend.value.format(signify_positive: true) %>
</p>
<p class="text-xs" style="color: <%= trend.color %>">
@@ -29,9 +29,9 @@
<div class="p-4 bg-surface-inset rounded-lg">
<p class="text-sm text-secondary mb-2"><%= t("reports.net_worth.assets_vs_liabilities") %></p>
<div class="flex items-baseline gap-2 flex-wrap">
<span class="text-lg font-semibold text-success break-words"><%= net_worth_metrics[:total_assets].format %></span>
<span class="text-lg font-semibold text-success break-words privacy-sensitive"><%= net_worth_metrics[:total_assets].format %></span>
<span class="text-xs text-subdued shrink-0">-</span>
<span class="text-lg font-semibold text-destructive break-words"><%= net_worth_metrics[:total_liabilities].format %></span>
<span class="text-lg font-semibold text-destructive break-words privacy-sensitive"><%= net_worth_metrics[:total_liabilities].format %></span>
</div>
</div>
</div>
@@ -47,7 +47,7 @@
<% net_worth_metrics[:asset_groups].each_with_index do |group, idx| %>
<div class="grid grid-cols-2 items-center text-secondary text-sm py-3 px-4 lg:px-6">
<div class="col-span-1 font-medium text-secondary"><%= group[:name] %></div>
<div class="col-span-1 font-medium text-secondary justify-self-end text-success"><%= group[:total].format %></div>
<div class="col-span-1 font-medium text-secondary justify-self-end text-success privacy-sensitive"><%= group[:total].format %></div>
</div>
<% if idx < net_worth_metrics[:asset_groups].size - 1 %>
<%= render "shared/ruler", classes: "mx-3 lg:mx-4" %>
@@ -68,7 +68,7 @@
<% net_worth_metrics[:liability_groups].each_with_index do |group, idx| %>
<div class="grid grid-cols-2 items-center text-secondary text-sm py-3 px-4 lg:px-6">
<div class="col-span-1 font-medium text-secondary"><%= group[:name] %></div>
<div class="col-span-1 font-medium text-secondary justify-self-end text-destructive"><%= group[:total].format %></div>
<div class="col-span-1 font-medium text-secondary justify-self-end text-destructive privacy-sensitive"><%= group[:total].format %></div>
</div>
<% if idx < net_worth_metrics[:liability_groups].size - 1 %>
<%= render "shared/ruler", classes: "mx-3 lg:mx-4" %>

12
app/views/reports/_summary_dashboard.html.erb
View File

@@ -11,12 +11,12 @@
</div>
<div class="space-y-2">
<p class="text-2xl font-semibold text-primary">
<p class="text-2xl font-semibold text-primary privacy-sensitive">
<%= metrics[:current_income].format %>
</p>
<% if metrics[:income_change] %>
<div class="flex items-center gap-1.5">
<div class="flex items-center gap-1.5 privacy-sensitive">
<% if metrics[:income_change] >= 0 %>
<%= icon("arrow-up", size: "sm") %>
<span class="text-sm font-medium text-success">
@@ -48,12 +48,12 @@
</div>
<div class="space-y-2">
<p class="text-2xl font-semibold text-primary">
<p class="text-2xl font-semibold text-primary privacy-sensitive">
<%= metrics[:current_expenses].format %>
</p>
<% if metrics[:expense_change] %>
<div class="flex items-center gap-1.5">
<div class="flex items-center gap-1.5 privacy-sensitive">
<% if metrics[:expense_change] >= 0 %>
<%= icon("arrow-up", class: "w-4 h-4 text-destructive") %>
<span class="text-sm font-medium text-destructive">
@@ -85,7 +85,7 @@
</div>
<div class="space-y-2">
<p class="text-2xl font-semibold <%= metrics[:net_savings] >= 0 ? "text-success" : "text-destructive" %>">
<p class="text-2xl font-semibold privacy-sensitive <%= metrics[:net_savings] >= 0 ? "text-success" : "text-destructive" %>">
<%= metrics[:net_savings].format %>
</p>
@@ -108,7 +108,7 @@
<div class="space-y-2">
<% if metrics[:budget_percent] %>
<p class="text-2xl font-semibold text-primary">
<p class="text-2xl font-semibold text-primary privacy-sensitive">
<%= metrics[:budget_percent] %>%
</p>

12
app/views/reports/_trends_insights.html.erb
View File

@@ -24,13 +24,13 @@
<span class="text-xs text-subdued">(<%= t("reports.trends.current") %>)</span>
<% end %>
</div>
<div class="text-right">
<div class="text-right privacy-sensitive">
<%= Money.new(trend[:income], Current.family.currency).format %>
</div>
<div class="text-right">
<div class="text-right privacy-sensitive">
<%= Money.new(trend[:expenses], Current.family.currency).format %>
</div>
<div class="text-right <%= trend[:net] >= 0 ? "text-success" : "text-destructive" %>">
<div class="text-right privacy-sensitive <%= trend[:net] >= 0 ? "text-success" : "text-destructive" %>">
<%= Money.new(trend[:net], Current.family.currency).format %>
</div>
<div class="text-right <%= trend[:net] >= 0 ? "text-success" : "text-destructive" %>">
@@ -54,21 +54,21 @@
<div class="p-4 bg-surface-inset rounded-lg">
<p class="text-sm text-secondary mb-1"><%= t("reports.trends.avg_monthly_income") %></p>
<p class="text-lg font-semibold text-success">
<p class="text-lg font-semibold text-success privacy-sensitive">
<%= Money.new(avg_income, Current.family.currency).format %>
</p>
</div>
<div class="p-4 bg-surface-inset rounded-lg">
<p class="text-sm text-secondary mb-1"><%= t("reports.trends.avg_monthly_expenses") %></p>
<p class="text-lg font-semibold text-destructive">
<p class="text-lg font-semibold text-destructive privacy-sensitive">
<%= Money.new(avg_expenses, Current.family.currency).format %>
</p>
</div>
<div class="p-4 bg-surface-inset rounded-lg">
<p class="text-sm text-secondary mb-1"><%= t("reports.trends.avg_monthly_savings") %></p>
<p class="text-lg font-semibold <%= avg_net >= 0 ? "text-success" : "text-destructive" %>">
<p class="text-lg font-semibold privacy-sensitive <%= avg_net >= 0 ? "text-success" : "text-destructive" %>">
<%= Money.new(avg_net, Current.family.currency).format %>
</p>
</div>

2
app/views/shared/_trend_change.html.erb
View File

@@ -1,6 +1,6 @@
<%# locals: { trend:, comparison_label: nil } %>
<p class="text-sm" style="color: <%= trend.color %>">
<p class="text-sm privacy-sensitive" style="color: <%= trend.color %>">
<% if trend.direction.flat? %>
<%= t(".no_change") %><%= " #{comparison_label}" if defined?(comparison_label) && comparison_label.present? %>
<% else %>

6
app/views/trades/_header.html.erb
View File

@@ -8,7 +8,7 @@
<div class="flex items-center gap-4">
<h3 class="font-medium">
<span class="text-2xl text-primary">
<span class="text-2xl text-primary privacy-sensitive">
<%= format_money entry.amount_money %>
</span>
@@ -48,14 +48,14 @@
<div class="flex items-center justify-between text-sm">
<dt class="text-secondary"><%= t(".purchase_price_label") %></dt>
<dd class="text-primary"><%= format_money trade.price_money %></dd>
<dd class="text-primary privacy-sensitive"><%= format_money trade.price_money %></dd>
</div>
<% end %>
<% if trade.security.current_price.present? %>
<div class="flex items-center justify-between text-sm">
<dt class="text-secondary"><%= t(".current_market_price_label") %></dt>
<dd class="text-primary"><%= format_money trade.security.current_price %></dd>
<dd class="text-primary privacy-sensitive"><%= format_money trade.security.current_price %></dd>
</div>
<% end %>

4
app/views/transactions/_attachments.html.erb
View File

@@ -13,7 +13,7 @@
} do |form| %>
<div class="space-y-3">
<div>
<div class="flex flex-col items-center justify-center w-full py-8 border border-secondary border-dashed rounded-xl cursor-pointer bg-surface-inset hover:bg-surface-inset-hover transition-colors text-center px-4"
<div class="flex flex-col items-center justify-center w-full py-8 border border-secondary border-dashed rounded-xl cursor-pointer bg-surface-inset hover:bg-surface-inset-hover transition-colors text-center px-4"
data-action="click->attachment-upload#triggerFileInput">
<div data-attachment-upload-target="uploadText" class="flex flex-col items-center">
@@ -28,7 +28,7 @@
<%= form.file_field :attachments,
multiple: true,
accept: Transaction::ALLOWED_CONTENT_TYPES.join(','),
accept: Transaction::ALLOWED_CONTENT_TYPES.join(","),
class: "hidden",
data: {
attachment_upload_target: "fileInput",

2
app/views/transactions/_header.html.erb
View File

@@ -2,7 +2,7 @@
<div class="flex items-start justify-between gap-4" id="<%= dom_id(entry, :header) %>">
<div>
<h3 class="font-medium flex items-center gap-2">
<span class="text-2xl text-primary">
<span class="text-2xl text-primary privacy-sensitive">
<%= format_money -entry.amount_money %>
</span>
<span class="text-lg text-secondary">

6
app/views/transactions/_summary.html.erb
View File

@@ -2,17 +2,17 @@
<div class="grid grid-cols-1 md:grid-cols-3 bg-container rounded-xl shadow-border-xs md:divide-x divide-y md:divide-y-0 divide-alpha-black-100 theme-dark:divide-alpha-white-200">
<div class="p-4 space-y-2">
<p class="text-sm text-secondary">Total transactions</p>
<p class="text-primary font-medium text-xl" id="total-transactions"><%= totals.count.round(0) %></p>
<p class="text-primary font-medium text-xl privacy-sensitive" id="total-transactions"><%= totals.count.round(0) %></p>
</div>
<div class="p-4 space-y-2">
<p class="text-sm text-secondary">Income</p>
<p class="text-primary font-medium text-xl" id="total-income">
<p class="text-primary font-medium text-xl privacy-sensitive" id="total-income">
<%= totals.income_money.format %>
</p>
</div>
<div class="p-4 space-y-2">
<p class="text-sm text-secondary">Expenses</p>
<p class="text-primary font-medium text-xl" id="total-expense">
<p class="text-primary font-medium text-xl privacy-sensitive" id="total-expense">
<%= totals.expense_money.format %>
</p>
</div>

2
app/views/transactions/_transaction.html.erb
View File

@@ -170,7 +170,7 @@
<% end %>
<%= content_tag :p,
transaction.transfer? && view_ctx == "global" ? "+/- #{format_money(entry.amount_money.abs)}" : format_money(-entry.amount_money),
class: ["text-green-600": entry.amount.negative?] %>
class: ["privacy-sensitive", "text-green-600": entry.amount.negative?] %>
</div>
</div>
<% end %>

2
app/views/transactions/searches/filters/_tag_filter.html.erb
View File

@@ -20,7 +20,7 @@
<span class="border text-sm font-medium px-3 py-1 rounded-full inline-flex items-center gap-2"
style="
background-color: color-mix(in oklab, <%= tag_color %> 10%, transparent);
border-color: color-mix(in oklab, <%= tag_color%> 20%, transparent);
border-color: color-mix(in oklab, <%= tag_color %> 20%, transparent);
color: <%= tag_color %>;">
<span class="size-1.5 rounded-full" style="background-color: <%= tag_color %>;"></span>
<%= tag.name %>

6
app/views/transfers/show.html.erb
View File

@@ -3,7 +3,7 @@
<div class="flex items-start justify-between gap-4">
<div>
<h3 class="font-medium flex items-center gap-2">
<span class="text-2xl text-primary">
<span class="text-2xl text-primary privacy-sensitive">
<%= format_money @transfer.amount_abs %>
</span>
<span class="text-lg text-secondary">
@@ -35,7 +35,7 @@
</dl>
<dl class="flex items-center gap-2 justify-between">
<dt class="text-secondary">Amount</dt>
<dd class="font-medium text-red-500"><%= format_money @transfer.outflow_transaction.entry.amount_money * -1 %></dd>
<dd class="font-medium text-red-500 privacy-sensitive"><%= format_money @transfer.outflow_transaction.entry.amount_money * -1 %></dd>
</dl>
</div>
<%= render "shared/ruler", classes: "my-2" %>
@@ -53,7 +53,7 @@
</dl>
<dl class="flex items-center gap-2 justify-between">
<dt class="text-secondary">Amount</dt>
<dd class="font-medium text-green-500">+<%= format_money @transfer.inflow_transaction.entry.amount_money * -1 %></dd>
<dd class="font-medium text-green-500 privacy-sensitive">+<%= format_money @transfer.inflow_transaction.entry.amount_money * -1 %></dd>
</dl>
</div>
</div>

2
app/views/valuations/_header.html.erb
View File

@@ -7,7 +7,7 @@
<div class="flex items-center gap-4">
<h3 class="font-medium">
<span class="text-2xl text-primary">
<span class="text-2xl text-primary privacy-sensitive">
<%= format_money entry.amount_money %>
</span>

2
app/views/valuations/_valuation.html.erb
View File

@@ -26,7 +26,7 @@
</div>
<div class="col-span-4 justify-self-end">
<%= tag.p format_money(entry.amount_money), class: "font-bold text-sm text-primary" %>
<%= tag.p format_money(entry.amount_money), class: "font-bold text-sm text-primary privacy-sensitive" %>
</div>
</div>
<% end %>

1
config/locales/views/layout/ca.yml
View File

@@ -2,6 +2,7 @@
ca:
layouts:
application:
privacy_mode: Alternar mode de privadesa
nav:
assistant: Assistent
budgets: Pressupostos

1
config/locales/views/layout/de.yml
View File

@@ -2,6 +2,7 @@
de:
layouts:
application:
privacy_mode: Datenschutzmodus umschalten
nav:
assistant: Assistent
budgets: Budgets

1
config/locales/views/layout/en.yml
View File

@@ -2,6 +2,7 @@
en:
layouts:
application:
privacy_mode: Toggle privacy mode
nav:
assistant: Assistant
budgets: Budgets

1
config/locales/views/layout/es.yml
View File

@@ -2,6 +2,7 @@
es:
layouts:
application:
privacy_mode: Alternar modo de privacidad
nav:
assistant: Asistente
budgets: Presupuestos

1
config/locales/views/layout/fr.yml
View File

@@ -2,6 +2,7 @@
fr:
layouts:
application:
privacy_mode: Activer/désactiver le mode confidentialité
nav:
assistant: Assistant
budgets: Budgets

1
config/locales/views/layout/nb.yml
View File

@@ -2,6 +2,7 @@
nb:
layouts:
application:
privacy_mode: Veksle personvernmodus
nav:
assistant: Assistent
budgets: Budsjett

1
config/locales/views/layout/nl.yml
View File

@@ -2,6 +2,7 @@
nl:
layouts:
application:
privacy_mode: Privacymodus in-/uitschakelen
nav:
assistant: Assistent
budgets: Budgetten

1
config/locales/views/layout/pt-BR.yml
View File

@@ -2,6 +2,7 @@
pt-BR:
layouts:
application:
privacy_mode: Alternar modo de privacidade
nav:
assistant: Assistente
budgets: Orçamentos

1
config/locales/views/layout/ro.yml
View File

@@ -2,6 +2,7 @@
ro:
layouts:
application:
privacy_mode: Comutare mod confidențialitate
nav:
assistant: Asistent
budgets: Bugete

1
config/locales/views/layout/tr.yml
View File

@@ -2,6 +2,7 @@
tr:
layouts:
application:
privacy_mode: Gizlilik modunu değiştir
nav:
assistant: Asistan
budgets: Bütçeler

1
config/locales/views/layout/zh-CN.yml
View File

@@ -3,6 +3,7 @@
zh-CN:
layouts:
application:
privacy_mode: 切换隐私模式
nav:
assistant: 智能助手
budgets: 预算管理

1
config/locales/views/layout/zh-TW.yml
View File

@@ -2,6 +2,7 @@
zh-TW:
layouts:
application:
privacy_mode: 切換隱私模式
nav:
assistant: 助手
budgets: 預算