ui: 여행 화면 구현 #51

android/Staccato_AN/app/src/main/java/com/woowacourse/staccato/presentation/BindingAdapters.kt

@@ -14,6 +14,7 @@ import com.bumptech.glide.load.resource.bitmap.RoundedCorners
 import com.bumptech.glide.request.RequestOptions
 import com.woowacourse.staccato.R
 import com.woowacourse.staccato.presentation.visitcreation.model.TravelUiModel
+import java.time.LocalDate
 
 @BindingAdapter(
     value = ["coilImageUrl", "coilPlaceHolder"],
@@ -104,6 +105,24 @@ fun ImageView.setRoundedCornerImageWithGlide(
         .into(this)
 }
 
+@BindingAdapter(
+    value = ["travelTitle", "startDate", "endDate"],
+)
+fun Button.setTravelSaveButtonActive(
+    title: String?,
+    startDate: LocalDate?,
+    endDate: LocalDate?,
+) {
+    isEnabled =
+        if (title.isNullOrEmpty() || startDate == null || endDate == null) {
+            setTextColor(resources.getColor(R.color.gray4, null))
+            false
+        } else {
+            setTextColor(resources.getColor(R.color.white, null))
+            true
+        }
+}
+
 @BindingAdapter("bindSetSelectedTravel")
 fun TextView.setSelectedTravel(selectedTravel: TravelUiModel?) {
     if (selectedTravel == null) {
@@ -143,6 +162,21 @@ fun Button.setVisitUpdateButtonActive(
         }
 }
 
+@BindingAdapter(
+    value = ["startDate", "endDate"],
+)
+fun TextView.setTravelPeriod(
+    startDate: LocalDate?,
+    endDate: LocalDate?,
+) {
+    if (startDate == null || endDate == null) {
+        text = resources.getString(R.string.travel_creation_period_hint)
+    } else {
+        text = resources.getString(R.string.travel_creation_period_description).format(startDate, endDate)
+        setTextColor(resources.getColor(R.color.staccato_black, null))
+    }
+}
+
 @BindingAdapter("bindSetVisitedAtConfirmButtonActive")
 fun Button.setVisitedAtConfirmButtonActive(items: List<String>?) {
     isEnabled =

android/Staccato_AN/app/src/main/java/com/woowacourse/staccato/presentation/common/Event.kt

@@ -0,0 +1,26 @@
+package com.woowacourse.staccato.presentation.common
+
+/**
+ * Used as a wrapper for data that is exposed via a LiveData that represents an event.
+ */
+open class Event<out T>(private val content: T) {
+    var hasBeenHandled = false
+        private set // Allow external read but not write
+
+    /**
+     * Returns the content and prevents its use again.
+     */
+    fun getContentIfNotHandled(): T? {
+        return if (hasBeenHandled) {
+            null
+        } else {
+            hasBeenHandled = true
+            content
+        }
+    }
+
+    /**
+     * Returns the content, even if it's already been handled.
+     */
+    fun peekContent(): T = content
+}

android/Staccato_AN/app/src/main/java/com/woowacourse/staccato/presentation/common/MutableSingleLiveData.kt

@@ -0,0 +1,15 @@
+package com.woowacourse.staccato.presentation.common
+
+class MutableSingleLiveData<T> : SingleLiveData<T> {
+    constructor() : super()
+
+    constructor(value: T) : super(value)
+
+    public override fun postValue(value: T) {
+        super.postValue(value)
+    }
+
+    public override fun setValue(value: T) {
+        super.setValue(value)
+    }
+}

android/Staccato_AN/app/src/main/java/com/woowacourse/staccato/presentation/common/SingleLiveData.kt

@@ -0,0 +1,38 @@
+package com.woowacourse.staccato.presentation.common
+
+import androidx.lifecycle.LifecycleOwner
+import androidx.lifecycle.MutableLiveData
+
+abstract class SingleLiveData<T> {
+    private val liveData = MutableLiveData<Event<T>>()
+
+    protected constructor()
+
+    protected constructor(value: T) {
+        liveData.value = Event(value)
+    }
+
+    protected open fun setValue(value: T) {
+        liveData.value = Event(value)
+    }
+
+    protected open fun postValue(value: T) {
+        liveData.postValue(Event(value))
+    }
+
+    fun getValue() = liveData.value?.peekContent()
+
+    fun observe(
+        owner: LifecycleOwner,
+        onResult: (T) -> Unit,
+    ) {
+        liveData.observe(owner) { it.getContentIfNotHandled()?.let(onResult) }
+    }
+
+    fun observePeek(
+        owner: LifecycleOwner,
+        onResult: (T) -> Unit,
+    ) {
+        liveData.observe(owner) { onResult(it.peekContent()) }
+    }
+}

android/Staccato_AN/app/src/main/java/com/woowacourse/staccato/presentation/travel/TravelFragment.kt

@@ -1,29 +1,99 @@
 package com.woowacourse.staccato.presentation.travel
 
+import android.app.ProgressDialog.show
 import android.os.Bundle
 import android.view.View
+import androidx.core.os.bundleOf
+import androidx.fragment.app.viewModels
 import androidx.navigation.fragment.findNavController
+import com.woowacourse.staccato.DeleteDialogFragment
 import com.woowacourse.staccato.R
 import com.woowacourse.staccato.databinding.FragmentTravelBinding
+import com.woowacourse.staccato.presentation.ToolbarHandler
 import com.woowacourse.staccato.presentation.base.BindingFragment
 import com.woowacourse.staccato.presentation.main.MainActivity
+import com.woowacourse.staccato.presentation.travel.adapter.MatesAdapter
+import com.woowacourse.staccato.presentation.travel.adapter.VisitsAdapter
+import com.woowacourse.staccato.presentation.travel.viewmodel.TravelViewModel
+import com.woowacourse.staccato.presentation.travel.viewmodel.TravelViewModelFactory
 import com.woowacourse.staccato.presentation.travelupdate.TravelUpdateActivity
 
-class TravelFragment : BindingFragment<FragmentTravelBinding>(R.layout.fragment_travel) {
+class TravelFragment :
+    BindingFragment<FragmentTravelBinding>(R.layout.fragment_travel),
+    ToolbarHandler {
+    private val viewModel: TravelViewModel by viewModels {
+        TravelViewModelFactory()
+    }
+    private val deleteDialog = DeleteDialogFragment { findNavController().popBackStack() }
+
+    private lateinit var matesAdapter: MatesAdapter
+    private lateinit var visitsAdapter: VisitsAdapter
+
     override fun onViewCreated(
         view: View,
         savedInstanceState: Bundle?,
     ) {
-        binding.btnTravelUpdate.setOnClickListener {
-            val travelUpdateLauncher = (activity as MainActivity).travelUpdateLauncher
-            TravelUpdateActivity.startWithResultLauncher(
-                this.requireActivity(),
-                travelUpdateLauncher,
-            )
-//            findNavController().navigate(R.id.action_travelFragment_to_travelUpdateFragment)
+        initBinding()
+        initToolbar()
+        initMatesAdapter()
+        initVisitsAdapter()
+        observeTravel()
+        navigateToVisit()
+    }
+
+    private fun initBinding() {
+        binding.lifecycleOwner = this
+        binding.viewModel = viewModel
+        binding.toolbarHandler = this
+    }
+
+    private fun initToolbar() {
+        binding.includeTravelToolbar.toolbarDetail.setNavigationOnClickListener {
+            findNavController().popBackStack()
         }
-        binding.btnVisit.setOnClickListener {
-            findNavController().navigate(R.id.action_travelFragment_to_visitFragment)
+    }
+
+    private fun observeTravel() {
+        viewModel.loadTravel()
+        viewModel.travel.observe(viewLifecycleOwner) { travel ->
+            matesAdapter.updateMates(travel.mates)
+            visitsAdapter.updateVisits(travel.visits)
         }
     }
+
+    private fun initMatesAdapter() {
+        matesAdapter = MatesAdapter()
+        binding.rvTravelMates.adapter = matesAdapter
+    }
+
+    private fun initVisitsAdapter() {
+        visitsAdapter = VisitsAdapter(handler = viewModel)
+        binding.rvTravelVisits.adapter = visitsAdapter
+    }
+
+    private fun navigateToVisit() {
+        viewModel.visitId.observe(viewLifecycleOwner) { visitId ->
+            val bundle = bundleOf(VISIT_ID_KEY to visitId)
+            findNavController().navigate(R.id.action_travelFragment_to_visitFragment, bundle)
+        }
+    }
+
+    override fun onUpdateClicked() {
+        val travelUpdateLauncher = (activity as MainActivity).travelUpdateLauncher
+        TravelUpdateActivity.startWithResultLauncher(
+            requireActivity(),
+            travelUpdateLauncher,
+        )
+    }
+
+    override fun onDeleteClicked() {
+        val fragmentManager = parentFragmentManager
+        deleteDialog.apply {
+            show(fragmentManager, DeleteDialogFragment.TAG)
+        }
+    }
+
+    companion object {
+        const val VISIT_ID_KEY = "visitId"
+    }
 }

android/Staccato_AN/app/src/main/java/com/woowacourse/staccato/presentation/travel/TravelHandler.kt

@@ -0,0 +1,5 @@
+package com.woowacourse.staccato.presentation.travel
+
+interface TravelHandler {
+    fun onVisitClicked(visitId: Long)
+}

android/Staccato_AN/app/src/main/java/com/woowacourse/staccato/presentation/travel/adapter/MatesAdapter.kt

@@ -0,0 +1,45 @@
+package com.woowacourse.staccato.presentation.travel.adapter
+
+import android.view.LayoutInflater
+import android.view.ViewGroup
+import androidx.recyclerview.widget.DiffUtil
+import androidx.recyclerview.widget.ListAdapter
+import com.woowacourse.staccato.databinding.ItemMatesBinding
+import com.woowacourse.staccato.presentation.travel.model.MateUiModel
+
+class MatesAdapter : ListAdapter<MateUiModel, MatesViewHolder>(diffUtil) {
+    override fun onCreateViewHolder(
+        parent: ViewGroup,
+        viewType: Int,
+    ): MatesViewHolder {
+        val inflater = LayoutInflater.from(parent.context)
+        val binding = ItemMatesBinding.inflate(inflater, parent, false)
+        return MatesViewHolder(binding)
+    }
+
+    override fun onBindViewHolder(
+        holder: MatesViewHolder,
+        position: Int,
+    ) {
+        holder.bind(getItem(position))
+    }
+
+    fun updateMates(mates: List<MateUiModel>) {
+        submitList(mates)
+    }
+
+    companion object {
+        val diffUtil =
+            object : DiffUtil.ItemCallback<MateUiModel>() {
+                override fun areItemsTheSame(
+                    oldItem: MateUiModel,
+                    newItem: MateUiModel,
+                ): Boolean = oldItem.id == newItem.id
+
+                override fun areContentsTheSame(
+                    oldItem: MateUiModel,
+                    newItem: MateUiModel,
+                ): Boolean = oldItem == newItem
+            }
+    }
+}

android/Staccato_AN/app/src/main/java/com/woowacourse/staccato/presentation/travel/adapter/MatesViewHolder.kt

@@ -0,0 +1,13 @@
+package com.woowacourse.staccato.presentation.travel.adapter
+
+import androidx.recyclerview.widget.RecyclerView.ViewHolder
+import com.woowacourse.staccato.databinding.ItemMatesBinding
+import com.woowacourse.staccato.presentation.travel.model.MateUiModel
+
+class MatesViewHolder(
+    private val binding: ItemMatesBinding,
+) : ViewHolder(binding.root) {
+    fun bind(mate: MateUiModel) {
+        binding.mate = mate
+    }
+}