#10 [ui] 행복루틴 추가하기(목록) 뷰

app/src/main/AndroidManifest.xml

@@ -35,6 +35,11 @@
         <activity
             android:name=".ui.storytelling.StoryTellingActivity"
             android:exported="true"
+            android:screenOrientation="portrait" />
+
+        <activity
+            android:name=".ui.main.happy.addlist.HappyAddListActivity"
+            android:exported="true"
             android:screenOrientation="portrait">
             <intent-filter>
                 <action android:name="android.intent.action.MAIN" />

app/src/main/java/com/sopetit/softie/domain/entity/HappyChip.kt

@@ -0,0 +1,6 @@
+package com.sopetit.softie.domain.entity
+
+data class HappyChip(
+    val themeId: Int,
+    val name: String,
+)

app/src/main/java/com/sopetit/softie/domain/entity/HappyContent.kt

@@ -0,0 +1,10 @@
+package com.sopetit.softie.domain.entity
+
+import androidx.annotation.DrawableRes
+
+data class HappyContent(
+    val routineId: Int,
+    val title: String,
+    val content: String,
+    @DrawableRes val imageUrl: Int,
+)

app/src/main/java/com/sopetit/softie/ui/main/happy/HappyActivity.kt

@@ -4,6 +4,7 @@ import android.os.Bundle
 import androidx.appcompat.app.AppCompatActivity
 import com.sopetit.softie.R
 import com.sopetit.softie.databinding.ActivityHappyBinding
