ac1cd96ecd
Test and Lint / backend-test (push) Successful in 1m16s
continuous-integration/drone/push Build is failing
Test and Lint / frontend-test (push) Successful in 2m18s
Version and Release / version-bump (push) Successful in 43s
Version and Release / trigger-drone (push) Successful in 4s
Major fixes for production deployment with Traefik: 1. API Path Fixes: - Remove double /api prefix from all frontend service calls - Fix auth.service.ts to use correct paths (/auth/admin/login) - Update all services to use single /api prefix from base URL - Fix template literal paths in photo services 2. Docker Configuration: - Add build args for VITE_API_URL in docker-compose.prod.yml - Create Dockerfile.prod with proper API URL configuration - Ensure frontend is built with correct API base path 3. Documentation: - Add comprehensive TRAEFIK_DEPLOYMENT.md guide - Document proper Traefik labels and routing configuration - Include troubleshooting steps for common issues - Explain network configuration and SSL handling This resolves: - 502 Bad Gateway errors - Double /api/api paths in requests - Frontend unable to communicate with backend - Login functionality not working The frontend now correctly calls the backend API through Traefik's routing, with all requests going to /api/* being forwarded to the backend service on port 3000. 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
93 lines
2.9 KiB
TypeScript
93 lines
2.9 KiB
TypeScript
import { api } from '../config/api';
|
|
|
|
export interface AdminPhoto {
|
|
id: number;
|
|
filename: string;
|
|
path: string;
|
|
url: string;
|
|
thumbnail_url: string | null;
|
|
type: string;
|
|
category_id: number | null;
|
|
category_name: string | null;
|
|
category_slug: string | null;
|
|
size: number;
|
|
uploaded_at: string;
|
|
view_count?: number;
|
|
download_count?: number;
|
|
}
|
|
|
|
export interface PhotoFilters {
|
|
category_id?: number | null;
|
|
type?: string;
|
|
search?: string;
|
|
sort?: 'date' | 'name' | 'size';
|
|
order?: 'asc' | 'desc';
|
|
}
|
|
|
|
class PhotosService {
|
|
async getEventPhotos(eventId: number, filters?: PhotoFilters): Promise<AdminPhoto[]> {
|
|
const params = new URLSearchParams();
|
|
|
|
if (filters) {
|
|
if (filters.category_id !== undefined) {
|
|
params.append('category_id', filters.category_id?.toString() || '');
|
|
}
|
|
if (filters.type) params.append('type', filters.type);
|
|
if (filters.search) params.append('search', filters.search);
|
|
if (filters.sort) params.append('sort', filters.sort);
|
|
if (filters.order) params.append('order', filters.order);
|
|
}
|
|
|
|
const queryString = params.toString();
|
|
const url = `/admin/events/${eventId}/photos${queryString ? `?${queryString}` : ''}`;
|
|
|
|
const response = await api.get(url);
|
|
|
|
// Return photos as-is, URLs are already relative API paths
|
|
return response.data.photos;
|
|
}
|
|
|
|
async deletePhoto(eventId: number, photoId: number): Promise<void> {
|
|
await api.delete(`/admin/events/${eventId}/photos/${photoId}`);
|
|
}
|
|
|
|
async deletePhotos(eventId: number, photoIds: number[]): Promise<void> {
|
|
await api.post(`/admin/events/${eventId}/photos/bulk-delete`, { photoIds });
|
|
}
|
|
|
|
async updatePhotoCategory(eventId: number, photoId: number, categoryId: number | null): Promise<void> {
|
|
await api.patch(`/admin/events/${eventId}/photos/${photoId}`, { category_id: categoryId });
|
|
}
|
|
|
|
async updatePhotosCategory(eventId: number, photoIds: number[], categoryId: number | null): Promise<void> {
|
|
await api.post(`/admin/events/${eventId}/photos/bulk-update`, {
|
|
photoIds,
|
|
updates: { category_id: categoryId }
|
|
});
|
|
}
|
|
|
|
async downloadPhoto(eventId: number, photoId: number, filename: string): Promise<void> {
|
|
const response = await api.get(`/admin/events/${eventId}/photos/${photoId}/download`, {
|
|
responseType: 'blob'
|
|
});
|
|
|
|
const url = window.URL.createObjectURL(new Blob([response.data]));
|
|
const link = document.createElement('a');
|
|
link.href = url;
|
|
link.download = filename;
|
|
document.body.appendChild(link);
|
|
link.click();
|
|
document.body.removeChild(link);
|
|
window.URL.revokeObjectURL(url);
|
|
}
|
|
|
|
formatBytes(bytes: number): string {
|
|
if (bytes === 0) return '0 Bytes';
|
|
const k = 1024;
|
|
const sizes = ['Bytes', 'KB', 'MB', 'GB'];
|
|
const i = Math.floor(Math.log(bytes) / Math.log(k));
|
|
return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + ' ' + sizes[i];
|
|
}
|
|
}
|
|
|
|
export const photosService = new PhotosService(); |