Fix Part of #4938: Introduce Onboarding Audio language screen

app/BUILD.bazel

@@ -211,6 +211,7 @@ VIEW_MODELS_WITH_RESOURCE_IMPORTS = [
     "src/main/java/org/oppia/android/app/home/recentlyplayed/PromotedStoryViewModel.kt",
     "src/main/java/org/oppia/android/app/home/recentlyplayed/RecentlyPlayedViewModel.kt",
     "src/main/java/org/oppia/android/app/home/topiclist/TopicSummaryViewModel.kt",
+    "src/main/java/org/oppia/android/app/onboarding/CreateProfileViewModel.kt",
     "src/main/java/org/oppia/android/app/onboarding/OnboadingSlideViewModel.kt",
     "src/main/java/org/oppia/android/app/onboarding/OnboardingViewModel.kt",
     "src/main/java/org/oppia/android/app/ongoingtopiclist/OngoingTopicItemViewModel.kt",

app/src/main/AndroidManifest.xml

@@ -332,7 +332,18 @@
     <activity
       android:name=".app.testing.ColorBindingAdaptersTestActivity"
       android:theme="@style/OppiaThemeWithoutActionBar" />
-
+    <activity
+      android:name=".app.onboarding.OnboardingProfileTypeActivity"
+      android:label="@string/onboarding_profile_type_activity_title"
+      android:theme="@style/OppiaThemeWithoutActionBar" />
+    <activity
+      android:name=".app.onboarding.CreateProfileActivity"
+      android:label="@string/create_profile_activity_title"
+      android:theme="@style/OppiaThemeWithoutActionBar" />
+    <activity
+      android:name=".app.onboarding.IntroActivity"
+      android:label="@string/onboarding_learner_intro_activity_title"
+      android:theme="@style/OppiaThemeWithoutActionBar" />
     <provider
       android:name="androidx.work.impl.WorkManagerInitializer"
       android:authorities="${applicationId}.workmanager-init"

app/src/main/java/org/oppia/android/app/activity/ActivityComponentImpl.kt

@@ -31,7 +31,10 @@ import org.oppia.android.app.help.thirdparty.ThirdPartyDependencyListActivity
 import org.oppia.android.app.home.HomeActivity
 import org.oppia.android.app.home.recentlyplayed.RecentlyPlayedActivity
 import org.oppia.android.app.mydownloads.MyDownloadsActivity
+import org.oppia.android.app.onboarding.CreateProfileActivity
+import org.oppia.android.app.onboarding.IntroActivity
 import org.oppia.android.app.onboarding.OnboardingActivity
+import org.oppia.android.app.onboarding.OnboardingProfileTypeActivity
 import org.oppia.android.app.ongoingtopiclist.OngoingTopicListActivity
 import org.oppia.android.app.options.AppLanguageActivity
 import org.oppia.android.app.options.AudioLanguageActivity
@@ -218,4 +221,7 @@ interface ActivityComponentImpl :
   fun inject(walkthroughActivity: WalkthroughActivity)
   fun inject(surveyActivity: SurveyActivity)
   fun inject(colorBindingAdaptersTestActivity: ColorBindingAdaptersTestActivity)
+  fun inject(onboardingProfileTypeActivity: OnboardingProfileTypeActivity)
+  fun inject(createProfileActivity: CreateProfileActivity)
+  fun inject(introActivity: IntroActivity)
 }

app/src/main/java/org/oppia/android/app/fragment/FragmentComponentImpl.kt

@@ -35,7 +35,10 @@ import org.oppia.android.app.notice.ForcedAppDeprecationNoticeDialogFragment
 import org.oppia.android.app.notice.GeneralAvailabilityUpgradeNoticeDialogFragment
 import org.oppia.android.app.notice.OptionalAppDeprecationNoticeDialogFragment
 import org.oppia.android.app.notice.OsDeprecationNoticeDialogFragment
+import org.oppia.android.app.onboarding.CreateProfileFragment
+import org.oppia.android.app.onboarding.IntroFragment
 import org.oppia.android.app.onboarding.OnboardingFragment
+import org.oppia.android.app.onboarding.OnboardingProfileTypeFragment
 import org.oppia.android.app.ongoingtopiclist.OngoingTopicListFragment
 import org.oppia.android.app.options.AppLanguageFragment
 import org.oppia.android.app.options.AudioLanguageFragment
