WIP part of #161: Exploration player base 2 contentcard

app/build.gradle

@@ -64,7 +64,10 @@ dependencies {
       'com.google.dagger:dagger:2.24',
       "org.jetbrains.kotlin:kotlin-stdlib-jdk7:$kotlin_version",
       "org.jetbrains.kotlinx:kotlinx-coroutines-core:1.2.1",
-      "org.jetbrains.kotlinx:kotlinx-coroutines-android:1.2.1"
+      "org.jetbrains.kotlinx:kotlinx-coroutines-android:1.2.1",
+      'androidx.recyclerview:recyclerview:1.0.0',
+      'com.github.bumptech.glide:glide:4.9.0',
+      'org.jsoup:jsoup:1.12.1',
   )
   testImplementation(
       'androidx.test:core:1.2.0',

app/src/main/AndroidManifest.xml

@@ -3,6 +3,7 @@
   xmlns:android="http://schemas.android.com/apk/res/android"
   package="org.oppia.app">
 
+  <uses-permission android:name="android.permission.INTERNET"/>
   <application
     android:name=".application.OppiaApplication"
     android:allowBackup="true"
@@ -11,6 +12,7 @@
     android:roundIcon="@mipmap/ic_launcher_round"
     android:supportsRtl="true"
     android:theme="@style/OppiaTheme">
+    <activity android:name=".player.exploration.ExplorationActivity"/>
     <activity android:name="org.oppia.app.home.HomeActivity">
       <intent-filter>
         <action android:name="android.intent.action.MAIN"/>

app/src/main/java/org/oppia/app/activity/ActivityComponent.kt

@@ -5,6 +5,7 @@ import dagger.BindsInstance
 import dagger.Subcomponent
 import org.oppia.app.fragment.FragmentComponent
 import org.oppia.app.home.HomeActivity
+import org.oppia.app.player.exploration.ExplorationActivity
 import javax.inject.Provider
 
 /** Root subcomponent for all activities. */
@@ -19,5 +20,6 @@ interface ActivityComponent {
 
   fun getFragmentComponentBuilderProvider(): Provider<FragmentComponent.Builder>
 
+  fun inject(explorationActivity: ExplorationActivity)
   fun inject(homeActivity: HomeActivity)
 }

app/src/main/java/org/oppia/app/fragment/FragmentComponent.kt

@@ -4,6 +4,9 @@ import androidx.fragment.app.Fragment
 import dagger.BindsInstance
 import dagger.Subcomponent
 import org.oppia.app.home.HomeFragment
+import org.oppia.app.player.content.ContentListFragment
+import org.oppia.app.player.exploration.ExplorationFragment
+import org.oppia.app.player.state.StateFragment
 
 /** Root subcomponent for all fragments. */
 @Subcomponent
@@ -15,5 +18,8 @@ interface FragmentComponent {
     fun build(): FragmentComponent
   }
 
+  fun inject(explorationFragment: ExplorationFragment)
   fun inject(homeFragment: HomeFragment)
+  fun inject(stateFragment: StateFragment)
+  fun inject(contentListFragment: ContentListFragment)
 }

app/src/main/java/org/oppia/app/home/HomeFragmentController.kt

@@ -1,11 +1,15 @@
 package org.oppia.app.home
 
+import android.content.Intent
 import android.view.LayoutInflater
 import android.view.View
 import android.view.ViewGroup
+import androidx.core.content.ContextCompat.startActivity
 import androidx.fragment.app.Fragment
+import kotlinx.android.synthetic.main.home_fragment.view.*
 import org.oppia.app.databinding.HomeFragmentBinding
 import org.oppia.app.fragment.FragmentScope
+import org.oppia.app.player.exploration.ExplorationActivity
 import org.oppia.app.viewmodel.ViewModelProvider
 import org.oppia.domain.UserAppHistoryController
 import javax.inject.Inject
