Integrate NocoDB backend for admin portal with real data
Phase 2 Backend Integration Complete:
Backend Infrastructure:
- Created NocoDB client abstraction layer (src/api/nocodbClient.ts)
- Clean TypeScript API hiding NocoDB query syntax complexity
- Helper methods for orders, stats, search, timeline, and filtering
- Automatic date range handling and pagination support
API Routes:
- POST /api/admin/stats - Dashboard statistics with time range filtering
- GET /api/admin/orders - List orders with search, filter, sort, pagination
- GET /api/admin/orders/[id] - Single order details
- PATCH /api/admin/orders/[id] - Update order fields
- DELETE /api/admin/orders/[id] - Cancel order (soft delete)
- GET /api/admin/orders/export - CSV/Excel export with filters
Dashboard Updates:
- Real-time data fetching from NocoDB
- Time range selector (7d, 30d, 90d, all time)
- Recharts line chart for orders timeline
- Recharts pie chart for status distribution
- Loading states and error handling
- Dynamic stat cards with real numbers
Dependencies Added:
- papaparse - CSV export
- xlsx - Excel export with styling
- @types/papaparse - TypeScript support
Data Types:
- OrderRecord interface for NocoDB data structure
- DashboardStats, TimelineData, OrderFilters interfaces
- Full type safety across API and UI
Environment Configuration:
- NOCODB_BASE_URL, NOCODB_BASE_ID configured
- NOCODB_API_KEY, NOCODB_ORDERS_TABLE_ID configured
- All credentials stored securely in .env.local
Ready for testing with sample data in NocoDB!
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
2025-11-03 10:40:25 +01:00
|
|
|
import { NextRequest, NextResponse } from 'next/server';
|
|
|
|
|
import { nocodbClient } from '@/api/nocodbClient';
|
|
|
|
|
import type { OrderFilters, PaginationParams } from '@/api/nocodbClient';
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
* GET /api/admin/orders
|
|
|
|
|
* Get list of orders with filtering, sorting, and pagination
|
|
|
|
|
* Query params:
|
|
|
|
|
* - search: Text search across vessel name, IMO, order ID
|
|
|
|
|
* - status: Filter by order status
|
|
|
|
|
* - dateFrom, dateTo: Date range filter
|
|
|
|
|
* - limit: Page size (default: 50)
|
|
|
|
|
* - offset: Pagination offset
|
|
|
|
|
* - sortBy: Field to sort by
|
|
|
|
|
* - sortOrder: 'asc' | 'desc'
|
|
|
|
|
*/
|
|
|
|
|
export async function GET(request: NextRequest) {
|
|
|
|
|
try {
|
|
|
|
|
const searchParams = request.nextUrl.searchParams;
|
|
|
|
|
const searchTerm = searchParams.get('search');
|
|
|
|
|
|
|
|
|
|
// Build filters
|
|
|
|
|
const filters: OrderFilters = {};
|
|
|
|
|
if (searchParams.get('status')) filters.status = searchParams.get('status')!;
|
|
|
|
|
if (searchParams.get('dateFrom')) filters.dateFrom = searchParams.get('dateFrom')!;
|
|
|
|
|
if (searchParams.get('dateTo')) filters.dateTo = searchParams.get('dateTo')!;
|
|
|
|
|
if (searchParams.get('vesselName')) filters.vesselName = searchParams.get('vesselName')!;
|
|
|
|
|
if (searchParams.get('imoNumber')) filters.imoNumber = searchParams.get('imoNumber')!;
|
|
|
|
|
|
|
|
|
|
// Build pagination
|
|
|
|
|
const pagination: PaginationParams = {
|
|
|
|
|
limit: parseInt(searchParams.get('limit') || '50'),
|
|
|
|
|
offset: parseInt(searchParams.get('offset') || '0'),
|
|
|
|
|
sortBy: searchParams.get('sortBy') || 'CreatedAt',
|
|
|
|
|
sortOrder: (searchParams.get('sortOrder') as 'asc' | 'desc') || 'desc',
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
// Use search if provided, otherwise use filters
|
|
|
|
|
const response = searchTerm
|
|
|
|
|
? await nocodbClient.searchOrders(searchTerm, pagination)
|
|
|
|
|
: await nocodbClient.getOrders(filters, pagination);
|
|
|
|
|
|
|
|
|
|
return NextResponse.json({
|
|
|
|
|
success: true,
|
|
|
|
|
data: response.list,
|
|
|
|
|
pagination: response.pageInfo,
|
|
|
|
|
});
|
|
|
|
|
} catch (error) {
|
|
|
|
|
console.error('Error fetching orders:', error);
|
|
|
|
|
return NextResponse.json(
|
|
|
|
|
{
|
|
|
|
|
success: false,
|
|
|
|
|
error: error instanceof Error ? error.message : 'Failed to fetch orders',
|
|
|
|
|
},
|
|
|
|
|
{ status: 500 }
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
* POST /api/admin/orders
|
|
|
|
|
* Create a new order (if needed for manual entry)
|
|
|
|
|
*/
|
2025-11-03 12:02:05 +01:00
|
|
|
export async function POST(_request: NextRequest) {
|
Integrate NocoDB backend for admin portal with real data
Phase 2 Backend Integration Complete:
Backend Infrastructure:
- Created NocoDB client abstraction layer (src/api/nocodbClient.ts)
- Clean TypeScript API hiding NocoDB query syntax complexity
- Helper methods for orders, stats, search, timeline, and filtering
- Automatic date range handling and pagination support
API Routes:
- POST /api/admin/stats - Dashboard statistics with time range filtering
- GET /api/admin/orders - List orders with search, filter, sort, pagination
- GET /api/admin/orders/[id] - Single order details
- PATCH /api/admin/orders/[id] - Update order fields
- DELETE /api/admin/orders/[id] - Cancel order (soft delete)
- GET /api/admin/orders/export - CSV/Excel export with filters
Dashboard Updates:
- Real-time data fetching from NocoDB
- Time range selector (7d, 30d, 90d, all time)
- Recharts line chart for orders timeline
- Recharts pie chart for status distribution
- Loading states and error handling
- Dynamic stat cards with real numbers
Dependencies Added:
- papaparse - CSV export
- xlsx - Excel export with styling
- @types/papaparse - TypeScript support
Data Types:
- OrderRecord interface for NocoDB data structure
- DashboardStats, TimelineData, OrderFilters interfaces
- Full type safety across API and UI
Environment Configuration:
- NOCODB_BASE_URL, NOCODB_BASE_ID configured
- NOCODB_API_KEY, NOCODB_ORDERS_TABLE_ID configured
- All credentials stored securely in .env.local
Ready for testing with sample data in NocoDB!
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
2025-11-03 10:40:25 +01:00
|
|
|
try {
|
|
|
|
|
// In a real implementation, you'd call nocodbClient to create the order
|
|
|
|
|
// For now, return a placeholder
|
|
|
|
|
return NextResponse.json(
|
|
|
|
|
{
|
|
|
|
|
success: false,
|
|
|
|
|
error: 'Order creation not yet implemented',
|
|
|
|
|
},
|
|
|
|
|
{ status: 501 }
|
|
|
|
|
);
|
|
|
|
|
} catch (error) {
|
|
|
|
|
console.error('Error creating order:', error);
|
|
|
|
|
return NextResponse.json(
|
|
|
|
|
{
|
|
|
|
|
success: false,
|
|
|
|
|
error: error instanceof Error ? error.message : 'Failed to create order',
|
|
|
|
|
},
|
|
|
|
|
{ status: 500 }
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
}
|