Add photo viewer for task completions on iOS and Android

- Add PhotoViewerDialog (Android) and PhotoViewerSheet (iOS) for viewing completion photos - Add CompletionCardView (iOS) to display completion details with photo button - Update AllTasksView (iOS) to show full completion details instead of just count - Update TaskCard (Android) to use CompletionCard component - Add Coil 3.0.4 image loading library for Android - Configure ImageLoader in MainActivity with network, memory, and disk caching - Add getMediaBaseUrl() to ApiClient for loading media files without /api path - Fix photo viewer background color to match app theme 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
2025-11-09 20:42:18 -06:00
parent 99228d03b5
commit 131637e6f3
13 changed files with 719 additions and 81 deletions
--- a/iosApp/iosApp/Subviews/Task/CompletionCardView.swift
+++ b/iosApp/iosApp/Subviews/Task/CompletionCardView.swift
@@ -0,0 +1,100 @@
+import SwiftUI
+import ComposeApp
+
+struct CompletionCardView: View {
+    let completion: TaskCompletion
+    @State private var showPhotoSheet = false
+
+    var body: some View {
+        VStack(alignment: .leading, spacing: 8) {
+            HStack {
+                Text(formatDate(completion.completionDate))
+                    .font(.caption)
+                    .fontWeight(.semibold)
+                    .foregroundColor(.blue)
+
+                Spacer()
+
+                if let rating = completion.rating {
+                    HStack(spacing: 2) {
+                        Image(systemName: "star.fill")
+                            .font(.caption2)
+                        Text("\(rating)")
+                            .font(.caption)
+                            .fontWeight(.bold)
+                    }
+                    .foregroundColor(.orange)
+                    .padding(.horizontal, 8)
+                    .padding(.vertical, 4)
+                    .background(Color.orange.opacity(0.1))
+                    .cornerRadius(6)
+                }
+            }
+
+            if let completedBy = completion.completedByName {
+                Text("By: \(completedBy)")
+                    .font(.caption2)
+                    .foregroundColor(.secondary)
+            }
+
+            if let cost = completion.actualCost {
+                Text("Cost: $\(cost)")
+                    .font(.caption2)
+                    .foregroundColor(.green)
+                    .fontWeight(.medium)
+            }
+
+            if let notes = completion.notes {
+                Text(notes)
+                    .font(.caption2)
+                    .foregroundColor(.secondary)
+                    .lineLimit(2)
+            }
+
+            // Show button to view photos if images exist
+            if let images = completion.images, !images.isEmpty {
+                Button(action: {
+                    showPhotoSheet = true
+                }) {
+                    HStack {
+                        Image(systemName: "photo.on.rectangle")
+                            .font(.caption)
+                        Text("View Photos (\(images.count))")
+                            .font(.caption)
+                            .fontWeight(.semibold)
+                    }
+                    .frame(maxWidth: .infinity)
+                    .padding(.vertical, 8)
+                    .background(Color.blue.opacity(0.1))
+                    .foregroundColor(.blue)
+                    .cornerRadius(8)
+                }
+            }
+        }
+        .padding(12)
+        .background(Color(.systemGray6))
+        .cornerRadius(8)
+        .sheet(isPresented: $showPhotoSheet) {
+            if let images = completion.images {
+                PhotoViewerSheet(images: images)
+            }
+        }
+    }
+
+    private func formatDate(_ dateString: String) -> String {
+        let formatter = DateFormatter()
+        formatter.dateFormat = "yyyy-MM-dd'T'HH:mm:ss"
+        if let date = formatter.date(from: dateString) {
+            formatter.dateStyle = .medium
+            formatter.timeStyle = .none
+            return formatter.string(from: date)
+        }
+        // Try without time
+        formatter.dateFormat = "yyyy-MM-dd"
+        if let date = formatter.date(from: dateString) {
+            formatter.dateStyle = .medium
+            return formatter.string(from: date)
+        }
+        return dateString
+    }
+}