+import com.sopetit.softie.ui.main.happy.empty.HappyEmptyFragment
 
 class HappyActivity : AppCompatActivity() {
     private lateinit var binding: ActivityHappyBinding

app/src/main/java/com/sopetit/softie/ui/main/happy/addlist/HappyAddListActivity.kt

@@ -0,0 +1,87 @@
+package com.sopetit.softie.ui.main.happy.addlist
+
+import android.content.Intent
+import android.os.Bundle
+import androidx.activity.viewModels
+import androidx.recyclerview.widget.RecyclerView
+import com.sopetit.softie.R
+import com.sopetit.softie.databinding.ActivityHappyAddListBinding
+import com.sopetit.softie.domain.entity.HappyContent
+import com.sopetit.softie.ui.main.MainActivity
+import com.sopetit.softie.util.HorizontalChipItemDecoration
+import com.sopetit.softie.util.VerticalItemDecoration
+import com.sopetit.softie.util.binding.BindingActivity
+import dagger.hilt.android.AndroidEntryPoint
+
+@AndroidEntryPoint
+class HappyAddListActivity :
+    BindingActivity<ActivityHappyAddListBinding>(R.layout.activity_happy_add_list) {
+
+    private val viewModel by viewModels<HappyAddListViewModel>()
+    private lateinit var itemDeco: RecyclerView.ItemDecoration
+    private lateinit var chipDeco: RecyclerView.ItemDecoration
+
+    private lateinit var happyAddListChipContentAdapter: HappyAddListChipContentAdapter
+    private lateinit var happyAddListContentAdapter: HappyAddListContentAdapter
+
+    override fun onCreate(savedInstanceState: Bundle?) {
+        super.onCreate(savedInstanceState)
+        binding = ActivityHappyAddListBinding.inflate(layoutInflater)
+        setContentView(binding.root)
+
+        val themeId = 0
+
+        happyAddListChipContentAdapter = HappyAddListChipContentAdapter()
+        happyAddListContentAdapter = HappyAddListContentAdapter(::moveToDetail)
+
+        itemDeco = VerticalItemDecoration(applicationContext)
+        binding.rvHappyAddList.addItemDecoration(itemDeco)
+        chipDeco = HorizontalChipItemDecoration(applicationContext)
+        binding.rvHappyAddListChip.addItemDecoration(chipDeco)
+        binding.ivHappyAddBackArrow.setOnClickListener {
+            finish()
+        }
+
+        setupAdapter(themeId)
+    }
+
+    private fun setupAdapter(themeId: Int) {
+        with(binding) {
+            rvHappyAddListChip.adapter = happyAddListChipContentAdapter
+            rvHappyAddList.adapter = happyAddListContentAdapter
+        }
+        happyAddListChipContentAdapter.submitList(viewModel.mockHappyChipList.value)
+        happyAddListContentAdapter.submitList(viewModel.mockHappyContentList.value)
+
+        happyAddListChipContentAdapter.setOnChipClickListener { handleChipClick(it.themeId) }
+    }
+
+    private fun handleChipClick(themeId: Int) {
+        val listToSubmit = when (themeId) {
+            1 -> viewModel.mockHappyContentList.value
+            2 -> viewModel.mockHappyContentListOne.value
+            3 -> viewModel.mockHappyContentListTwo.value
+            4 -> viewModel.mockHappyContentListThree.value
+            5 -> viewModel.mockHappyContentListFour.value
+            6 -> viewModel.mockHappyContentListFive.value
+            else -> viewModel.mockHappyContentList.value
+        }
+
+        listToSubmit?.let { makeSubmitList(it) }
+    }
+
+    private fun makeSubmitList(list: List<HappyContent>) {
+        happyAddListContentAdapter.submitList(list)
+    }
+
+    private fun moveToDetail(id: Int) {
+        Intent(this, MainActivity::class.java).apply {
+            putExtra(ID, id)
+            startActivity(this)
+        }
+    }
+
+    companion object {
+        const val ID = "id"
+    }
+}

app/src/main/java/com/sopetit/softie/ui/main/happy/addlist/HappyAddListChipContentAdapter.kt

@@ -0,0 +1,48 @@
+package com.sopetit.softie.ui.main.happy.addlist
+
+import android.view.LayoutInflater
+import android.view.ViewGroup
+import androidx.recyclerview.widget.ListAdapter
+import androidx.recyclerview.widget.RecyclerView
+import com.sopetit.softie.databinding.ItemHappyAddListChipBinding
+import com.sopetit.softie.domain.entity.HappyChip
+import com.sopetit.softie.util.ItemDiffCallback
+
+class HappyAddListChipContentAdapter :
+    ListAdapter<HappyChip, HappyAddListChipContentAdapter.HappyAddListChipContentViewHolder>(
+        ItemDiffCallback<HappyChip>(
+            onItemsTheSame = { oldItem, newItem -> oldItem == newItem },
+            onContentsTheSame = { oldItem, newItem -> oldItem == newItem }
+        )
+    ) {
+
+    inner class HappyAddListChipContentViewHolder(
+        private val binding: ItemHappyAddListChipBinding,
+    ) : RecyclerView.ViewHolder(binding.root) {
+        fun onBind(data: HappyChip) {
+            binding.itemHappyAddChipComponent.text = data.name
+            binding.root.setOnClickListener {
+                onItemClickListener?.let { it(data) }
+            }
+        }
+    }
+
+    private var onItemClickListener: ((HappyChip) -> Unit)? = null
+    fun setOnChipClickListener(listener: (HappyChip) -> Unit) {
+        onItemClickListener = listener
+    }
+
+    override fun onCreateViewHolder(
+        parent: ViewGroup,
+        viewType: Int
+    ): HappyAddListChipContentViewHolder {
+        val binding = ItemHappyAddListChipBinding.inflate(
+            LayoutInflater.from(parent.context), parent, false
+        )
+        return HappyAddListChipContentViewHolder(binding)
+    }
+
+    override fun onBindViewHolder(holder: HappyAddListChipContentViewHolder, position: Int) {
+        holder.onBind(getItem(position))
+    }
+}

app/src/main/java/com/sopetit/softie/ui/main/happy/addlist/HappyAddListContentAdapter.kt

@@ -0,0 +1,48 @@
+package com.sopetit.softie.ui.main.happy.addlist
+
+import android.view.LayoutInflater
+import android.view.ViewGroup
+import androidx.recyclerview.widget.ListAdapter
+import androidx.recyclerview.widget.RecyclerView
+import com.sopetit.softie.databinding.ItemHappyAddListBinding
+import com.sopetit.softie.domain.entity.HappyContent
+import com.sopetit.softie.util.ItemDiffCallback
+
+class HappyAddListContentAdapter(private val moveToDetail: (Int) -> Unit) :
+    ListAdapter<HappyContent, HappyAddListContentAdapter.HappyAddListContentViewHolder>(
+        ItemDiffCallback<HappyContent>(
+            onItemsTheSame = { oldItem, newItem -> oldItem == newItem },
+            onContentsTheSame = { oldItem, newItem -> oldItem == newItem }
+        )
+    ) {
+
+    inner class HappyAddListContentViewHolder(
+        private val binding: ItemHappyAddListBinding,
+        private val moveToDetail: (Int) -> Unit,
+    ) :
+        RecyclerView.ViewHolder(binding.root) {
+        fun onBind(data: HappyContent) {
+            binding.tvHappyListItemTitle.text = data.title
+            binding.tvHappyListItemContent.text = data.content
+            binding.ivHappyListItemIcon.setImageResource(data.imageUrl)
+
+            binding.root.setOnClickListener {
+                moveToDetail(data.routineId)
+            }
+        }
+    }
+
+    override fun onCreateViewHolder(
+        parent: ViewGroup,
+        viewType: Int
+    ): HappyAddListContentViewHolder {
+        val binding = ItemHappyAddListBinding.inflate(
+            LayoutInflater.from(parent.context), parent, false
+        )
+        return HappyAddListContentViewHolder(binding, moveToDetail)
+    }
+
+    override fun onBindViewHolder(holder: HappyAddListContentViewHolder, position: Int) {
+        holder.onBind(currentList[position])
+    }
+}

app/src/main/java/com/sopetit/softie/ui/main/happy/addlist/HappyAddListViewModel.kt

@@ -0,0 +1,162 @@
+package com.sopetit.softie.ui.main.happy.addlist
+
+import androidx.lifecycle.LiveData
+import androidx.lifecycle.MutableLiveData
+import androidx.lifecycle.ViewModel
+import com.sopetit.softie.R
+import com.sopetit.softie.domain.entity.HappyChip
+import com.sopetit.softie.domain.entity.HappyContent
+
+class HappyAddListViewModel : ViewModel() {
+    private val _mockHappyChipList = MutableLiveData<List<HappyChip>>()
+    val mockHappyChipList: LiveData<List<HappyChip>> = _mockHappyChipList
+
+    private val _mockHappyContentList = MutableLiveData<List<HappyContent>>()
+    val mockHappyContentList: LiveData<List<HappyContent>> = _mockHappyContentList
+
+    private val _mockHappyContentListOne = MutableLiveData<List<HappyContent>>()
+    val mockHappyContentListOne: LiveData<List<HappyContent>> = _mockHappyContentListOne
+
+    private val _mockHappyContentListTwo = MutableLiveData<List<HappyContent>>()
+    val mockHappyContentListTwo: LiveData<List<HappyContent>> = _mockHappyContentListTwo
+
+    private val _mockHappyContentListThree = MutableLiveData<List<HappyContent>>()
+    val mockHappyContentListThree: LiveData<List<HappyContent>> = _mockHappyContentListThree
+
+    private val _mockHappyContentListFour = MutableLiveData<List<HappyContent>>()
+    val mockHappyContentListFour: LiveData<List<HappyContent>> = _mockHappyContentListFour
+
+    private val _mockHappyContentListFive = MutableLiveData<List<HappyContent>>()
+    val mockHappyContentListFive: LiveData<List<HappyContent>> = _mockHappyContentListFive
+
+    init {
+        _mockHappyContentList.value = listOf<HappyContent>(
+            HappyContent(
+                routineId = 1,
+                title = "관계쌓기",
+                content = "성숙한 사랑을 만나기 위한",
+                imageUrl = R.drawable.ic_happy_red,
+            ),
+            HappyContent(
+                routineId = 2,
+                title = "관계쌓기",
+                content = "진정성 있는 관계를 만드는",
+                imageUrl = R.drawable.ic_happy_red,
+            ),
+            HappyContent(
+                routineId = 3,
+                title = "한 걸음 성장",
+                content = "나를 알고 진짜 목표를 세우는",
+                imageUrl = R.drawable.ic_happy_orange,
+            ),
+            HappyContent(
+                routineId = 4,
+                title = "한 걸음 성장",
+                content = "좋아하는, 잘하는 일을 찾아 가는",
+                imageUrl = R.drawable.ic_happy_orange,
+            ),
+            HappyContent(
+                routineId = 5,
+                title = "잘 쉬어가기",
+                content = "데이터가 아직 없습니다",
+                imageUrl = R.drawable.ic_happy_green,
+            ),
+            HappyContent(
+                routineId = 6,
+                title = "새로운 나",
+                content = "나를 알고 진짜 목표를 세우는",
+                imageUrl = R.drawable.ic_happy_blue,
+            ),
+            HappyContent(
+                routineId = 7,
+                title = "마음 챙김",
+                content = "데이터가 아직 없습니다",
+                imageUrl = R.drawable.ic_happy_purple,
+            ),
+        )
+
+        _mockHappyChipList.value = listOf<HappyChip>(
+            HappyChip(
+                themeId = 1,
+                name = "전체",
+            ),
+            HappyChip(
+                themeId = 2,
+                name = "관계쌓기",
+            ),
+            HappyChip(
+                themeId = 3,
+                name = "한 걸음 성장",
+            ),
+            HappyChip(
+                themeId = 4,
+                name = "잘 쉬어가기",
+            ),
+            HappyChip(
+                themeId = 5,
+                name = "새로운 나",
+            ),
+            HappyChip(
+                themeId = 6,
+                name = "마음 챙김",
+            )
+        )
+
+        _mockHappyContentListOne.value = listOf<HappyContent>(
+            HappyContent(
+                routineId = 1,
+                title = "관계쌓기",
+                content = "성숙한 사랑을 만나기 위한",
+                imageUrl = R.drawable.ic_happy_red,
+            ),
+            HappyContent(
+                routineId = 2,
+                title = "관계쌓기",
+                content = "진정성 있는 관계를 만드는",
+                imageUrl = R.drawable.ic_happy_red,
+            ),
+        )
+
+        _mockHappyContentListTwo.value = listOf<HappyContent>(
+            HappyContent(
+                routineId = 3,
+                title = "한 걸음 성장",
+                content = "나를 알고 진짜 목표를 세우는",
+                imageUrl = R.drawable.ic_happy_orange,
+            ),
+            HappyContent(
+                routineId = 4,
+                title = "한 걸음 성장",
+                content = "좋아하는, 잘하는 일을 찾아 가는",
+                imageUrl = R.drawable.ic_happy_orange,
+            ),
+        )
+
+        _mockHappyContentListThree.value = listOf<HappyContent>(
+            HappyContent(
+                routineId = 5,
+                title = "잘 쉬어가기",
+                content = "데이터가 아직 없습니다",
+                imageUrl = R.drawable.ic_happy_green,
+            ),
+        )
+
+        _mockHappyContentListFour.value = listOf<HappyContent>(
+            HappyContent(
+                routineId = 6,
+                title = "새로운 나",
+                content = "나를 알고 진짜 목표를 세우는",
+                imageUrl = R.drawable.ic_happy_blue,
+            ),
+        )
+
+        _mockHappyContentListFive.value = listOf<HappyContent>(
+            HappyContent(
+                routineId = 7,
+                title = "마음 챙김",
+                content = "데이터가 아직 없습니다",
+                imageUrl = R.drawable.ic_happy_purple,
+            ),
+        )
+    }
+}

app/src/main/java/com/sopetit/softie/ui/main/happy/HappyEmptyFragment.kt → app/src/main/java/com/sopetit/softie/ui/main/happy/empty/HappyEmptyFragment.kt

@@ -1,4 +1,4 @@
-package com.sopetit.softie.ui.main.happy
+package com.sopetit.softie.ui.main.happy.empty
 
 import android.os.Bundle
 import android.view.LayoutInflater