Commit Graph

121 Commits

Author SHA1 Message Date
Matt 9c812d78dd Fix color scheme - use white/gray instead of pink tints
Build And Push Image / docker (push) Successful in 1m51s Details
- Changed all gradients from #fef2f2 (pinkish) to proper white/gray
- Updated background from pink tint to clean white (#ffffff) to light gray (#f8f9fa)
- Fixed glass-monaco-soft to use very subtle red tint (3% opacity)
- Updated all components to follow Monaco brand colors properly
- Maintains Monaco red (#dc2626) for accents and text gradients only

🤖 Generated with Claude Code

Co-Authored-By: Claude <noreply@anthropic.com>
2025-09-06 17:32:32 +02:00
Matt af31781323 Transform glass designs to subtle bolt.ai style
Build And Push Image / docker (push) Successful in 2m0s Details
- Reduced blur effects from 10-60px to 2-4px for better performance
- Changed gradients from heavy red to subtle light (#fef2f2-#ffffff)
- Updated text colors from white to dark (#27272a) for better readability
- Created design tokens system for consistent theming
- Added global glass-bolt-style.scss for unified styling
- Updated GlassCard, MonacoButton, GlassSidebar components
- Transformed glass dashboard to match bolt.ai mockup patterns
- Simplified animations and reduced visual noise
- Improved mobile performance with responsive blur reduction

🤖 Generated with Claude Code

Co-Authored-By: Claude <noreply@anthropic.com>
2025-09-06 17:23:41 +02:00
Matt f735b68fed Implement ultra-modern glassmorphic dashboard with animations
Build And Push Image / docker (push) Successful in 2m0s Details
- Add animated hero header with Monaco red gradient
- Implement floating orbs with blur effects
- Create glowing avatar with status indicator
- Add gradient text animations
- Implement glass-morphic cards with backdrop blur
- Add hover animations and transitions
- Refine dues management cards
- Include comprehensive CSS animations
2025-09-06 16:03:02 +02:00
Matt 245c3571c7 Create properly styled glass dashboard with inline CSS
Build And Push Image / docker (push) Successful in 1m52s Details
2025-09-06 15:52:33 +02:00
Matt a8a12ef12a Fix glassmorphic styling - add inline styles and fix Tailwind CSS
Build And Push Image / docker (push) Successful in 1m51s Details
2025-09-06 15:48:12 +02:00
Matt 5c72aa727c Fix Tailwind build errors - remove style imports and fix gradient classes
Build And Push Image / docker (push) Successful in 1m49s Details
2025-09-06 15:42:15 +02:00
Matt 6223388768 Fix glass dashboard with simplified version
Build And Push Image / docker (push) Failing after 59s Details
- Create simplified glass.vue that works with existing layouts
- Remove complex component dependencies causing 500 error
- Use inline Tailwind classes for glassmorphic effects
- Maintain 4-card limit for dues display

🤖 Generated with Claude Code

Co-Authored-By: Claude <noreply@anthropic.com>
2025-09-06 15:31:40 +02:00
Matt a0d2d2b00f Fix Tailwind CSS v4 build error
Build And Push Image / docker (push) Successful in 1m54s Details
- Install @tailwindcss/postcss package for v4 compatibility
- Update PostCSS configuration to use new package structure
- Fix nuxt.config.ts PostCSS plugin configuration
- Resolves Docker build failures

🤖 Generated with Claude Code

Co-Authored-By: Claude <noreply@anthropic.com>
2025-09-06 15:22:48 +02:00
Matt a0d703e7cb Implement bright glassmorphic UI redesign for Board dashboard
Build And Push Image / docker (push) Failing after 1m11s Details
- Add Tailwind CSS configuration with bright glass utilities
- Create glass components (Sidebar, StatCard, DuesCard) with Lucide icons
- Implement new dashboard with limited dues display (4 cards max vs 30+)
- Use translucent white glass effects with Monaco red accents
- Improve visual hierarchy and reduce UI clutter

🤖 Generated with Claude Code

Co-Authored-By: Claude <noreply@anthropic.com>
2025-09-06 15:17:54 +02:00
Matt 5e5bcdfb4f Update member list ID display and move Mark Paid button
Build And Push Image / docker (push) Successful in 2m0s Details
- Changed ID display from "DB ID: pending" to "ID Pending" for cleaner UI
- Moved Mark Paid button from Dues column to Actions column for better organization
- Increased Actions column width to accommodate the Mark Paid button
- Simplified the dues status display to just show the chip

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

Co-Authored-By: Claude <noreply@anthropic.com>
2025-09-05 17:03:26 +02:00
Matt 12469a7952 Fix member management issues and add refined view
Build And Push Image / docker (push) Successful in 2m0s Details
- Sort dues management cards alphabetically by last name
- Change 'Invalid Date' display to 'N/A' in formatDate functions
- Add new refined member management view with modern UI design
  - Glassmorphism effects and gradient accents
  - Enhanced stat cards with progress indicators
  - Improved search and filter interface
  - Better card and table layouts
  - Smooth animations and transitions

🤖 Generated with Claude Code

Co-Authored-By: Claude <noreply@anthropic.com>
2025-09-05 16:26:59 +02:00
Matt 64dbc78569 Fix black background issue on Board and Member portal pages
Build And Push Image / docker (push) Successful in 1m52s Details
- Added board-dashboard class wrapper to Board pages (Governance, Meetings, Members)
- Added member-dashboard class wrapper to Member pages (Events, Profile, Resources)
- All pages now properly display the light gradient background matching admin dashboard

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

Co-Authored-By: Claude <noreply@anthropic.com>
2025-09-04 23:06:38 +02:00
Matt d13b9837b3 Fix admin dashboard black background issue
Build And Push Image / docker (push) Has been cancelled Details
- Added proper background color (#f5f5f5) to admin dashboard
- Set min-height to ensure full viewport coverage

🤖 Generated with Claude Code

Co-Authored-By: Claude <noreply@anthropic.com>
2025-09-04 22:53:35 +02:00
Matt 95c253a552 UI improvements for Board Portal dashboard
Build And Push Image / docker (push) Successful in 2m0s Details
- Added profile picture between welcome message and title
- Removed Events and Members boxes from dashboard
- Added distinct borders and icon to Dues Management card
- Moved hamburger menu to the right side of app bar
- Removed notification bell icon from app bar
- Enhanced profile card appearance in sidebar with gradient background
- Fixed Mark as Paid button alignment to be inline with other action buttons
- Added support for displaying multiple nationality flags in dues cards

🤖 Generated with Claude Code

Co-Authored-By: Claude <noreply@anthropic.com>
2025-09-04 22:49:03 +02:00
Matt b67100df2a Add support for multiple nationalities display with flags
Build And Push Image / docker (push) Successful in 2m18s Details
- Create MultipleCountryFlags component to display multiple country flags
- Support comma-separated nationality values (e.g., 'FR,MC,US')
- Update admin members page to use MultipleCountryFlags in both list and grid views
- Update board members page to display nationalities with flags
- Add nationality column to board members table
- Update member forms to support multiple nationality selection
- Display flags with slight overlap for space efficiency, expand on hover
- Maintain backward compatibility with single nationality values

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

Co-Authored-By: Claude <noreply@anthropic.com>
2025-09-04 19:08:53 +02:00
Matt d34d16fda1 Fix critical member management issues: dues tracking, member IDs, and profile display
Build And Push Image / docker (push) Successful in 2m20s Details
- Fix dues payment logic to automatically calculate payment_due_date as 1 year from payment date
- Remove redundant dues_paid_until field and replace with payment_due_date throughout
- Implement member ID generation system with format MUSA-YYYY-XXXX
- Create migration endpoints for generating member IDs and fixing payment dates
- Update admin members page to display actual member_id from database
- Ensure ProfileAvatar components use correct member_id field
- Add support for profile images in list and grid views with initials fallback
- Fix countries export alias for backward compatibility

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

Co-Authored-By: Claude <noreply@anthropic.com>
2025-09-04 18:45:47 +02:00
Matt 3e7d04c521 Redesign member management section with enhanced UI/UX
Build And Push Image / docker (push) Failing after 1m34s Details
- Add dual view modes (list and grid) with toggle functionality
- Enhance list view with profile avatars, nationality flags, and dues status
- Implement responsive grid view with member cards
- Add inline 'Mark as Paid' functionality in both views
- Redesign ViewMemberDialog with modern hero header and tabbed interface
- Add payment history, activity timeline, and notes management tabs
- Integrate profile avatars throughout the application
- Make all member entries clickable to open detailed modal
- Clean up console.log statements and remove unused code
- Improve overall design consistency with glass morphism effects

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

Co-Authored-By: Claude <noreply@anthropic.com>
2025-09-04 14:33:44 +02:00
Matt bdbb5694ae Fix admin payments page to use correct API response structure (data.list instead of data.members)
Build And Push Image / docker (push) Successful in 2m10s Details
2025-09-04 14:00:34 +02:00
Matt a41a483de5 Fix member directory display in admin and board views - properly handle API response structure
Build And Push Image / docker (push) Successful in 2m12s Details
2025-09-04 13:49:34 +02:00
Matt f84adeff21 Add NocoDB configuration tab to admin settings for persistent database connectivity
Build And Push Image / docker (push) Successful in 2m12s Details
2025-09-04 13:36:03 +02:00
Matt 8c2847cbd9 Fix broken design-mockups imports in dashboard-v2 pages
Build And Push Image / docker (push) Failing after 1m18s Details
- Updated imports to use new design-system-v2.scss
- Fixed build error caused by deleted design-mockups directory

🤖 Generated with Claude Code

Co-Authored-By: Claude <noreply@anthropic.com>
2025-09-04 11:50:07 +02:00
Matt 4ba24f8626 Implement comprehensive design system improvements
Build And Push Image / docker (push) Failing after 1m14s Details
- Created new design-system-v2.scss with modern design tokens
- Enhanced Vuetify theme configuration with refined colors
- Added professional dashboard styles component
- Improved typography, spacing, and visual hierarchy
- Implemented glass morphism effects with better contrast
- Added smooth animations and micro-interactions
- Improved responsive design for mobile devices
- Enhanced stat cards, data tables, and navigation
- Fixed color contrast issues identified in audit
- Added professional gradients and shadows

🤖 Generated with Claude Code

Co-Authored-By: Claude <noreply@anthropic.com>
2025-09-04 11:45:17 +02:00
Matt e949df311b design mockups
Build And Push Image / docker (push) Successful in 2m3s Details
2025-09-03 22:15:26 +02:00
Matt e75de8b9f4 Fix board dashboard layout - now uses correct board layout
Build And Push Image / docker (push) Successful in 2m2s Details
- Changed board dashboard from 'dashboard' layout to 'board' layout
- This fixes the missing hamburger menu and sidebar toggle functionality
- Removed debug console.log statements from board layout
- Board dashboard now has same sidebar behavior as admin and member dashboards

The issue was that board/dashboard/index.vue was using the old 'dashboard'
layout instead of the proper 'board' layout that has rail mode support.

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

Co-Authored-By: Claude <noreply@anthropic.com>
2025-09-01 10:42:35 +02:00
Matt c9e181e8a8 Sort member lists by last name instead of first name
Build And Push Image / docker (push) Successful in 2m11s Details
- Updated member-list.vue to sort by last name with new sort options
- Changed default sort to lastname-asc
- Added Last Name and First Name sort options in dropdown
- Updated board/members/index.vue to include name field and sort by last name
- Updated admin/members/index.vue to include name field and sort by last name
- All member lists now consistently sort alphabetically by last name
2025-08-31 18:58:16 +02:00
Matt 70e79d2618 Replace all mock data in admin and board pages with real data
Build And Push Image / docker (push) Successful in 1m56s Details
- Admin members page now loads real member data from NocoDB API
- Admin users page fetches actual users from Keycloak with tier determination
- Board members page uses real member data with proper transformations
- Admin payments page generates payment records from dues tracking data
- Created new /api/admin/users endpoint for Keycloak user management
- All stats cards now calculate from real data instead of hardcoded values
- Removed all mock/placeholder data arrays from production pages

🤖 Generated with Claude Code

Co-Authored-By: Claude <noreply@anthropic.com>
2025-08-31 18:43:04 +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 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 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 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 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 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 4adbb0465a fixes
Build And Push Image / docker (push) Successful in 1m29s Details
2025-08-14 22:05:12 +02:00
Matt 5d3518d256 fixes
Build And Push Image / docker (push) Successful in 1m37s Details
2025-08-14 15:44:18 +02:00
Matt 503d68cd2d Replace date-fns with native date formatting and remove unused code
Build And Push Image / docker (push) Successful in 1m34s Details
Remove date-fns dependency in favor of native Intl.DateTimeFormat APIs, clean up obsolete admin endpoints, utility files, and archived documentation. Consolidate docs structure and remove unused plugins.
2025-08-14 15:08:40 +02:00
Matt 1875fac7d4 fixes
Build And Push Image / docker (push) Successful in 1m29s Details
2025-08-13 23:03:49 +02:00
Matt 3d565e8185 fixes
Build And Push Image / docker (push) Successful in 1m24s Details
2025-08-13 22:53:14 +02:00
Matt fc1d691950 fixes
Build And Push Image / docker (push) Successful in 1m26s Details
2025-08-13 22:43:40 +02:00
Matt b49148cf95 fixes
Build And Push Image / docker (push) Has been cancelled Details
2025-08-13 18:55:49 +02:00
Matt db19eb2708 fixes
Build And Push Image / docker (push) Successful in 3m41s Details
2025-08-13 15:35:53 +02:00
Matt 3620bd8b53 Fix RSVP API calls and compact MemberCard UI design
Build And Push Image / docker (push) Successful in 4m2s Details
2025-08-13 14:02:29 +02:00