@@ -194,4 +197,7 @@ interface FragmentComponentImpl : FragmentComponent, ViewComponentBuilderInjecto
   fun inject(exitSurveyConfirmationDialogFragment: ExitSurveyConfirmationDialogFragment)
   fun inject(surveyWelcomeDialogFragment: SurveyWelcomeDialogFragment)
   fun inject(surveyOutroDialogFragment: SurveyOutroDialogFragment)
+  fun inject(onboardingProfileTypeFragment: OnboardingProfileTypeFragment)
+  fun inject(createProfileFragment: CreateProfileFragment)
+  fun inject(introFragment: IntroFragment)
 }

app/src/main/java/org/oppia/android/app/onboarding/AudioLanguageFragmentPresenter.kt

@@ -0,0 +1,73 @@
+package org.oppia.android.app.onboarding
+
+import android.view.LayoutInflater
+import android.view.View
+import android.view.ViewGroup
+import android.view.inputmethod.EditorInfo
+import android.widget.ArrayAdapter
+import androidx.appcompat.app.AppCompatActivity
+import androidx.fragment.app.Fragment
+import com.google.android.material.appbar.AppBarLayout
+import org.oppia.android.R
+import org.oppia.android.app.options.AudioLanguageSelectionViewModel
+import org.oppia.android.app.translation.AppLanguageResourceHandler
+import org.oppia.android.databinding.AudioLanguageSelectionFragmentBinding
+import javax.inject.Inject
+
+/** The presenter for [AudioLanguageFragment]. */
+class AudioLanguageFragmentPresenter @Inject constructor(
+  private val fragment: Fragment,
+  private val activity: AppCompatActivity,
+  private val appLanguageResourceHandler: AppLanguageResourceHandler,
+  private val audioLanguageSelectionViewModel: AudioLanguageSelectionViewModel
+) {
+  private lateinit var binding: AudioLanguageSelectionFragmentBinding
+
+  /**
+   * Returns a newly inflated view to render the fragment with an evaluated audio language as the
+   * initial selected language, based on current locale.
+   */
+  fun handleCreateView(
+    inflater: LayoutInflater,
+    container: ViewGroup?
+  ): View {
+
+    // Hide toolbar as it's not needed in this layout. The toolbar is created by a shared activity
+    // and is required in OptionsFragment.
+    activity.findViewById<AppBarLayout>(R.id.reading_list_app_bar_layout).visibility = View.GONE
+
+    binding = AudioLanguageSelectionFragmentBinding.inflate(
+      inflater,
+      container,
+      /* attachToRoot= */ false
+    )
+    binding.lifecycleOwner = fragment
+
+    binding.audioLanguageText.text = appLanguageResourceHandler.getStringInLocaleWithWrapping(
+      R.string.audio_language_fragment_text,
+      appLanguageResourceHandler.getStringInLocale(R.string.app_name)
+    )
+
+    binding.onboardingNavigationBack.setOnClickListener {
+      activity.finish()
+    }
+
+    val adapter = ArrayAdapter(
+      fragment.requireContext(),
+      R.layout.onboarding_language_dropdown_item,
+      R.id.onboarding_language_text_view,
+      audioLanguageSelectionViewModel.availableAudioLanguages
+    )
+
+    binding.audioLanguageDropdownList.apply {
+      setAdapter(adapter)
+      setText(
+        audioLanguageSelectionViewModel.defaultLanguageSelection,
+        false
+      )
+      setRawInputType(EditorInfo.TYPE_NULL)
+    }
+
+    return binding.root
+  }
+}

app/src/main/java/org/oppia/android/app/onboarding/CreateProfileActivity.kt

@@ -0,0 +1,32 @@
+package org.oppia.android.app.onboarding
+
+import android.content.Context
+import android.content.Intent
+import android.os.Bundle
+import org.oppia.android.app.activity.ActivityComponentImpl
+import org.oppia.android.app.activity.InjectableAutoLocalizedAppCompatActivity
+import org.oppia.android.app.model.ScreenName.CREATE_PROFILE_ACTIVITY
+import org.oppia.android.util.logging.CurrentAppScreenNameIntentDecorator.decorateWithScreenName
+import javax.inject.Inject
+
+/** Activity for displaying a new learner profile creation flow. */
+class CreateProfileActivity : InjectableAutoLocalizedAppCompatActivity() {
+  @Inject
+  lateinit var learnerProfileActivityPresenter: CreateProfileActivityPresenter
+
+  override fun onCreate(savedInstanceState: Bundle?) {
+    super.onCreate(savedInstanceState)
+    (activityComponent as ActivityComponentImpl).inject(this)
+
+    learnerProfileActivityPresenter.handleOnCreate()
+  }
+
+  companion object {
+    /** Returns a new [Intent] open a [CreateProfileActivity] with the specified params. */
+    fun createProfileActivityIntent(context: Context): Intent {
+      return Intent(context, CreateProfileActivity::class.java).apply {
+        decorateWithScreenName(CREATE_PROFILE_ACTIVITY)
+      }
+    }
+  }
+}

