Commit Graph

299 Commits

Author SHA1 Message Date
Matt 1aef356d78 Replace all mock/placeholder data with real data systems
Build And Push Image / docker (push) Successful in 2m13s Details
- Added getUserCount() method to Keycloak admin for real user statistics
- Replaced hardcoded userCount (25) with live Keycloak data in admin stats
- Fixed board meeting API to query real events, removed Jan 15 2025 fallback
- Updated board stats to count real events instead of hardcoded 3
- Created member-tiers service for proper tier determination
- Created dues-calculator service for accurate dues tracking
- Updated auth callback to use member-tiers service
- Updated overdue-count API to use dues-calculator
- Added data quality tracking with confidence levels
- Added proper error handling - returns null/0 instead of fake data
- Included source tracking for all data (live/calculated/fallback)

🤖 Generated with Claude Code

Co-Authored-By: Claude <noreply@anthropic.com>
2025-08-31 18:28:38 +02:00
Matt 9d93f0ca84 Standardize avatar display across application
Build And Push Image / docker (push) Successful in 2m6s Details
- Replace all hardcoded avatars with ProfileAvatar component
- Update admin and board layouts to use ProfileAvatar
- Update DuesActionCard and DuesOverdueBanner components
- Update admin users list to use ProfileAvatar
- Ensure consistent display of profile pictures with initials fallback
- All avatars now show either user's profile picture or initials

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-08-31 18:06:50 +02:00
Matt bf75c51b32 Fix glass morphism and Bento grid production issues
Build And Push Image / docker (push) Successful in 2m0s Details
- Added browser compatibility fallbacks with @supports for backdrop-filter
- Fixed SCSS syntax errors with mixins and !important
- Added global production overrides for glass morphism effects
- Enhanced Bento grid implementation with proper specificity
- Improved mobile responsiveness for small screens
- Added fallback colors for browsers without backdrop-filter support
- Fixed inset property for wider browser compatibility
- Ensured sidebar fixed width and removed hamburger menus globally
- Added animation classes and keyframes globally
2025-08-31 17:45:20 +02:00
Matt a85be39ffa Remove rotation animations from circular buttons on hover
Build And Push Image / docker (push) Successful in 1m54s Details
- Removed rotate(5deg) from icon buttons hover state
- Removed rotate(5deg) from FAB buttons hover state
- Removed icon-hover-rotate mixin from nav items
- Keep scale animations but remove tilt/rotation effects

Buttons now scale without rotating for cleaner interaction
2025-08-31 16:48:53 +02:00
Matt 363d3367fc Fix all build errors and complete design system implementation
Build And Push Image / docker (push) Successful in 1m51s Details
- Fixed v-col and v-row closing tag mismatches in board dashboard
- Added missing SCSS import for enhanced-glass mixin in admin dashboard
- Verified build passes successfully with all changes
- Comprehensive audit completed to prevent future syntax errors

All Vue templates now properly structured with correct closing tags
Build tested locally and passes without errors

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-08-31 16:43:03 +02:00
Matt 1758dec6ac Fix syntax error in board dashboard - correct closing tags
Build And Push Image / docker (push) Failing after 55s Details
2025-08-31 16:34:54 +02:00
Matt 1c4cf8ac19 Complete design system implementation with glass morphism
Build And Push Image / docker (push) Failing after 1m0s Details
- Enhanced member dashboard with glass morphism effects (30px blur)
- Implemented Bento grid layout on member dashboard
- Added comprehensive animation system:
  - Shimmer animations for logos and badges
  - Pulse animations for notifications
  - Float animations for dashboard elements
  - Modal enter/leave transitions
