openclaw/oikos
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

fix(i18n): translate category names in tasks and budget displays

Browse Source 
Category group headers in tasks and bar chart labels / transaction meta
in budget were showing raw German database keys instead of going through
CATEGORY_LABELS() i18n mapping.

Closes #11
This commit is contained in:
Ulas
2026-04-04 14:08:41 +02:00
parent 7b13275882
commit 597c2602aa
4 changed files with 10 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
CHANGELOG.md
+5
View File
@@ -7,6 +7,11 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
## [Unreleased] ## [Unreleased]
## [0.7.6] - 2026-04-04
### Fixed
- Fix untranslated category names in tasks (group headers), budget (bar chart labels, transaction meta) - all displayed category strings now go through i18n mapping (#11)
## [0.7.5] - 2026-04-04 ## [0.7.5] - 2026-04-04
### Fixed ### Fixed
package.json
+1 -1
View File
@@ -1,6 +1,6 @@
{ {
"name": "oikos", "name": "oikos",
"version": "0.7.5", "version": "0.7.6",
"description": "Self-hosted family planner - calendar, tasks, shopping, meal planning, budget and more. Private, open-source, no subscription.", "description": "Self-hosted family planner - calendar, tasks, shopping, meal planning, budget and more. Private, open-source, no subscription.",
"main": "server/index.js", "main": "server/index.js",
"type": "module", "type": "module",
public/pages/budget.js
+2 -2
View File
@@ -254,7 +254,7 @@ function renderCategoryBars(byCategory) {
return ` return `
<div class="budget-bar-row"> <div class="budget-bar-row">
<div class="budget-bar-row__label" title="${esc(c.category)}">${esc(c.category)}</div> <div class="budget-bar-row__label" title="${esc(CATEGORY_LABELS()[c.category] ?? c.category)}">${esc(CATEGORY_LABELS()[c.category] ?? c.category)}</div>
<div class="budget-bar-row__track"> <div class="budget-bar-row__track">
<div class="budget-bar-row__fill ${cls}" style="width:${pct}%;"></div> <div class="budget-bar-row__fill ${cls}" style="width:${pct}%;"></div>
</div> </div>
@@ -291,7 +291,7 @@ function renderEntries() {
<div class="budget-entry__indicator ${indClass}"></div> <div class="budget-entry__indicator ${indClass}"></div>
<div class="budget-entry__body"> <div class="budget-entry__body">
<div class="budget-entry__title">${esc(e.title)}</div> <div class="budget-entry__title">${esc(e.title)}</div>
<div class="budget-entry__meta">${date} · ${esc(e.category)}${recurTag}</div> <div class="budget-entry__meta">${date} · ${esc(CATEGORY_LABELS()[e.category] ?? e.category)}${recurTag}</div>
</div> </div>
<div class="budget-entry__amount ${amtClass}">${sign}${formatAmount(e.amount)}</div> <div class="budget-entry__amount ${amtClass}">${sign}${formatAmount(e.amount)}</div>
<button class="budget-entry__delete" data-action="delete" data-id="${e.id}" aria-label="${t('budget.deleteLabel')}"> <button class="budget-entry__delete" data-action="delete" data-id="${e.id}" aria-label="${t('budget.deleteLabel')}">
public/pages/tasks.js
+2 -1
View File
@@ -226,10 +226,11 @@ function renderTaskGroups(tasks, groupMode) {
} }
const groups = groupBy(tasks, groupMode); const groups = groupBy(tasks, groupMode);
const catLabelsMap = CATEGORY_LABELS();
return groups.map(([name, groupTasks]) => ` return groups.map(([name, groupTasks]) => `
<div class="task-group"> <div class="task-group">
<div class="task-group__header"> <div class="task-group__header">
<span class="task-group__title">${name}</span> <span class="task-group__title">${catLabelsMap[name] ?? name}</span>
<span class="task-group__count">${groupTasks.length}</span> <span class="task-group__count">${groupTasks.length}</span>
</div> </div>
${groupTasks.map((t) => renderSwipeRow(t, renderTaskCard(t))).join('')} ${groupTasks.map((t) => renderSwipeRow(t, renderTaskCard(t))).join('')}