app/src/main/java/org/oppia/android/app/onboarding/CreateProfileActivityPresenter.kt

@@ -0,0 +1,39 @@
+package org.oppia.android.app.onboarding
+
+import androidx.appcompat.app.AppCompatActivity
+import androidx.databinding.DataBindingUtil
+import org.oppia.android.R
+import org.oppia.android.databinding.CreateProfileActivityBinding
+import javax.inject.Inject
+
+private const val TAG_CREATE_PROFILE_ACTIVITY_FRAGMENT = "TAG_CREATE_PROFILE_ACTIVITY_FRAGMENT"
+
+/** Presenter for [CreateProfileActivity]. */
+class CreateProfileActivityPresenter @Inject constructor(
+  private val activity: AppCompatActivity
+) {
+  private lateinit var binding: CreateProfileActivityBinding
+
+  /** Handle creation and binding of the CreateProfileActivity layout. */
+  fun handleOnCreate() {
+    binding = DataBindingUtil.setContentView(activity, R.layout.create_profile_activity)
+    binding.apply {
+      lifecycleOwner = activity
+    }
+
+    if (getNewLearnerProfileFragment() == null) {
+      val createLearnerProfileFragment = CreateProfileFragment()
+      activity.supportFragmentManager.beginTransaction().add(
+        R.id.profile_fragment_placeholder,
+        createLearnerProfileFragment,
+        TAG_CREATE_PROFILE_ACTIVITY_FRAGMENT
+      ).commitNow()
+    }
+  }
+
+  private fun getNewLearnerProfileFragment(): CreateProfileFragment? {
+    return activity.supportFragmentManager.findFragmentByTag(
+      TAG_CREATE_PROFILE_ACTIVITY_FRAGMENT
+    ) as? CreateProfileFragment
+  }
+}

app/src/main/java/org/oppia/android/app/onboarding/CreateProfileFragment.kt

@@ -0,0 +1,35 @@
+package org.oppia.android.app.onboarding
+
+import android.content.Context
+import android.content.Intent
+import android.os.Bundle
+import android.view.LayoutInflater
+import android.view.View
+import android.view.ViewGroup
+import org.oppia.android.app.fragment.FragmentComponentImpl
+import org.oppia.android.app.fragment.InjectableFragment
+import javax.inject.Inject
+
+/** Fragment for displaying a new learner profile creation flow. */
+class CreateProfileFragment : InjectableFragment() {
+  @Inject
+  lateinit var createProfileFragmentPresenter: CreateProfileFragmentPresenter
+
+  override fun onAttach(context: Context) {
+    super.onAttach(context)
+    (fragmentComponent as FragmentComponentImpl).inject(this)
+  }
+
+  override fun onCreateView(
+    inflater: LayoutInflater,
+    container: ViewGroup?,
+    savedInstanceState: Bundle?
+  ): View? {
+    return createProfileFragmentPresenter.handleCreateView(inflater, container)
+  }
+
+  override fun onActivityResult(requestCode: Int, resultCode: Int, data: Intent?) {
+    super.onActivityResult(requestCode, resultCode, data)
+    createProfileFragmentPresenter.handleOnActivityResult(requestCode, resultCode, data)
+  }
+}

app/src/main/java/org/oppia/android/app/onboarding/CreateProfileFragmentPresenter.kt

