Add transactions page with fuzzy search and success dialog for expenses
Features: - Created TransactionsPage with mobile-optimized layout - Card-based transaction items with status indicators - Fuzzy search by description, payee, reference, username, and tags - Day filter options (5, 30, 60, 90 days) - Pagination support - Responsive design for mobile and desktop - Added getUserTransactions API method to ExpensesAPI - Supports filtering by days, user ID, and account type - Returns paginated transaction data - Updated AddExpense component with success confirmation - Shows success message in same dialog after submission - Provides option to navigate to transactions page - Clean single-dialog approach - Added "My Transactions" link to navbar menu - Added Transaction and TransactionListResponse types - Added permission management types and API methods (grantPermission, listPermissions, revokePermission) - Installed alert-dialog component for UI consistency 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
parent
78fba2a637
commit
be00c61c77
20 changed files with 914 additions and 74 deletions
|
|
@ -11,12 +11,25 @@ import type { ModulePlugin } from '@/core/types'
|
|||
import { container, SERVICE_TOKENS } from '@/core/di-container'
|
||||
import { ExpensesAPI } from './services/ExpensesAPI'
|
||||
import AddExpense from './components/AddExpense.vue'
|
||||
import TransactionsPage from './views/TransactionsPage.vue'
|
||||
|
||||
export const expensesModule: ModulePlugin = {
|
||||
name: 'expenses',
|
||||
version: '1.0.0',
|
||||
dependencies: ['base'],
|
||||
|
||||
routes: [
|
||||
{
|
||||
path: '/expenses/transactions',
|
||||
name: 'ExpenseTransactions',
|
||||
component: TransactionsPage,
|
||||
meta: {
|
||||
requiresAuth: true,
|
||||
title: 'My Transactions'
|
||||
}
|
||||
}
|
||||
],
|
||||
|
||||
quickActions: [
|
||||
{
|
||||
id: 'add-expense',
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue