Commit Graph

116 Commits

Author SHA1 Message Date
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
Matt 5473555977 Add rich text editor and enhanced date picker to event dialogs
Build And Push Image / docker (push) Failing after 3m11s Details
Replace basic textarea with VuetifyTiptap rich text editor for event descriptions, supporting formatting options like bold, italic, headings, and lists. Replace native datetime inputs with VueDatePicker components featuring timezone support (Monaco/UTC) and improved UX. Update dependencies and add necessary plugins to support the new components.
2025-08-13 13:02:12 +02:00
Matt 072acf95eb Fix type safety and data consistency in events system
Build And Push Image / docker (push) Successful in 3m25s Details
- Add proper TypeScript type annotations and assertions
- Handle string/number conversion for attendee counts consistently
- Improve null/undefined checks for events array
- Make event handlers async for better error handling
- Fix data type inconsistencies between components and API
2025-08-12 17:23:42 +02:00
Matt 287af29f6c feat(board): Add real data integration for board dashboard
Build And Push Image / docker (push) Successful in 3m22s Details
- Create /api/board/stats endpoint for member statistics and overview data
- Create /api/board/next-meeting endpoint for upcoming meeting information
- Update board.vue to fetch real data instead of using mock data
- Add loading states and error handling with graceful fallbacks
- Board Overview now shows actual member counts and pending actions
- Next Meeting section displays real event data when available

The board dashboard now displays live data from the database while maintaining
fallback functionality if any data sources are unavailable.
2025-08-12 14:18:55 +02:00
Matt f096897129 Add event management system with calendar and CRUD operations
Build And Push Image / docker (push) Failing after 2m37s Details
- Add EventCalendar component with FullCalendar integration
- Create event CRUD dialogs and upcoming event banner
- Implement server-side events API and database utilities
- Add events dashboard page and navigation
- Improve dues calculation with better overdue day logic
- Install FullCalendar and date-fns dependencies
2025-08-12 04:25:35 +02:00
Matt ea6a722364 Fix email template compatibility and enhance user dashboard
Build And Push Image / docker (push) Successful in 3m20s Details
- Convert all email templates to table-based layouts for compatibility with Outlook, Gmail, Apple Mail, etc.
- Use only inline CSS and email-safe properties
- Fix welcome.hbs, verification.hbs, password-reset.hbs, dues-reminder.hbs, test.hbs templates
- Enhanced user dashboard with complete member information (Member ID, registration date, dues status, etc.)
- Added proper loading states and error handling for member data
- Improved member profile page with comprehensive information display
- Fixed missing wiring information in user and profile screens as requested
2025-08-11 16:26:51 +02:00