article detail fragment

Author: sijan8s3

app/src/main/java/com/sijanneupane/mvvmnews/models/Article.kt

@@ -2,6 +2,7 @@ package com.sijanneupane.mvvmnews.models
 
 import androidx.room.Entity
 import androidx.room.PrimaryKey
+import java.io.Serializable
 
 /*
 To save the article to database we need to annotate the class with entity
@@ -23,4 +24,5 @@ data class Article(
     val title: String,
     val url: String,
     val urlToImage: String
-)
+) : Serializable
+//serializing to send whole class with bundle

app/src/main/java/com/sijanneupane/mvvmnews/ui/fragments/ArticleFragment.kt

@@ -2,17 +2,30 @@ package com.sijanneupane.mvvmnews.ui.fragments
 
 import android.os.Bundle
 import android.view.View
+import android.webkit.WebViewClient
 import androidx.fragment.app.Fragment
+import androidx.navigation.fragment.navArgs
 import com.sijanneupane.mvvmnews.R
 import com.sijanneupane.mvvmnews.ui.MainActivity
 import com.sijanneupane.mvvmnews.ui.NewsViewModel
+import kotlinx.android.synthetic.main.fragment_article.*
 
 class ArticleFragment : Fragment(R.layout.fragment_article){
     lateinit var viewModel: NewsViewModel
+    //get articles as global element
+    val args: ArticleFragmentArgs by navArgs() //ArticleFragmentArgs is generated by navigation component when we add the args
 
     override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
         super.onViewCreated(view, savedInstanceState)
         viewModel= (activity as MainActivity).viewModel
 
+        //get the current article that was passed as arguments to this fragment
+        val article = args.article
+        webView.apply {
+            webViewClient= WebViewClient()
+            loadUrl(article.url)
+        }
+
+
     }
 }

app/src/main/java/com/sijanneupane/mvvmnews/ui/fragments/BreakingNewsFragment.kt

@@ -7,6 +7,7 @@ import android.widget.LinearLayout
 import androidx.fragment.app.Fragment
 import androidx.lifecycle.Observer
 import androidx.lifecycle.viewModelScope
+import androidx.navigation.fragment.findNavController
 import androidx.recyclerview.widget.LinearLayoutManager
 import com.sijanneupane.mvvmnews.R
 import com.sijanneupane.mvvmnews.adapters.NewsAdapter
@@ -30,6 +31,17 @@ class BreakingNewsFragment : Fragment(R.layout.fragment_breaking_news) {
 
         setupRecyclerView()
 
+        newsAdapter.setOnItemClickListener {
+            val bundle= Bundle().apply{
+                //adding serializable article object class to the bundle
+                putSerializable("article", it)
+        }
+            findNavController().navigate(
+                R.id.action_breakingNewsFragment_to_articleFragment,
+                bundle
+            )
+        }
+
         //subscribe to live data
         viewModel.breakingNews.observe(viewLifecycleOwner, Observer { response->
             when(response){

app/src/main/java/com/sijanneupane/mvvmnews/ui/fragments/SavedNewsFragment.kt

@@ -3,19 +3,47 @@ package com.sijanneupane.mvvmnews.ui.fragments
 import android.os.Bundle
 import android.view.View
 import androidx.fragment.app.Fragment
+import androidx.navigation.fragment.findNavController
+import androidx.recyclerview.widget.LinearLayoutManager
 import com.sijanneupane.mvvmnews.R
+import com.sijanneupane.mvvmnews.adapters.NewsAdapter
 import com.sijanneupane.mvvmnews.ui.MainActivity
 import com.sijanneupane.mvvmnews.ui.NewsViewModel
+import kotlinx.android.synthetic.main.fragment_saved_news.*
+import kotlinx.android.synthetic.main.fragment_search_news.*
 
 class SavedNewsFragment : Fragment(R.layout.fragment_saved_news) {
 
     lateinit var viewModel: NewsViewModel
+    lateinit var newsAdapter: NewsAdapter
 
     override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
         super.onViewCreated(view, savedInstanceState)
 
         //set viewModels to fragment activity
         //and we cast that as MainActivity so that we can have access to the view model created at MainActivity
         viewModel= (activity as MainActivity).viewModel
+
+        setupRecyclerView()
+
+
+        newsAdapter.setOnItemClickListener {
+            val bundle= Bundle().apply{
+                //adding serializable article object class to the bundle
+                putSerializable("article", it)
+            }
+            findNavController().navigate(
+                R.id.action_savedNewsFragment_to_articleFragment,
+                bundle
+            )
+        }
+    }
+
+    private fun setupRecyclerView(){
+        newsAdapter= NewsAdapter()
+        rvSavedNews.apply {
+            adapter = newsAdapter
+            layoutManager = LinearLayoutManager(activity)
+        }
     }
 }

app/src/main/java/com/sijanneupane/mvvmnews/ui/fragments/SearchNewsFragment.kt

@@ -6,6 +6,7 @@ import android.view.View
 import androidx.core.widget.addTextChangedListener
 import androidx.fragment.app.Fragment
 import androidx.lifecycle.Observer
+import androidx.navigation.fragment.findNavController
 import androidx.recyclerview.widget.LinearLayoutManager
 import com.sijanneupane.mvvmnews.R
 import com.sijanneupane.mvvmnews.adapters.NewsAdapter
@@ -33,6 +34,16 @@ class SearchNewsFragment : Fragment (R.layout.fragment_search_news) {
         viewModel= (activity as MainActivity).viewModel
         setupRecyclerView()
 
+        newsAdapter.setOnItemClickListener {
+            val bundle= Bundle().apply{
+                putSerializable("article", it)
+            }
+            findNavController().navigate(
+                R.id.action_searchNewsFragment_to_articleFragment,
+                bundle
+            )
+        }
+
         //implementing search delay
         var job: Job? = null
         etSearch.addTextChangedListener {editable->

app/src/main/res/layout/fragment_article.xml

@@ -19,7 +19,8 @@
         android:layout_marginBottom="32dp"
         android:layout_marginEnd="32dp"
         app:layout_constraintBottom_toBottomOf="parent"
-        app:layout_constraintEnd_toEndOf="parent" />
+        app:layout_constraintEnd_toEndOf="parent"
+        android:contentDescription="@string/save" />
 
 </androidx.constraintlayout.widget.ConstraintLayout>
 

app/src/main/res/navigation/news_nav_graph.xml

@@ -43,5 +43,9 @@
     <fragment
         android:id="@+id/articleFragment"
         android:name="com.sijanneupane.mvvmnews.ui.fragments.ArticleFragment"
-        android:label="ArticleFragment" />
+        android:label="ArticleFragment" >
+        <argument
+            android:name="article"
+            app:argType="com.sijanneupane.mvvmnews.models.Article" />
+    </fragment>
 </navigation>

app/src/main/res/values/strings.xml

@@ -1,3 +1,4 @@
 <resources>
     <string name="app_name">MVVM News</string>
+    <string name="save">Save</string>
 </resources>