- Applied glass effects to all form inputs with floating labels
- Created glass morphism styles for dialogs and modals
- Standardized all buttons with Monaco gradient styles
- Added hover effects and animations throughout
- Established consistent design patterns across all dashboards

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-08-31 16:31:34 +02:00
Matt ae18ce1786 Apply glass morphism and Bento grid to admin and board dashboards
Build And Push Image / docker (push) Failing after 1m1s Details
- Implemented enhanced glass morphism effects with 30px blur
- Added Bento grid layout system (12-column grid)
- Created gradient text effects for dashboard titles
- Added animated entrance effects for all cards
- Implemented stat cards with gradient values
- Added responsive breakpoints for mobile/tablet
- Unified button styles with hover animations
- Removed basic elevation cards in favor of glass cards
2025-08-31 16:07:17 +02:00
Matt 7685cd130f Remove hamburger buttons and implement enhanced sidebar design across all layouts
Build And Push Image / docker (push) Successful in 2m6s Details
- Removed hamburger menu buttons from all layouts (member, admin, board, dashboard)
- Updated all sidebars to fixed 280px width (non-collapsible)
- Enhanced glass morphism effects with 30px blur
- Implemented vertical profile card with small avatar
- Added consistent animations and hover effects
- Updated design documentation with new specifications
2025-08-31 15:38:19 +02:00
Matt e74f12eaa0 Fix profile card avatar size and menu button
Build And Push Image / docker (push) Successful in 1m56s Details
- Reduced avatar size from 'large' to 'small' for better proportions
- Made menu button extra small and moved it inside profile-content
- Positioned menu button absolutely in top-right of content area
- Reduced online indicator size to match smaller avatar
- Added subtle opacity to menu button (visible on hover)
- Improved overall visual balance of profile card

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-08-31 15:16:15 +02:00
Matt 36b8f9d2d4 Improve profile card layout in sidebar
Build And Push Image / docker (push) Successful in 2m6s Details
- Made profile card taller with min-height of 180px
- Stacked profile image above name and email vertically
- Centered profile content for better visual balance
- Increased profile avatar size to 'large' for better visibility
- Moved menu button to absolute position in top-right corner
- Adjusted font sizes slightly for better readability
- Fixed text overflow with proper ellipsis

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-08-31 15:08:54 +02:00
Matt 6e0e640f1d Remove sidebar collapse functionality entirely
Build And Push Image / docker (push) Successful in 2m14s Details
- Removed all collapse/expand functionality from sidebar
- Removed collapse button and chevron icons
- Removed isCollapsed state and toggle logic
- Removed all CSS related to collapsed states
- Simplified navigation items without tooltips
- Fixed sidebar at 280px width permanently
- Cleaned up profile footer without conditional rendering

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-08-31 15:01:06 +02:00
Matt 5af0f2e4c0 Increase collapsed sidebar width to 140px
Build And Push Image / docker (push) Successful in 1m57s Details
- Changed collapsed width from 100px to 140px for better icon and content spacing
- Prevents squishing of navigation icons and profile image

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-08-31 14:49:15 +02:00
Matt ab706298a6 Fix sidebar styling issues
Build And Push Image / docker (push) Successful in 1m54s Details
- Increased collapsed sidebar width from 80px to 100px for better spacing
- Removed rose/pink tint from sidebar header section
- Changed header background to neutral white/gray gradient
- Added subtle border and shadow to header section for better definition

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-08-31 14:44:52 +02:00
Matt eb6efe7c90 Enhanced sidebar with beautiful glass morphism effects
Build And Push Image / docker (push) Successful in 2m29s Details
- Added enhanced glass morphism mixins with gradients and inner glows
- Implemented collapsible/expandable sidebar with rail mode
- Added smooth animations for navigation items (shimmer, pulse, hover effects)
- Enhanced profile section with online indicator animation
- Implemented tooltip system for collapsed state
- Added localStorage persistence for sidebar state
- Improved transitions with fade effects and sliding indicators
- Updated SCSS with new animation mixins (ripple, icon rotation)

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-08-31 14:32:27 +02:00
Matt 696b321373 Simplify member dashboard - remove points, payments, stats, and social features
Build And Push Image / docker (push) Successful in 1m57s Details
2025-08-31 14:12:58 +02:00
Matt 41eeb8650c Fix SCSS syntax error in BentoGrid component
Build And Push Image / docker (push) Successful in 1m55s Details
- Fixed :deep() selector usage with parent selectors
- Separated each modifier class into its own :deep() selector
- Resolves build error with Sass compilation

🤖 Generated with Claude Code

Co-Authored-By: Claude <noreply@anthropic.com>
2025-08-31 13:53:05 +02:00
Matt 4d0591ce7d Redesign member dashboard with modern bento grid layout and animations
Build And Push Image / docker (push) Failing after 1m11s Details
- Updated design philosophy to v2.0 with focus on beauty and interactivity
- Added @vueuse/motion for advanced animations
- Created reusable dashboard components:
  - BentoGrid: Flexible grid layout system
  - StatsCard: Animated statistics with sparklines
  - ProfileCard: Premium profile display with progress
  - ActivityTimeline: Beautiful timeline with staggered animations
  - EventsCard: Upcoming events display
  - PaymentCard: Payment status and history
  - QuickActionCard: Animated action buttons
- Rebuilt member dashboard with bento grid layout
- Added glass morphism effects throughout
- Implemented micro-interactions and hover effects
- Added gradient text effects and decorative elements

🤖 Generated with Claude Code

