From 679e01a32cd6c4bf508ebff280db626d3bab003c Mon Sep 17 00:00:00 2001
From: jhg3410 <80373033+jhg3410@users.noreply.github.com>
Date: Wed, 1 Feb 2023 19:06:36 +0900
Subject: [PATCH] #3 - Work with lists

---
 BasicStateCodelab/.idea/gradle.xml            |  1 +
 .../compose/basicstatecodelab/MainActivity.kt |  8 +++
 .../basicstatecodelab/WellnessScreen.kt       |  8 ++-
 .../compose/basicstatecodelab/WellnessTask.kt |  6 ++
 .../basicstatecodelab/WellnessTaskItem.kt     | 58 +++++++++++++++++++
 .../basicstatecodelab/WellnessTasksList.kt    | 23 ++++++++
 6 files changed, 103 insertions(+), 1 deletion(-)
 create mode 100644 BasicStateCodelab/app/src/main/java/jik/compose/basicstatecodelab/WellnessTask.kt
 create mode 100644 BasicStateCodelab/app/src/main/java/jik/compose/basicstatecodelab/WellnessTaskItem.kt
 create mode 100644 BasicStateCodelab/app/src/main/java/jik/compose/basicstatecodelab/WellnessTasksList.kt

diff --git a/BasicStateCodelab/.idea/gradle.xml b/BasicStateCodelab/.idea/gradle.xml
index a9f4e52..a2d7c21 100644
--- a/BasicStateCodelab/.idea/gradle.xml
+++ b/BasicStateCodelab/.idea/gradle.xml
@@ -1,5 +1,6 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <project version="4">
+  <component name="GradleMigrationSettings" migrationVersion="1" />
   <component name="GradleSettings">
     <option name="linkedExternalProjectsSettings">
       <GradleProjectSettings>
diff --git a/BasicStateCodelab/app/src/main/java/jik/compose/basicstatecodelab/MainActivity.kt b/BasicStateCodelab/app/src/main/java/jik/compose/basicstatecodelab/MainActivity.kt
index 64e8613..eda6b76 100644
--- a/BasicStateCodelab/app/src/main/java/jik/compose/basicstatecodelab/MainActivity.kt
+++ b/BasicStateCodelab/app/src/main/java/jik/compose/basicstatecodelab/MainActivity.kt
@@ -27,4 +27,12 @@ class MainActivity : ComponentActivity() {
             }
         }
     }
+
+    @Preview(showBackground = true, backgroundColor = 0xFFF0EAE2)
+    @Composable
+    fun PreviewWellnessTaskItem() {
+        BasicStateCodelabTheme {
+            WellnessTaskItem("This is a Task",true,{}, {})
+        }
+    }
 }
\ No newline at end of file
diff --git a/BasicStateCodelab/app/src/main/java/jik/compose/basicstatecodelab/WellnessScreen.kt b/BasicStateCodelab/app/src/main/java/jik/compose/basicstatecodelab/WellnessScreen.kt
index fc16c8e..21b6f40 100644
--- a/BasicStateCodelab/app/src/main/java/jik/compose/basicstatecodelab/WellnessScreen.kt
+++ b/BasicStateCodelab/app/src/main/java/jik/compose/basicstatecodelab/WellnessScreen.kt
@@ -1,10 +1,16 @@
 package jik.compose.basicstatecodelab
 
+import androidx.compose.foundation.layout.Column
 import androidx.compose.runtime.Composable
 import androidx.compose.ui.Modifier
 
 
 @Composable
 fun WellnessScreen(modifier: Modifier = Modifier) {
-    StatefulCounter(modifier)
+    Column(
+        modifier = modifier
+    ) {
+        StatefulCounter()
+        WellnessTaskList()
+    }
 }
\ No newline at end of file
diff --git a/BasicStateCodelab/app/src/main/java/jik/compose/basicstatecodelab/WellnessTask.kt b/BasicStateCodelab/app/src/main/java/jik/compose/basicstatecodelab/WellnessTask.kt
new file mode 100644
index 0000000..9fe7235
--- /dev/null
+++ b/BasicStateCodelab/app/src/main/java/jik/compose/basicstatecodelab/WellnessTask.kt
@@ -0,0 +1,6 @@
+package jik.compose.basicstatecodelab
+
+data class WellnessTask(
+    val id: Int,
+    val label: String,
+)
\ No newline at end of file
diff --git a/BasicStateCodelab/app/src/main/java/jik/compose/basicstatecodelab/WellnessTaskItem.kt b/BasicStateCodelab/app/src/main/java/jik/compose/basicstatecodelab/WellnessTaskItem.kt
new file mode 100644
index 0000000..8cd6ab5
--- /dev/null
+++ b/BasicStateCodelab/app/src/main/java/jik/compose/basicstatecodelab/WellnessTaskItem.kt
@@ -0,0 +1,58 @@
+package jik.compose.basicstatecodelab
+
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.padding
+import androidx.compose.material.Checkbox
+import androidx.compose.material.Icon
+import androidx.compose.material.IconButton
+import androidx.compose.material.Text
+import androidx.compose.material.icons.Icons
+import androidx.compose.material.icons.filled.Close
+import androidx.compose.runtime.*
+import androidx.compose.runtime.saveable.rememberSaveable
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.unit.dp
+
+@Composable
+fun WellnessTaskItem(taskName: String, modifier: Modifier = Modifier) {
+    var checkedState by rememberSaveable { mutableStateOf(false) }
+
+    WellnessTaskItem(
+        taskName = taskName,
+        checked = checkedState,
+        onCheckedChange = { newValue -> checkedState = newValue },
+        onClose = { /*TODO*/ },
+        modifier = modifier
+    )
+}
+
+
+@Composable
+fun WellnessTaskItem(
+    taskName: String,
+    checked: Boolean,
+    onCheckedChange: (Boolean) -> Unit,
+    onClose: () -> Unit,
+    modifier: Modifier = Modifier
+) {
+    Row(
+        verticalAlignment = Alignment.CenterVertically,
+        modifier = modifier
+    ) {
+        Text(
+            text = taskName,
+            modifier = Modifier
+                .weight(1f)
+                .padding(start = 16.dp)
+        )
+        Checkbox(checked = checked, onCheckedChange = onCheckedChange)
+        IconButton(onClick = onClose) {
+            Icon(
+                imageVector = Icons.Filled.Close,
+                contentDescription = "Close"
+            )
+        }
+    }
+}
+
diff --git a/BasicStateCodelab/app/src/main/java/jik/compose/basicstatecodelab/WellnessTasksList.kt b/BasicStateCodelab/app/src/main/java/jik/compose/basicstatecodelab/WellnessTasksList.kt
new file mode 100644
index 0000000..97fa90e
--- /dev/null
+++ b/BasicStateCodelab/app/src/main/java/jik/compose/basicstatecodelab/WellnessTasksList.kt
@@ -0,0 +1,23 @@
+package jik.compose.basicstatecodelab
+
+import androidx.compose.foundation.lazy.LazyColumn
+import androidx.compose.foundation.lazy.items
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.remember
+import androidx.compose.ui.Modifier
+
+private fun getWellnessTasks() = List(30) { i -> WellnessTask(i, "Task # $i") }
+
+@Composable
+fun WellnessTaskList(
+    modifier: Modifier = Modifier,
+    list: List<WellnessTask> = remember { getWellnessTasks() }
+) {
+    LazyColumn(
+        modifier = modifier
+    ) {
+        items(list) { task ->
+            WellnessTaskItem(taskName = task.label)
+        }
+    }
+}
\ No newline at end of file