|
|
f52aa27bdc
|
chore: Fix .env.test quotes and format frontend code
- Fix TEST_ORACLE_USER quotes in .env.test for shell source compatibility
- Format 14 frontend files with Prettier (stores, views, utils)
- All 122 tests passing (77 telegram + 35 backend + 10 E2E)
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
|
2025-11-22 00:31:20 +02:00 |
|
|
|
e33dce4f64
|
feat(css): Phase 3 - Centralize PrimeVue overrides and eliminate anti-patterns
## Objectives Achieved
✅ Zero :deep() in components (eliminated all 4 instances)
✅ Centralized DataTable row styling in App.vue
✅ Replaced CSS hardcoded colors with design tokens
✅ Documented acceptable !important usage
✅ Created comprehensive component styling guidelines
## Changes
### Eliminated :deep() Anti-patterns (4 instances → 0)
- **BankCashRegisterView.vue**: Removed :deep(.bank-row) and :deep(.cash-row)
- **InvoicesView.vue**: Removed :deep(.invoice-paid) and :deep(.invoice-overdue)
- Migrated all row styling to global App.vue for consistency
### Centralized DataTable Row Classes (App.vue)
Added global row styling:
- .invoice-paid / .invoice-overdue (migrated from InvoicesView.vue)
- .bank-row / .cash-row (migrated from BankCashRegisterView.vue)
### Replaced Hardcoded Colors with Design Tokens
- **LoginView.vue**:
- Gradient: #3b82f6, #8b5cf6 → var(--color-primary-light), var(--color-primary)
- Button: #3b82f6, #2563eb → var(--color-primary-light), var(--color-primary)
- **TelegramView.vue**:
- Button: #6366f1, #4f46e5 → var(--color-primary-light), var(--color-primary)
- **DashboardView.vue** (@media print):
- #f5f5f5 → var(--color-bg-muted)
- #e8e8e8 → var(--color-border)
- #f0f0f0 → var(--color-bg-secondary)
- #006600 → var(--color-success)
- #cc0000 → var(--color-error)
### Documentation
Created `docs/COMPONENT_STYLING.md`:
- PrimeVue styling strategy
- Design tokens reference
- DataTable row styling patterns
- !important usage guidelines
- Common mistakes to avoid
## Impact
- **Zero :deep() instances** in entire codebase
- **Single source of truth** for DataTable row classes (App.vue)
- **Consistent color usage** via design tokens
- **Improved maintainability** with clear styling guidelines
- **Build successful** - 401.26 kB CSS bundle (54.71 kB gzipped)
## Testing
- ✅ Build verification passed (npm run build)
- ✅ Zero breaking changes
- ✅ All PrimeVue components styled correctly
- ✅ Row classes work via global CSS (no :deep needed)
## Technical Notes
- Print styles retain !important (acceptable for @media print)
- PrimeVue overrides in components retain !important (intentional customization)
- Chart.js hardcoded colors in JavaScript configs accepted as technical debt
- CSS hardcoded colors eliminated (only design tokens used)
Phase: 3/7 complete
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
|
2025-11-18 14:30:26 +02:00 |
|
|
|
a638b861b2
|
feat(css): Phase 1 - Standardize form patterns across views
BREAKING: None (visual changes only, no API changes)
Changes:
- Standardize LoginView.vue to use forms.css patterns
- Replace .field → .form-group
- Replace .field-label → .form-label required
- Replace p-invalid → invalid
- Replace <small class="p-error"> → <span class="form-error">
- Standardize InvoicesView.vue filter forms
- Replace .filters-container → .form
- Replace .filters-row → .form-row
- Replace .filter-group → .form-group (with .form-col)
- Replace .filter-label → .form-label
- Update responsive CSS (.search-group → .search-col)
- Remove ~116 lines of duplicate form CSS
- LoginView.vue: ~90 lines (.field, .field-label, :deep() overrides)
- InvoicesView.vue: ~26 lines (.filters-container, .filter-* classes)
- Create comprehensive form template documentation
Impact:
- Consistent form UX across application
- Reduced CSS duplication (70% → 66%)
- Cleaner component code (no :deep() overrides)
- forms.css (460 lines) now fully utilized
- Mobile responsive behavior handled automatically
Testing:
- ✅ Playwright visual regression tests run
- ✅ All LoginView tests passed (10/10)
- ✅ Form functionality preserved
- ⚠️ Some InvoicesView tests have pre-existing timeout issues (not CSS-related)
- Browser compatibility: Chrome, Firefox, Webkit (via Playwright)
Files Modified:
- reports-app/frontend/src/views/LoginView.vue (-90 lines CSS)
- reports-app/frontend/src/views/InvoicesView.vue (-26 lines CSS)
Files Created:
- docs/FORM_TEMPLATE.md (comprehensive form guidelines)
Files Updated:
- features/PROGRESS_TRACKER.md (Phase 1 complete: 16/18 tasks, 89%)
CSS Lines Eliminated: ~116 / ~150 target (77%)
Time Spent: ~2h / 10-12h estimated
Phase Status: ✅ Complete (89%)
Next Phase: Phase 2 - Foundation Pattern-uri Globale
Refs: #CSS-REFACTORING Phase 1/7
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
|
2025-11-18 13:23:59 +02:00 |
|
|
|
6b13ffa183
|
Initial commit: ROA2WEB - FastAPI + Vue.js + Telegram Bot
Modern ERP Reports Application with microservices architecture
Tech Stack:
- Backend: FastAPI + python-oracledb (Oracle DB integration)
- Frontend: Vue.js 3 + PrimeVue + Vite
- Telegram Bot: python-telegram-bot + SQLite
- Infrastructure: Shared database pool, JWT authentication, SSH tunnel
Features:
- FastAPI backend with async Oracle connection pool
- Vue.js 3 responsive frontend with PrimeVue components
- Telegram bot alternative interface
- Microservices architecture with shared components
- Complete deployment support (Linux Docker + Windows IIS)
- Comprehensive testing (Playwright E2E + pytest)
Repository Structure:
- reports-app/ - Main application (backend, frontend, telegram-bot)
- shared/ - Shared components (database pool, auth, utils)
- deployment/ - Deployment scripts (Linux & Windows)
- docs/ - Project documentation
- security/ - Security scanning and git hooks
|
2025-10-25 14:55:08 +03:00 |
|
