8 Commits

Author SHA1 Message Date
tuanOts
a1fa4036d7 Add Wedding Guest List feature to Inventory section
Features Added:
- Complete wedding guest management page with guest information
- Guest details: Name, Unit, Number of people, Gift amount, Status
- Status tracking: Going, Not Going, Pending confirmation
- Beautiful color-coded status display with icons
- Statistics dashboard with total guests, confirmed, people count, gift amount
- Search and filter functionality by status and unit
- Custom pagination with proper spacing
- Professional UI with Heart icon theme
- Responsive design with modern styling

Technical Implementation:
- New WeddingGuestList component with full CRUD interface
- Route configuration for /wedding-guest-list
- Sidebar menu integration in Inventory section
- Mock data with realistic guest information
- Status color scheme: Going (green), Not Going (red), Pending (orange)
- Vietnamese currency formatting for gift amounts
- Ant Design components integration
- Custom pagination component usage

Navigation:
- Added menu item 'Khách mời đám cưới' in Inventory section
- Heart icon for wedding theme
- Proper route handling and component loading
2025-05-31 16:50:45 +07:00
tuan.cna
7d14e75e7f 🔧 Fix ESLint Warnings - Remove Unused Variables
 Fixed ESLint Issues:
- Removed unused isDarkMode variable and theme detection logic
- Removed unused startRecord and endRecord variables
- Cleaned up theme change listeners that are no longer needed
- Removed redundant theme state management

🧹 Code Cleanup:
- All theme handling now done in CustomPagination component
- No duplicate theme detection logic
- Cleaner component structure
- Better separation of concerns

📋 Changes Made:
- src/feature-module/inventory/productlist.jsx: Removed unused variables
- All ESLint warnings resolved
- No functional changes to pagination behavior
- Maintained all existing functionality

🎯 Benefits:
- Cleaner code without warnings
- Better maintainability
- Proper component separation
- No unused code bloat
2025-05-30 17:47:03 +07:00
tuan.cna
be9da50fc5 🔄 Create Reusable CustomPagination Component
🎯 Component Architecture:
- Created standalone CustomPagination component in src/components/
- Fully reusable across Product and Project Tracker
- Props-based configuration for maximum flexibility
- Built-in theme detection and switching

🎨 Feature-Rich Implementation:
- Compact and full-size modes (compact prop)
- Configurable page size options
- Show/hide info and page size selector
- Custom class names for styling
- Loading states and disabled handling

📋 Props Interface:
- currentPage, pageSize, totalCount, totalPages
- loading, onPageChange, onPageSizeChange
- pageSizeOptions, showInfo, showPageSizeSelector
- compact, className for customization

🌓 Theme Integration:
- Automatic dark/light mode detection
- Redux state, localStorage, and document attribute fallbacks
- Real-time theme switching with MutationObserver
- Force re-render mechanism for theme changes

🔧 Technical Features:
- Built-in theme change listeners
- Proper event cleanup
- Dynamic styling based on theme and compact mode
- Hover effects and animations
- Professional button styling

🚀 Usage Examples:
- Project Tracker: compact={true} for smaller size
- Product List: compact={false} for full size
- Consistent API across all components
- Easy to maintain and extend

 Code Quality:
- Clean component separation
- No code duplication
- Proper prop validation
- Consistent styling patterns
- Reusable across entire application
2025-05-30 17:44:47 +07:00
tuanOts
e5bbecbb22 Enhanced Product List with Advanced Features
� Major Features Added:
-  Advanced search functionality with dropdown filters
-  Brand dropdown search integration with API mapping
-  Theme integration (Dark/Light mode) for pagination
-  Custom pagination with beautiful styling and animations
-  Filter system: Product, Category, Sub Category, Brand, Price Range
-  Real-time search with debouncing
-  Professional UI with hover effects and transitions

� Technical Improvements:
-  Fixed API parameter mapping (Page, PageSize, SearchTerm, Brand)
-  Integrated with Theme Customizer for automatic theme switching
-  Clean code structure with proper state management
-  Responsive design with consistent styling
-  Performance optimized with efficient CSS and React patterns

� UI/UX Enhancements:
-  Beautiful pagination with gradient backgrounds and animations
-  Clean dropdown styling with proper spacing
-  Professional search interface with icons and visual feedback
-  Consistent theme integration across all components
-  Removed unnecessary custom frames for cleaner appearance

� Ready for production with full functionality and beautiful design!
2025-05-29 01:08:07 +07:00
tuanOts
b7031a8722 � Implement fully functional Row Per Page pagination
 Features Added:
- � Functional Row Per Page dropdown (10, 20, 50, 100)
- � Working page navigation with API integration
- � Real-time data fetching on page/size changes
- � Loading states with visual feedback
- � Beautiful circular pagination buttons (orange active state)
- � Hide all Ant Design default pagination elements
- � Dynamic total records display with search filtering
-  Smooth animations and hover effects

� Technical Improvements:
- State management for pageSize and currentPage
- API integration with fetchProducts action
- Loading states for dropdown and buttons
- Search term preservation across pagination
- Comprehensive CSS hiding for Ant pagination
- Custom pagination container protection
- Error handling and user feedback

� UI/UX Enhancements:
- Glass morphism design with shimmer effects
- Responsive layout matching reference image
- Professional dark theme with gradients
- Touch-friendly 32px circular buttons
- Disabled states with gray styling
- Smooth transitions and hover animations

� Perfect match to reference design with full functionality!
2025-05-28 23:37:31 +07:00
tuanOts
f75e524565 Add beautiful single-row pagination with total records
- � Beautiful gradient design with animations
- � Total records display with search filtering
- � Single-row layout with Ant Design pagination classes
- � Responsive compact design for all devices
-  Smooth hover animations and transitions
- � Ultra compact buttons and optimized spacing
- � Real-time search integration with debouncing
- � Glass morphism effects with shimmer animations
2025-05-25 23:58:48 +07:00
tuanOts
9687351177 update 2025-05-25 17:15:22 +07:00
tuanOts
3d34f67c3f Initial commit of Dreams POS React template 2025-05-23 23:34:50 +07:00