Add complete frontend implementation and Docker deployment setup

- Implement React frontend with TypeScript and Tailwind CSS - Add scrappbook.de-inspired UI design with photo galleries - Implement authentication, photo viewing, and download features - Add Docker Swarm configuration with Traefik reverse proxy - Set up Drone CI/CD pipeline for automated deployments - Add monitoring stack with Prometheus and Grafana - Create comprehensive deployment documentation - Add simple local development setup with docker-compose.local.yml Features: - Password-protected galleries with expiration warnings - Responsive photo grid with lightbox viewer - Bulk download functionality - Hot reload development environment - Email testing with Mailhog - Production-ready deployment scripts 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <[email protected]>
2025-07-06 20:23:13 +02:00
parent 032bbae50d
commit 6c82958c79
73 changed files with 10611 additions and 2 deletions
@@ -0,0 +1,56 @@
+import { api } from '../config/api';
+import type { GalleryInfo, GalleryData, GalleryStats } from '../types';
+
+export const galleryService = {
+  // Get basic gallery info (no auth required)
+  async getGalleryInfo(slug: string): Promise<GalleryInfo> {
+    const response = await api.get<GalleryInfo>(`/api/gallery/${slug}/info`);
+    return response.data;
+  },
+
+  // Get gallery photos (requires auth)
+  async getGalleryPhotos(slug: string): Promise<GalleryData> {
+    const response = await api.get<GalleryData>(`/api/gallery/${slug}/photos`);
+    return response.data;
+  },
+
+  // Download single photo
+  async downloadPhoto(slug: string, photoId: number, filename: string): Promise<void> {
+    const response = await api.get(`/api/gallery/${slug}/download/${photoId}`, {
+      responseType: 'blob',
+    });
+
+    // Create download link
+    const url = window.URL.createObjectURL(new Blob([response.data]));
+    const link = document.createElement('a');
+    link.href = url;
+    link.setAttribute('download', filename);
+    document.body.appendChild(link);
+    link.click();
+    link.remove();
+    window.URL.revokeObjectURL(url);
+  },
+
+  // Download all photos as ZIP
+  async downloadAllPhotos(slug: string): Promise<void> {
+    const response = await api.get(`/api/gallery/${slug}/download-all`, {
+      responseType: 'blob',
+    });
+
+    // Create download link
+    const url = window.URL.createObjectURL(new Blob([response.data]));
+    const link = document.createElement('a');
+    link.href = url;
+    link.setAttribute('download', `${slug}.zip`);
+    document.body.appendChild(link);
+    link.click();
+    link.remove();
+    window.URL.revokeObjectURL(url);
+  },
+
+  // Get gallery statistics
+  async getGalleryStats(slug: string): Promise<GalleryStats> {
+    const response = await api.get<GalleryStats>(`/api/gallery/${slug}/stats`);
+    return response.data;
+  },
+};