@@ -16,7 +20,7 @@ class HomeFragmentController @Inject constructor(
   private val fragment: Fragment,
   private val viewModelProvider: ViewModelProvider<UserAppHistoryViewModel>,
   private val userAppHistoryController: UserAppHistoryController
-) {
+){
   fun handleCreateView(inflater: LayoutInflater, container: ViewGroup?): View? {
     val binding = HomeFragmentBinding.inflate(inflater, container, /* attachToRoot= */ false)
     // NB: Both the view model and lifecycle owner must be set in order to correctly bind LiveData elements to
@@ -28,6 +32,10 @@ class HomeFragmentController @Inject constructor(
 
     userAppHistoryController.markUserOpenedApp()
 
+    binding.root.btnExploration.setOnClickListener {
+      val intent = Intent(fragment.requireContext(), ExplorationActivity::class.java)
+      fragment.requireContext().startActivity(intent) }
+
     return binding.root
   }
 

app/src/main/java/org/oppia/app/player/content/ContentCardAdapter.kt

@@ -0,0 +1,135 @@
+package org.oppia.app.player.content
+
+import android.content.Context
+import android.text.Editable
+import android.text.Html
+import android.text.Spannable
+import android.text.Spanned
+import android.util.Log
+import android.view.LayoutInflater
+import android.view.ViewGroup
+import androidx.databinding.DataBindingUtil
+import androidx.databinding.ViewDataBinding
+import androidx.databinding.library.baseAdapters.BR
+import androidx.recyclerview.widget.RecyclerView
+import kotlinx.android.synthetic.main.content_card_items.view.*
+import org.oppia.app.R
+import org.oppia.app.databinding.ContentCardItemsBinding
+import org.oppia.app.databinding.RightInteractionCardItemBinding
+import org.oppia.data.backends.gae.model.GaeSubtitledHtml
+import org.oppia.util.data.UrlImageParser
+import org.xml.sax.Attributes
+
+/** Adapter to bind the HTML contents to the [RecyclerView]. */
+class ContentCardAdapter(
+  private val context: Context,
+  val contentList: MutableList<GaeSubtitledHtml>
+) : RecyclerView.Adapter<RecyclerView.ViewHolder>() {
+
+  private val VIEW_TYPE_CONTENT = 1
+  private val VIEW_TYPE_RIGHT_INTERACTION = 2
+
+  override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): RecyclerView.ViewHolder {
+
+    return when (viewType) {
+      VIEW_TYPE_CONTENT -> {
+        val inflater = LayoutInflater.from(parent.getContext())
+        val binding =
+          DataBindingUtil.inflate<ContentCardItemsBinding>(inflater, R.layout.content_card_items, parent, false)
+        ContentViewHolder(binding)
+      }
+      VIEW_TYPE_RIGHT_INTERACTION -> {
+        val inflater = LayoutInflater.from(parent.getContext())
+        val binding =
+          DataBindingUtil.inflate<RightInteractionCardItemBinding>(inflater, R.layout.right_interaction_card_item, parent, false)
+        RightInteractionViewHolder(binding)
+      }
+      else -> throw IllegalArgumentException("Invalid view type")
+    }
+  }
+
+  override fun onBindViewHolder(holder: RecyclerView.ViewHolder, position: Int) {
+
+    when (holder.itemViewType) {
+      VIEW_TYPE_CONTENT -> (holder as ContentViewHolder).bind(contentList!!.get(position).html)
+      VIEW_TYPE_RIGHT_INTERACTION -> (holder as RightInteractionViewHolder).bind(contentList!!.get(position).html)
+    }
+  }
+
+  // Determines the appropriate ViewType according to the sender of the message.
+  override fun getItemViewType(position: Int): Int {
+
+    return if (!contentList!!.get(position).contentId!!.contains("content") && !contentList!!.get(position).contentId!!.contains("Feedback")) {
+      VIEW_TYPE_RIGHT_INTERACTION
+    } else {
+      VIEW_TYPE_CONTENT
+    }
+  }
+
+  override fun getItemCount(): Int {
+    return contentList!!.size
+  }
+
+  inner class ContentViewHolder(val binding: ViewDataBinding) : RecyclerView.ViewHolder(binding.root) {
+
+    fun bind(str: String?) {
+
+      var htmlContent = str
+
+      binding.setVariable(BR.htmlContent, htmlContent)
+      binding.executePendingBindings();
+
+      var CUSTOM_TAG = "oppia-noninteractive-image"
+      var HTML_TAG = "img"
+      var CUSTOM_ATTRIBUTE = "filepath-with-value"
+      var HTML_ATTRIBUTE = "src"
+
+      if (htmlContent!!.contains(CUSTOM_TAG)) {
+
+        htmlContent = htmlContent.replace(CUSTOM_TAG, HTML_TAG, false);
+        htmlContent = htmlContent.replace(CUSTOM_ATTRIBUTE, HTML_ATTRIBUTE, false);
+        htmlContent = htmlContent.replace("&amp;quot;", "")
+      }
+
+      var imageGetter = UrlImageParser(binding.root.tvContents, context)
+      val html: Spannable
+      if (android.os.Build.VERSION.SDK_INT >= android.os.Build.VERSION_CODES.N) {
+        html = Html.fromHtml(htmlContent, Html.FROM_HTML_MODE_LEGACY, imageGetter, null) as Spannable
+      } else {
+        html = Html.fromHtml(htmlContent, imageGetter, null) as Spannable
+      }
+      binding.root.tvContents.text = html
+    }
+  }
+
+  inner class RightInteractionViewHolder(val binding: ViewDataBinding) : RecyclerView.ViewHolder(binding.root) {
+
+    fun bind(str: String?) {
+      var htmlContent = str
+
+      binding.setVariable(BR.htmlContent, htmlContent)
+      binding.executePendingBindings();
+
+      var CUSTOM_TAG = "oppia-noninteractive-image"
+      var HTML_TAG = "img"
+      var CUSTOM_ATTRIBUTE = "filepath-with-value"
+      var HTML_ATTRIBUTE = "src"
+
+      if (htmlContent!!.contains(CUSTOM_TAG)) {
+
+        htmlContent = htmlContent.replace(CUSTOM_TAG, HTML_TAG, false);
+        htmlContent = htmlContent.replace(CUSTOM_ATTRIBUTE, HTML_ATTRIBUTE, false);
+        htmlContent = htmlContent.replace("&amp;quot;", "")
+      }
+
+      var imageGetter = UrlImageParser(binding.root.tvContents, context)
+      val html: Spannable
+      if (android.os.Build.VERSION.SDK_INT >= android.os.Build.VERSION_CODES.N) {
+        html = Html.fromHtml(htmlContent, Html.FROM_HTML_MODE_LEGACY, imageGetter, null) as Spannable
+      } else {
+        html = Html.fromHtml(htmlContent, imageGetter, null) as Spannable
+      }
+      binding.root.tvContents.text = html
+    }
+  }
+}

app/src/main/java/org/oppia/app/player/content/ContentListFragment.kt

@@ -0,0 +1,42 @@
+package org.oppia.app.player.content
+
+import android.content.Context
+import android.os.Bundle
+import android.util.Log
+import androidx.fragment.app.Fragment
+import android.view.LayoutInflater
+import android.view.View
+import android.view.ViewGroup
+import android.widget.Button
+
+import androidx.recyclerview.widget.LinearLayoutManager
+import androidx.recyclerview.widget.RecyclerView
+import org.oppia.app.R
+import org.oppia.app.fragment.InjectableFragment
+import org.oppia.data.backends.gae.NetworkModule
+import org.oppia.data.backends.gae.model.GaeExplorationContainer
+import org.oppia.data.backends.gae.model.GaeState
+import org.oppia.data.backends.gae.model.GaeSubtitledHtml
+import retrofit2.Call
+import retrofit2.Callback
+import retrofit2.Response
+import java.lang.Exception
+
+import java.util.ArrayList
+import javax.inject.Inject
+
+/** Fragment that displays rich-text content. */
+class ContentListFragment : InjectableFragment() {
+
+  @Inject
+  lateinit var contentListFragmentPresenter: ContentListFragmentPresenter
+
+  override fun onAttach(context: Context?) {
+    super.onAttach(context)
+    fragmentComponent.inject(this)
+  }
+
+  override fun onCreateView(inflater: LayoutInflater, container: ViewGroup?, savedInstanceState: Bundle?): View? {
+    return contentListFragmentPresenter.handleCreateView(inflater, container)
+  }
+}

app/src/main/java/org/oppia/app/player/content/ContentListFragmentPresenter.kt

@@ -0,0 +1,67 @@
+package org.oppia.app.player.content
+
+import android.content.Context
+import android.view.LayoutInflater
+import android.view.View
+import android.view.ViewGroup
+import androidx.fragment.app.Fragment
+import androidx.recyclerview.widget.LinearLayoutManager
+import org.oppia.app.application.ApplicationContext
+import org.oppia.app.databinding.ContentListFragmentBinding
+import org.oppia.data.backends.gae.model.GaeSubtitledHtml
+import javax.inject.Inject
+
+/** Presenter for [ContentListFragment]. */
+class ContentListFragmentPresenter @Inject constructor(
+  @ApplicationContext private val context: Context,
+  private val fragment: Fragment
+) {
+
+  private lateinit var binding: ContentListFragmentBinding
+  var contentCardAdapter: ContentCardAdapter? = null
+  var contentList: MutableList<GaeSubtitledHtml> = ArrayList()
+
+  fun handleCreateView(inflater: LayoutInflater, container: ViewGroup?): View? {
+
+    binding = ContentListFragmentBinding.inflate(inflater, container, /* attachToRoot= */ false)
+
+    binding.recyclerView.apply {
+
+      binding.recyclerView.layoutManager = LinearLayoutManager(context)
+      contentCardAdapter = ContentCardAdapter(context, contentList);
+      binding.contentCardAdapter = ContentCardAdapter(context, contentList);
+    }
+    fetchDummyExplorations()
+
+    return binding.root
+  }
+
+  //TODO (#121) :Replace this once interface for ExplorationDataController is available
+  private fun fetchDummyExplorations() {
+
+    contentList.add(
+      GaeSubtitledHtml(
+        "content",
+        "\u003cp\u003eMeet Matthew!\u003c/p\u003e\u003coppia-noninteractive-image alt-with-value=\"\u0026amp;quot;A boy with a red shirt and blue trousers.\u0026amp;quot;\" caption-with-value=\"\u0026amp;quot;\u0026amp;quot;\" filepath-with-value=\"\u0026amp;quot;img_20180121_113315_pqwqhf863w_height_565_width_343.png\u0026amp;quot;\"\u003e\u003c/oppia-noninteractive-image\u003e\u003cp\u003eMatthew is a young man who likes friends, sports, and eating cake! He also likes learning new things. We\u2019ll follow Matthew as he learns about fractions and how to use them.\u003cbr\u003e\u003c/p\u003e\u003cp\u003eYou should know the following before going on:\u003cbr\u003e\u003c/p\u003e\u003cul\u003e\u003cli\u003eThe counting numbers (1, 2, 3, 4, 5 \u2026.)\u003cbr\u003e\u003c/li\u003e\u003cli\u003eHow to tell whether one counting number is bigger or smaller than another\u003cbr\u003e\u003c/li\u003e\u003c/ul\u003e\u003cp\u003eYou should also get some paper and a pen or pencil to write with, and find a quiet place to work. Take your time, and go through the story at your own pace. Understanding is more important than speed!\u003cbr\u003e\u003c/p\u003e\u003cp\u003eOnce you\u2019re ready, click \u003cstrong\u003eContinue\u003c/strong\u003e to get started!\u003cbr\u003e\u003c/p\u003e"
+      )
+    )
+    contentList.add(
+      GaeSubtitledHtml(
+        "content",
+        "\u003cp\u003e\"OK!\" said Mr. Baker. \"Here's a question for you.\"\u003cbr\u003e\u003c/p\u003e\u003cp\u003e\u003cstrong\u003eQuestion 1\u003c/strong\u003e: If we talk about wanting \u003coppia-noninteractive-math raw_latex-with-value=\"\u0026amp;quot;\\\\frac{4}{7}\u0026amp;quot;\"\u003e\u003c/oppia-noninteractive-math\u003e of a cake, what does the 7 represent?\u003c/p\u003e"
+      )
+    )
+    contentList.add(
+      GaeSubtitledHtml(
+        "content", "\u003cp\u003eThe number of pieces of cake I want.\u003c/p\u003e" +
+            "\u003cp\u003eThe number of pieces the whole cake is cut into.\u003c/p\u003e" +
+            "\u003cp\u003eI don't remember!\u003c/p\u003e"
+      )
+    )
+    contentList.add(GaeSubtitledHtml("Textinput", "\u003cp\u003eThe number of pieces of cake I want.\u003c/p\u003e"))
+    contentList.add(GaeSubtitledHtml("Feedback", "\u003cp\u003eNot quite. Let's look at it again.\u003c/p\u003e"))
+
+    contentList.add(GaeSubtitledHtml("Textinput", "\u003cp\u003eI don't remember!\u003c/p\u003e"))
+    contentList.add(GaeSubtitledHtml("Feedback", "\u003cp\u003eThat's OK. Let's look at it again.\u003c/p\u003e"))
+  }
+}

app/src/main/java/org/oppia/app/player/exploration/ExplorationActivity.kt

@@ -0,0 +1,17 @@
+package org.oppia.app.player.exploration
+
+import android.os.Bundle
+import org.oppia.app.activity.InjectableAppCompatActivity
+import javax.inject.Inject
+
+/** The starting point for explorations. */
+class ExplorationActivity : InjectableAppCompatActivity() {
+
+  @Inject lateinit var explorationActivityPresenter: ExplorationActivityPresenter
+
+  override fun onCreate(savedInstanceState: Bundle?) {
+    super.onCreate(savedInstanceState)
+    activityComponent.inject(this)
+    explorationActivityPresenter.handleOnCreate()
+  }
+}