Co-Authored-By: Claude <noreply@anthropic.com>
2025-08-31 13:50:07 +02:00
Matt aba6c2ecac Implement comprehensive glass morphism UI redesign
Build And Push Image / docker (push) Successful in 1m56s Details
- Created global SCSS architecture with Monaco design system
- Implemented glass morphism effects across all layouts
- Updated admin layout with premium glass effects and dark gradients
- Updated board layout with balanced glass effects and medium gradients
- Updated member layout with light glass effects and soft gradients
- Added floating logo animations and smooth transitions
- Implemented role-based visual hierarchy through gradient variations
- Created comprehensive documentation for glass morphism patterns
- Aligned all changes with established design philosophy in design-system.md

Key features:
- Glass navigation drawers with backdrop blur
- Gradient app bars with role-specific variations
- Glass icon buttons with hover effects
- Monaco red color spectrum integration
- Responsive design with mobile optimizations
- Performance-optimized blur effects

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-08-31 13:10:45 +02:00
Matt 9fa9db9b8a Complete infrastructure reorganization to role-based structure
Build And Push Image / docker (push) Successful in 1m50s Details
- Created all missing admin pages (users, settings, events, members, payments)
- Created board pages (governance, meetings)
- Updated dashboard router to use new /admin, /board, /member structure
- Added isMember alias to useAuth composable for consistency
- All pages now use correct role-based layouts and middleware
- Build verified successfully

