2 Commits

Author	SHA1	Message	Date
dwindown	e8ca3ceeb2	fix: Vertical tabs visibility and add mobile search/filter ... Fixed 3 critical issues: 1. Fixed Vertical Tabs - Cards All Showing - Updated VerticalTabForm to hide inactive sections - Only active section visible (className: hidden for others) - Proper tab switching now works 2. Added Mobile Search/Filter to Coupons - Created CouponFilterSheet component - Added mobile search bar with icon - Filter button with active count badge - Matches Products pattern exactly - Sheet with Apply/Reset buttons 3. Removed max-height from VerticalTabForm - User removed max-h-[calc(100vh-200px)] - Content now flows naturally - Better for forms with varying heights Components Created: - CouponFilterSheet.tsx - Mobile filter bottom sheet - Discount type filter - Apply/Reset actions - Active filter count Changes to Coupons/index.tsx: - Added mobile search bar (md:hidden) - Added filter sheet state - Added activeFiltersCount - Search icon + SlidersHorizontal icon - Filter badge indicator Changes to VerticalTabForm: - Hide inactive sections (className: hidden) - Only show section matching activeTab - Proper visibility control Result: ✅ Vertical tabs work correctly (only one section visible) ✅ Mobile search/filter on Coupons (like Products) ✅ Filter count badge ✅ Professional mobile UX Next: Move customer site member checkbox to settings	2025-11-20 20:32:46 +07:00
dwindown	36f8b2650b	feat: Coupons CRUD - Complete implementation (Phase 3-4) ... Completed full Coupons CRUD following PROJECT_SOP.md standards Created Frontend Components: 1. CouponForm.tsx - Shared form component - General settings (code, type, amount, expiry) - Usage restrictions (min/max spend, individual use, exclude sale) - Usage limits (total limit, per user, free shipping) - Supports both create and edit modes - Form validation and field descriptions 2. New.tsx - Create coupon page - Contextual header with Cancel/Create buttons - Form submission with mutation - Success/error handling - Navigation after creation 3. Edit.tsx - Edit coupon page - Contextual header with Back/Save buttons - Fetch coupon data with loading/error states - Form submission with mutation - Code field disabled (cannot change after creation) Updated Navigation: - NavigationRegistry.php - Added Coupons menu - Main menu: Coupons with tag icon - Submenu: All coupons, New - Positioned between Customers and Settings Updated Documentation: - API_ROUTES.md - Marked Coupons as IMPLEMENTED - Documented all endpoints with details - Listed query parameters and features - Clarified validate endpoint ownership Following PROJECT_SOP.md Standards: ✅ CRUD Module Pattern: Submenu tabs (All coupons, New) ✅ Contextual Header: Back/Cancel and Save/Create buttons ✅ Form Pattern: formRef with hideSubmitButton ✅ Error Handling: ErrorCard, LoadingState, user-friendly messages ✅ Mobile Responsive: max-w-4xl form container ✅ TypeScript: Full type safety with interfaces ✅ Mutations: React Query with cache invalidation ✅ Navigation: Proper routing and navigation flow Features Implemented: - Full coupon CRUD (Create, Read, Update, Delete) - List with pagination, search, and filters - Bulk selection and deletion - All WooCommerce coupon fields supported - Form validation (required fields, code uniqueness) - Usage tracking display - Expiry date management - Discount type selection (percent, fixed cart, fixed product) Result: ✅ Complete Coupons CRUD module ✅ 100% SOP compliant ✅ Production ready ✅ Fully functional with WooCommerce backend Total Implementation: - Backend: 1 controller (347 lines) - Frontend: 5 files (800+ lines) - Navigation: 1 menu entry - Documentation: Updated API routes Status: COMPLETE 🎉	2025-11-20 14:10:02 +07:00