@@ -0,0 +1,113 @@
+package org.oppia.android.app.onboarding
+
+import android.app.Activity
+import android.content.Intent
+import android.graphics.PorterDuff
+import android.provider.MediaStore
+import android.text.Editable
+import android.text.TextWatcher
+import android.view.LayoutInflater
+import android.view.View
+import android.view.ViewGroup
+import android.widget.ImageView
+import androidx.appcompat.app.AppCompatActivity
+import androidx.core.content.res.ResourcesCompat
+import androidx.fragment.app.Fragment
+import org.oppia.android.R
+import org.oppia.android.app.fragment.FragmentScope
+import org.oppia.android.databinding.CreateProfileFragmentBinding
+import org.oppia.android.util.parser.image.ImageLoader
+import org.oppia.android.util.parser.image.ImageViewTarget
+import javax.inject.Inject
+
+private const val GALLERY_INTENT_RESULT_CODE = 1
+
+/** Presenter for [CreateProfileFragment]. */
+@FragmentScope
+class CreateProfileFragmentPresenter @Inject constructor(
+  private val fragment: Fragment,
+  private val activity: AppCompatActivity,
+  private val createProfileViewModel: CreateProfileViewModel,
+  private val imageLoader: ImageLoader
+) {
+  private lateinit var binding: CreateProfileFragmentBinding
+  private lateinit var uploadImageView: ImageView
+  private lateinit var selectedImage: String
+
+  /** Initialize layout bindings. */
+  fun handleCreateView(inflater: LayoutInflater, container: ViewGroup?): View {
+    binding = CreateProfileFragmentBinding.inflate(
+      inflater,
+      container,
+      /* attachToRoot= */ false
+    )
+    binding.let {
+      it.lifecycleOwner = fragment
+      it.viewModel = createProfileViewModel
+    }
+
+    uploadImageView = binding.createProfileUserImageView
+
+    uploadImageView.apply {
+      setColorFilter(
+        ResourcesCompat.getColor(
+          activity.resources,
+          R.color.component_color_avatar_background_25_color,
+          null
+        ),
+        PorterDuff.Mode.DST_OVER
+      )
+
+      imageLoader.loadDrawable(
+        R.drawable.ic_profile_icon,
+        ImageViewTarget(this)
+      )
+    }
+
+    binding.onboardingNavigationContinue.setOnClickListener {
+      val nickname = binding.createProfileNicknameEdittext.text.toString().trim()
+
+      createProfileViewModel.hasErrorMessage.set(nickname.isBlank())
+
+      if (createProfileViewModel.hasErrorMessage.get() != true) {
+        val intent = IntroActivity.createIntroActivity(activity, nickname)
+        fragment.startActivity(intent)
+      }
+    }
+
+    binding.createProfileNicknameEdittext.addTextChangedListener(object : TextWatcher {
+      override fun beforeTextChanged(s: CharSequence?, start: Int, count: Int, after: Int) {}
+      override fun afterTextChanged(s: Editable?) {}
+      override fun onTextChanged(s: CharSequence?, start: Int, before: Int, count: Int) {
+        createProfileViewModel.hasErrorMessage.set(false)
+      }
+    })
+
+    binding.onboardingNavigationBack.setOnClickListener { activity.finish() }
+    binding.createProfileEditPictureIcon.setOnClickListener { openGalleryIntent() }
+    binding.createProfilePicturePrompt.setOnClickListener { openGalleryIntent() }
+    binding.createProfileUserImageView.setOnClickListener { openGalleryIntent() }
+
+    return binding.root
+  }
+
+  /** Receive the result of image upload and load it into the image view. */
+  fun handleOnActivityResult(requestCode: Int, resultCode: Int, intent: Intent?) {
+    if (requestCode == GALLERY_INTENT_RESULT_CODE && resultCode == Activity.RESULT_OK) {
+      binding.createProfilePicturePrompt.visibility = View.GONE
+      intent?.let {
+        selectedImage =
+          checkNotNull(intent.data.toString()) { "Could not find the selected image." }
+        imageLoader.loadBitmap(
+          selectedImage,
+          ImageViewTarget(uploadImageView)
+        )
+      }
+    }
+  }
+
+  private fun openGalleryIntent() {
+    val galleryIntent = Intent(Intent.ACTION_PICK, MediaStore.Images.Media.EXTERNAL_CONTENT_URI)
+    fragment.startActivityForResult(galleryIntent, GALLERY_INTENT_RESULT_CODE)
+  }
+}

app/src/main/java/org/oppia/android/app/onboarding/CreateProfileViewModel.kt

@@ -0,0 +1,14 @@
+package org.oppia.android.app.onboarding
+
+import androidx.databinding.ObservableField
+import org.oppia.android.app.fragment.FragmentScope
+import org.oppia.android.app.viewmodel.ObservableViewModel
+import javax.inject.Inject
+
+/** The ViewModel for [CreateProfileFragment]. */
+@FragmentScope
+class CreateProfileViewModel @Inject constructor() : ObservableViewModel() {
+
+  /** ObservableField that tracks whether creating a nickname has triggered an error condition. */
+  val hasErrorMessage = ObservableField(false)
+}