Implement fully dynamic task summary UI from API data

Updated both iOS and Android to build residence task summary UI entirely
from API response data, with no hardcoded categories, icons, colors, or labels.

**Changes:**

**Backend Integration:**
- Updated TaskSummary model to use dynamic categories list instead of static fields
- Added TaskColumnCategory and TaskColumnIcon models for metadata
- Categories now include: name, displayName, icons (ios/android/web), color, count

**Android (ResidencesScreen.kt):**
- Removed hardcoded category extraction (overdue_tasks, current_tasks, in_progress_tasks)
- Now dynamically iterates over first 3 categories from API
- Added getIconForCategory() helper to map icon names to Material Icons
- Added parseHexColor() helper that works in commonMain (no Android-specific code)
- Uses category.displayName, category.icons.android, category.color from API

**iOS (ResidenceCard.swift):**
- Removed hardcoded category extraction and SF Symbol names
- Now dynamically iterates over first 3 categories using ForEach
- Uses category.displayName, category.icons.ios, category.color from API
- Leverages existing Color(hex:) extension for color parsing

**Component Organization:**
- Moved TaskSummaryCard.kt from commonMain to androidMain (uses Android-specific APIs)
- Created TaskSummaryCard.swift for iOS with dynamic category rendering

**Benefits:**
 Backend controls all category metadata (icons, colors, display names)
 Apps automatically reflect backend changes without redeployment
 No platform-specific hardcoded values
 Single source of truth in task/constants.py TASK_COLUMNS

**Files Changed:**
- Residence.kt: Added TaskColumnCategory, TaskColumnIcon models
- ResidencesScreen.kt: Dynamic category rendering with helpers
- ResidenceCard.swift: Dynamic category rendering with ForEach
- TaskSummaryCard.kt: Moved to androidMain
- TaskSummaryCard.swift: New iOS dynamic component

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Trey t
2025-11-15 11:13:37 -06:00
parent 7f6f77d95a
commit bb5664c954
5 changed files with 406 additions and 46 deletions

View File

@@ -52,13 +52,26 @@ data class ResidenceCreateRequest(
@SerialName("is_primary") val isPrimary: Boolean = false
)
@Serializable
data class TaskColumnIcon(
val ios: String,
val android: String,
val web: String
)
@Serializable
data class TaskColumnCategory(
val name: String,
@SerialName("display_name") val displayName: String,
val icons: TaskColumnIcon,
val color: String,
val count: Int
)
@Serializable
data class TaskSummary(
val total: Int,
val completed: Int,
val pending: Int,
@SerialName("in_progress") val inProgress: Int,
val overdue: Int
val categories: List<TaskColumnCategory>
)
@Serializable

View File

@@ -368,28 +368,21 @@ fun ResidencesScreen(
HorizontalDivider(color = MaterialTheme.colorScheme.outlineVariant)
Spacer(modifier = Modifier.height(16.dp))
// Fully dynamic task summary from API - show first 3 categories
val displayCategories = residence.taskSummary.categories.take(3)
Row(
modifier = Modifier.fillMaxWidth(),
horizontalArrangement = Arrangement.SpaceEvenly
) {
TaskStatChip(
icon = Icons.Default.Assignment,
value = "${residence.taskSummary.total}",
label = "Tasks",
color = MaterialTheme.colorScheme.primary
)
TaskStatChip(
icon = Icons.Default.CheckCircle,
value = "${residence.taskSummary.completed}",
label = "Done",
color = MaterialTheme.colorScheme.secondary
)
TaskStatChip(
icon = Icons.Default.Schedule,
value = "${residence.taskSummary.pending}",
label = "Pending",
color = MaterialTheme.colorScheme.tertiary
)
displayCategories.forEach { category ->
TaskStatChip(
icon = getIconForCategory(category.icons.android),
value = "${category.count}",
label = category.displayName,
color = parseHexColor(category.color)
)
}
}
}
}
@@ -400,3 +393,38 @@ fun ResidencesScreen(
}
}
}
/**
* Map Android icon name from backend to Material Icon
*/
private fun getIconForCategory(iconName: String) = when (iconName) {
"Warning" -> Icons.Default.Warning
"CalendarToday" -> Icons.Default.CalendarToday
"PlayCircle" -> Icons.Default.PlayCircle
"Inbox" -> Icons.Default.Inbox
"CheckCircle" -> Icons.Default.CheckCircle
"Archive" -> Icons.Default.Archive
else -> Icons.Default.Circle
}
/**
* Parse hex color string to Compose Color
* Works in commonMain without android dependencies
*/
private fun parseHexColor(hex: String): Color {
return try {
val cleanHex = hex.removePrefix("#")
val colorInt = cleanHex.toLong(16)
val alpha = if (cleanHex.length == 8) {
(colorInt shr 24 and 0xFF) / 255f
} else {
1f
}
val red = ((colorInt shr 16) and 0xFF) / 255f
val green = ((colorInt shr 8) and 0xFF) / 255f
val blue = (colorInt and 0xFF) / 255f
Color(red, green, blue, alpha)
} catch (e: Exception) {
Color.Gray
}
}