Commit Graph

21 Commits

Author SHA1 Message Date
Matt 64a12ecd5b Implement glass-bolt design system across platform
Build And Push Image / docker (push) Successful in 1m53s Details
- Removed 19 test/prototype pages while preserving BoltAI-Mockups for reference
- Created comprehensive DESIGN-SYSTEM.md documentation
- Updated and consolidated SCSS structure
- Applied subtle glassmorphic design to admin portal pages
- Updated admin members page with new glass-bolt styling
- Implemented consistent design patterns:
  - Glass cards with 60% white opacity and 4px blur
  - Subtle borders and soft shadows
  - Monaco red accent color (#dc2626)
  - Clean typography without excessive gradients
  - Hover states with gentle lift animations

🤖 Generated with Claude Code

Co-Authored-By: Claude <noreply@anthropic.com>
2025-09-07 17:41:41 +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 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 f57f6b6bb2 Fix countries export in utils/countries.ts - add lowercase alias for backward compatibility
Build And Push Image / docker (push) Successful in 2m13s Details
The ViewMemberDialog component was importing 'countries' (lowercase) but the file only exported 'COUNTRIES' (uppercase). Added an export alias to maintain backward compatibility.
2025-09-04 14:39: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 3b455a3989 Fix build errors: Add all missing SCSS variables and mixins for dashboard-v2 compatibility
Build And Push Image / docker (push) Successful in 2m21s Details
- Added missing primary color variations (-600, -700, -800)
- Added semantic color variations (-500, -500, -500, -500)
- Added additional color variables (-500, -600)
- Added missing shadow variables (-inset-sm, -soft-md)
- Added spring-smooth easing and transition variables
- Added neumorphic-card, morphing-dropdown, neumorphic-button, and responsive mixins
- Fixed duplicate -4xl variable
- Ensured backward compatibility with existing dashboard-v2 pages

This resolves all build errors and ensures the design system supports both old and new dashboard implementations.
2025-09-04 13:17:04 +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 9e4f037917 Fix sidebar collapse by removing CSS width overrides
Build And Push Image / docker (push) Successful in 1m54s Details
- Modified main.scss to respect Vuetify 3 rail mode
- Removed !important width overrides that blocked collapse
- Added conditional CSS: 280px when expanded, 56px when in rail mode
- Sidebar now properly collapses/expands when toggle button is clicked
- Preserves glass morphism effects and smooth transitions

🤖 Generated with Claude Code

Co-Authored-By: Claude <noreply@anthropic.com>
2025-08-31 23:08:06 +02:00
Matt 52c10a6c1b Fix navigation drawer collapse functionality in all layouts
Build And Push Image / docker (push) Successful in 1m53s Details
- Replace dynamic width binding with static width and rail-width props
- Remove Vuetify 2 pattern (:width="miniVariant ? 56 : 280")
- Add Vuetify 3 compatible props (width="280" rail-width="56")
- Applied fix to admin.vue, board.vue, and member.vue layouts
- Sidebar now properly collapses to rail mode when toggled

🤖 Generated with Claude Code

Co-Authored-By: Claude <noreply@anthropic.com>
2025-08-31 22:42:15 +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 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 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 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 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 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