The platform now has a clean separation:
- /admin/* - Administrator dashboard and tools
- /board/* - Board member governance and meetings
- /member/* - Member portal and resources

Next steps: Complete remaining member pages and clean up old dashboard files
2025-08-30 22:44:04 +02:00
Matt 7c49b9db66 fix: Revert dashboard routing to use existing structure
Build And Push Image / docker (push) Successful in 1m49s Details
- Created missing admin.ts middleware file
- Reverted dashboard router to use old /dashboard/{tier} structure
- Production deployment still uses the old structure
- New role-based structure (/admin/dashboard, etc.) will be enabled later
- Fixes dashboard display issue where nothing was showing

The new structure is ready but needs gradual deployment to avoid breaking production.

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-08-30 22:24:27 +02:00
Matt 8b1dd4d083 fix: Replace logo.svg references with actual logo asset
Build And Push Image / docker (push) Successful in 1m46s Details
- Fixed build error by replacing /logo.svg with /MONACOUSA-Flags_376x376.png
- Updated all auth mockup pages (login, signup, forgot-password)
- Ensured build succeeds without import errors
- Tested complete build process successfully

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-08-30 22:16:15 +02:00
Matt 1471f7d7b3 fix: Update admin dashboard and fix template errors
Build And Push Image / docker (push) Failing after 1m1s Details
- Fixed missing closing tags in members mockup page
- Updated admin dashboard to use new admin layout
- Added comprehensive system monitoring interface
- Fixed template structure issues in both files
- Removed v-container wrapper from admin dashboard
- Added proper list view template structure

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-08-30 22:11:27 +02:00
Matt d9d8627e97 feat: Reorganize platform into member, board, and admin sections
Build And Push Image / docker (push) Failing after 55s Details
Major platform reorganization implementing role-based portal sections:

## Infrastructure Changes
- Created role-based middleware for member, board, and admin access
- Updated main dashboard router to redirect based on highest privilege
- Implemented access hierarchy: Admin > Board > Member

## New Layouts
- Member layout: Simplified navigation for regular members
- Board layout: Enhanced tools for board member management
- Admin layout: Full system administration capabilities

## Member Portal (/member/*)
- Dashboard: Profile overview, events, payments, activity tracking
- Events: Browse, register, and manage event participation
- Profile: Complete personal and professional information management
- Resources: Access to documents, guides, FAQs, and quick links

## Board Portal (/board/*)
- Dashboard: Statistics, dues management, board-specific tools
- Members: Comprehensive member management with filtering

## Admin Portal (/admin/*)
- Dashboard: System overview and administrative controls (existing)

## Design Implementation
- Monaco red (#dc2626) as primary accent color
- Modern card-based layouts with consistent spacing
- Responsive design for all screen sizes
- Glass morphism effects for enhanced visual appeal

This reorganization provides clear separation of concerns based on user privileges while maintaining a cohesive user experience across all sections.

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-08-30 22:00:59 +02:00
Matt 27e38d98e5 Fix Icon component to use Lucide icons library
Build And Push Image / docker (push) Successful in 1m56s Details
- Installed lucide-vue-next package
- Rewrote Icon.vue to use Lucide icons instead of non-existent icon files
- Added comprehensive icon mapping for all commonly used icons
- Build now succeeds without errors
2025-08-30 18:44:18 +02:00
Matt c1f986bc07 Fix SCSS syntax error in FloatingInput component
Build And Push Image / docker (push) Failing after 1m11s Details
- Fixed incorrect '&' selector placement causing build failure
- Created members page mockup with multiple view modes
- Added MemberCard component for member listings

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-08-30 18:33:50 +02:00
Matt d4ecd15914 Fix build error by adding sass dependency
Build And Push Image / docker (push) Failing after 1m10s Details
- Added sass package as dev dependency for SCSS support
- Created MemberCard component for member listings
- Build should now succeed with SCSS compilation

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-08-30 18:30:01 +02:00
Matt c39936984b Implement MonacoUSA Portal redesign foundations
Build And Push Image / docker (push) Failing after 1m11s Details
- Added VueUse Motion for animations with custom presets
- Created base UI component library with glass morphism effects:
  * GlassCard - Flexible card component with 4 variants
  * MonacoButton - Multi-variant button system
  * FloatingInput - Modern input with floating labels
  * StatsCard - Dashboard statistics display
  * AnimatedNumber - Smooth number animations
  * Icon system - Modular icon components
- Created comprehensive page mockups:
  * Dashboard mockup with stats, activity feed, and widgets
  * Events page with filtering, search, and calendar
- Established Monaco brand design system (red #dc2626)
- Configured spring animations and glass effects

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-08-30 18:25:21 +02:00
Matt de75d2d764 fixes
Build And Push Image / docker (push) Successful in 1m36s Details
2025-08-15 16:23:37 +02:00
Matt 968fa6febb fixes
Build And Push Image / docker (push) Successful in 1m47s Details
2025-08-15 16:15:55 +02:00
Matt 368293e0e2 fixes
Build And Push Image / docker (push) Successful in 1m28s Details
2025-08-15 16:10:12 +02:00
Matt 6f2c843cfd fixes
Build And Push Image / docker (push) Successful in 1m33s Details
2025-08-15 16:04:03 +02:00
Matt cdacb4a114 fixes
Build And Push Image / docker (push) Successful in 1m39s Details
2025-08-15 16:02:14 +02:00
Matt 136eb5229e fixes
Build And Push Image / docker (push) Successful in 1m39s Details
2025-08-15 15:58:33 +02:00
Matt 031ed4fd9e fixes
Build And Push Image / docker (push) Successful in 1m27s Details
2025-08-15 15:55:01 +02:00
Matt 4b78080f53 fixes
Build And Push Image / docker (push) Successful in 1m34s Details
2025-08-15 15:53:13 +02:00
Matt c6edd6d25d fixes
Build And Push Image / docker (push) Successful in 1m28s Details
2025-08-15 15:45:38 +02:00
Matt cde48de9ff fixes
Build And Push Image / docker (push) Successful in 1m22s Details
2025-08-15 15:24:41 +02:00
Matt 17b78b3514 fixes
Build And Push Image / docker (push) Successful in 1m36s Details
2025-08-15 15:22:24 +02:00
Matt 2cbef70d82 fixes
Build And Push Image / docker (push) Successful in 1m23s Details
2025-08-15 15:18:09 +02:00
Matt df4b89a45a fixes
Build And Push Image / docker (push) Successful in 1m24s Details
2025-08-15 15:13:47 +02:00
Matt dc0a3c6a2f fixes
Build And Push Image / docker (push) Successful in 1m36s Details
2025-08-15 15:06:39 +02:00
Matt 1f50c2adb7 fixes
Build And Push Image / docker (push) Successful in 1m42s Details
2025-08-15 15:02:56 +02:00
Matt e02d6c3e33 updates
Build And Push Image / docker (push) Successful in 1m43s Details
2025-08-15 14:59:48 +02:00
Matt df6d549573 fixes
Build And Push Image / docker (push) Successful in 1m31s Details
2025-08-15 14:52:18 +02:00
Matt a8022d8fb3 fixes
Build And Push Image / docker (push) Failing after 1m6s Details
2025-08-15 14:48:19 +02:00
Matt 888059a612 Implement dues reminder system with monthly payment cycle
Build And Push Image / docker (push) Failing after 1m10s Details
- Add API endpoint and email templates for dues reminders
- Change due date calculation from yearly to monthly billing
- Add visual status indicators for overdue and due-soon members
- Enhance member cards with status stripes and styling
2025-08-15 14:39:22 +02:00
Matt 7784fab23f fixes
Build And Push Image / docker (push) Successful in 1m27s Details
2025-08-15 14:06:47 +02:00
Matt 4adbb0465a fixes
Build And Push Image / docker (push) Successful in 1m29s Details
2025-08-14 22:05:12 +02:00
Matt b059d81c21 fixes
Build And Push Image / docker (push) Successful in 1m31s Details
2025-08-14 16:03:47 +02:00