manja_dev_ui/TODO.md

Tenant API Integration TODO

• Review existing tenant API and UI navigation/routes (done in analysis)
• Add tenant service for API CRUD in src/services/tenantService.js
• Add tenant route in src/router/index.js
• Add tenant menu item in src/_nav.js
• Create tenant page src/views/tenants/Tenants.vue and integrate list API
• Verify integration consistency

Tenant CRUD UI TODO

• Upgrade src/views/tenants/Tenants.vue to full CRUD page
• Integrate create/read/update/delete flows with tenantService
• Add form validation for tenant_code, tenant_name, status
• Add detail modal and delete confirmation
• Final consistency review

BaseResponsiveDataView Header/Table Alignment TODO

• Refactor desktop table header structure to follow row list layout
• Align desktop header columns with rendered desktop columns
• Remove desktop action spacer and use consistent action column
• Keep mobile behavior unchanged
• Mark tasks complete after implementation

GroupMenus Responsive Style Alignment TODO

• Review GroupMenus.vue and map existing actions/data to BaseResponsiveDataView
• Refactor GroupMenus list section to use BaseResponsiveDataView
• Keep existing action flows (detail, detail menu, edit, hapus) working via action handler
• Add scoped container/header styling pattern similar to Tenants.vue
• Final consistency review

BaseResponsiveDataView Desktop Column Proportion TODO

• Review desktop grid logic in BaseResponsiveDataView.vue and _base-responsive-data-view.scss
• Make desktop column count dynamic (not hardcoded 6)
• Make action column width proportional and consistent
• Ensure desktop remains balanced even with only 2 data columns
• Final consistency review for desktop/mobile behavior