ALTAPPS-950: Android make code editor an active input

androidHyperskillApp/src/main/java/org/hyperskill/app/android/code/util/CodeEditorKeyboardExtensionUtil.kt

@@ -0,0 +1,104 @@
+package org.hyperskill.app.android.code.util
+
+import android.content.Context
+import android.view.View
+import androidx.core.view.isInvisible
+import androidx.recyclerview.widget.LinearLayoutManager
+import androidx.recyclerview.widget.RecyclerView
+import org.hyperskill.app.android.R
+import org.hyperskill.app.android.code.view.adapter.CodeToolbarAdapter
+import org.hyperskill.app.android.code.view.widget.CodeEditorLayout
+import org.hyperskill.app.android.view.base.ui.extension.setOnKeyboardOpenListener
+
+object CodeEditorKeyboardExtensionUtil {
+
+    fun interface CodeEditorKeyboardListener {
+        fun onCodeEditorKeyboardStateChanged(
+            isKeyboardShown: Boolean,
+            toolbarHeight: Int
+        )
+    }
+
+    fun setupKeyboardExtension(
+        context: Context,
+        rootView: View,
+        recyclerView: RecyclerView,
+        codeLayout: CodeEditorLayout,
+        codeToolbarAdapter: CodeToolbarAdapter,
+        isToolbarEnabled: () -> Boolean = { true },
+        onToolbarSymbolClicked: ((String) -> Unit)? = null,
+        codeEditorKeyboardListener: CodeEditorKeyboardListener? = null
+    ) {
+        codeToolbarAdapter.onSymbolClickListener = CodeToolbarAdapter.OnSymbolClickListener { symbol, offset ->
+            onToolbarSymbolClicked?.invoke(symbol)
+            applySymbolTo(codeLayout, symbol, offset)
+        }
+
+        codeLayout.codeToolbarAdapter = codeToolbarAdapter
+
+        setupRecycler(context, recyclerView, codeToolbarAdapter)
+
+        // Flag is necessary,
+        // because keyboard listener is constantly invoked
+        // (probably global layout listener reacts to view changes)
+        var keyboardShown = false
+
+        setOnKeyboardOpenListener(
+            rootView,
+            onKeyboardHidden = {
+                if (keyboardShown) {
+                    recyclerView.isInvisible = true
+                    codeLayout.isNestedScrollingEnabled = true
+                    codeEditorKeyboardListener?.onCodeEditorKeyboardStateChanged(
+                        isKeyboardShown = false,
+                        toolbarHeight = 0
+                    )
+                    keyboardShown = false
+                }
+            },
+            onKeyboardShown = {
+                if (!keyboardShown) {
+                    if (isToolbarEnabled()) {
+                        recyclerView.isInvisible = false
+                    }
+                    codeLayout.isNestedScrollingEnabled = false
+                    codeEditorKeyboardListener?.onCodeEditorKeyboardStateChanged(
+                        isKeyboardShown = true,
+                        toolbarHeight = recyclerView.height
+                    )
+                    keyboardShown = true
+                }
+            }
+        )
+    }
+
+    private fun setupRecycler(context: Context, recyclerView: RecyclerView, codeToolbarAdapter: CodeToolbarAdapter) {
+        with(recyclerView) {
+            adapter = codeToolbarAdapter
+            layoutManager =
+                LinearLayoutManager(context, LinearLayoutManager.HORIZONTAL, false)
+            setBackgroundResource(R.color.color_elevation_overlay_2dp)
+            clipToPadding = false
+            scrollBarStyle = View.SCROLLBARS_OUTSIDE_OVERLAY
+            isMotionEventSplittingEnabled = false
+            isInvisible = true
+        }
+    }
+
+    private fun applySymbolTo(codeEditorLayout: CodeEditorLayout, symbol: String, offset: Int) {
+        codeEditorLayout.insertText(
+            mapToolbarSymbolToPrintable(
+                symbol,
+                codeEditorLayout.indentSize
+            ),
+            offset
+        )
+    }
+
+    private fun mapToolbarSymbolToPrintable(symbol: String, indentSize: Int): String =
+        if (symbol.equals("tab", ignoreCase = true)) {
+            " ".repeat(indentSize)
+        } else {
+            symbol
+        }
+}

androidHyperskillApp/src/main/java/org/hyperskill/app/android/code/view/adapter/CodeToolbarAdapter.kt

@@ -23,8 +23,8 @@ class CodeToolbarAdapter(private val context: Context) :
         private const val ELEMENT_VIEW_TYPE = 0
     }
 
-    interface OnSymbolClickListener {
-        fun onSymbolClick(symbol: String, offset: Int = 0)
+    fun interface OnSymbolClickListener {
+        fun onSymbolClick(symbol: String, offset: Int)
     }
 
     private val autocompletePrefixBackgroundSpan =
@@ -54,7 +54,7 @@ class CodeToolbarAdapter(private val context: Context) :
         ) {
             onSymbolClickListener?.onSymbolClick("$word ", autocomplete.prefix.length)
         } else {
-            onSymbolClickListener?.onSymbolClick(word)
+            onSymbolClickListener?.onSymbolClick(word, 0)
         }
     }
 

androidHyperskillApp/src/main/java/org/hyperskill/app/android/core/view/ui/widget/ProgressableWebViewClient.kt

@@ -8,18 +8,17 @@ import androidx.core.view.isVisible
 
 class ProgressableWebViewClient(
     private val progressView: View,
-    private val webView: View,
     context: Context = progressView.context
 ) : ExternalLinkWebViewClient(context) {
     override fun onPageStarted(view: WebView?, url: String?, favicon: Bitmap?) {
         super.onPageStarted(view, url, favicon)
         progressView.isVisible = true
-        webView.isVisible = false
+        view?.isVisible = false
     }
 
     override fun onPageFinished(view: WebView?, url: String?) {
         progressView.isVisible = false
-        webView.isVisible = true
+        view?.isVisible = true
         super.onPageFinished(view, url)
     }
 }

androidHyperskillApp/src/main/java/org/hyperskill/app/android/latex/view/widget/LatexView.kt

@@ -49,23 +49,23 @@ constructor(
     @IdRes
     private val webViewId: Int
 
-    lateinit var textView: TextView
+    var textView: TextView? = null
         private set
 
-    lateinit var webView: LatexWebView
+    var webView: LatexWebView? = null
         private set
 
     var attributes = TextAttributes.fromAttributeSet(context, attrs)
         set(value) {
             field = value
-            textView.setAttributes(value)
-            webView.attributes = value
+            textView?.setAttributes(value)
+            webView?.attributes = value
         }
 
     var latexData: LatexData? = null
         set(value) {
-            textView.isVisible = value is LatexData.Text
-            webView.isVisible = value is LatexData.Web
+            textView?.isVisible = value is LatexData.Text
+            webView?.isVisible = value is LatexData.Web
 
             if (field == value) return
             field = value
@@ -74,20 +74,23 @@ constructor(
 
             when (value) {
                 is LatexData.Text ->
-                    textView.text = value.text
+                    textView?.text = value.text
 
                 is LatexData.Web -> {
-                    webView.text = latexWebViewMapper.mapLatexData(value, webView.attributes)
-
-                    // TODO Switch to WebViewAssetLoader
-                    /**
-                     * Allow WebView to open file://
-                     */
-                    webView.settings.allowFileAccess = true
-                    /**
-                     * Kotlin Playground downloads a file with Kotlin versions which generates a mistake, if allowUniversalAccessFromFileURLs is false
-                     */
-                    webView.settings.allowUniversalAccessFromFileURLs = value.settings.allowUniversalAccessFromFileURLs
+                    webView?.apply {
+                        text = latexWebViewMapper.mapLatexData(value, attributes)
+
+                        // TODO Switch to WebViewAssetLoader
+                        /**
+                         * Allow WebView to open file://
+                         */
+                        settings.allowFileAccess = true
+                        /**
+                         * Kotlin Playground downloads a file with Kotlin versions which generates a mistake,
+                         * if allowUniversalAccessFromFileURLs is false
+                         */
+                        settings.allowUniversalAccessFromFileURLs = value.settings.allowUniversalAccessFromFileURLs
+                    }
                 }
             }
         }
@@ -96,7 +99,7 @@ constructor(
         set(value) {
             field = value
             if (ViewCompat.isAttachedToWindow(this)) {
-                webView.webViewClient = requireNotNull(webViewClient)
+                webView?.webViewClient = requireNotNull(webViewClient)
             }
         }
 
@@ -131,30 +134,38 @@ constructor(
     override fun addView(child: View?, index: Int, params: ViewGroup.LayoutParams?) {
         when (child?.id) {
             textViewId -> {
-                textView = child as TextView
+                val textView = child as TextView
+                this.textView = textView
                 textView.setAttributes(attributes)
                 textView.movementMethod = LinkMovementMethod.getInstance()
             }
 
             webViewId -> {
-                webView = child as LatexWebView
+                val webView = child as LatexWebView
+                this.webView = webView
                 webView.attributes = attributes
+                if (ViewCompat.isAttachedToWindow(this)) {
+                    webView.webViewClient = getOrCreateWebViewClient()
+                }
             }
         }
         super.addView(child, index, params)
     }
 
     override fun onAttachedToWindow() {
         super.onAttachedToWindow()
-        webView.webViewClient = webViewClient ?: ExternalLinkWebViewClient(context)
+        webView?.webViewClient = getOrCreateWebViewClient()
     }
 
     override fun onDetachedFromWindow() {
-        webView.onImageClickListener = null
+        webView?.onImageClickListener = null
         super.onDetachedFromWindow()
     }
 
     fun setText(text: String?) {
         latexData = text?.let(latexTextMapper::mapToLatexText)
     }
+
+    private fun getOrCreateWebViewClient(): WebViewClient =
+        webViewClient ?: ExternalLinkWebViewClient(context)
 }

androidHyperskillApp/src/main/java/org/hyperskill/app/android/stage_implementation/view/fragment/StageStepWrapperFragment.kt

@@ -16,7 +16,7 @@ import org.hyperskill.app.android.step.view.delegate.StepDelegate
 import org.hyperskill.app.android.step.view.fragment.StepFragment
 import org.hyperskill.app.android.step.view.model.StepCompletionHost
 import org.hyperskill.app.android.step.view.model.StepCompletionView
-import org.hyperskill.app.android.step_content_text.view.fragment.TextStepContentFragment
+import org.hyperskill.app.android.step_practice.view.fragment.StepPracticeDetailsFragment
 import org.hyperskill.app.android.step_quiz.view.dialog.RequestDailyStudyReminderDialogFragment
 import org.hyperskill.app.android.step_quiz.view.factory.StepQuizFragmentFactory
 import org.hyperskill.app.step.domain.model.Step
@@ -131,14 +131,14 @@ class StageStepWrapperFragment :
         if (state is StepFeature.State.Data) {
             (childFragmentManager.findFragmentByTag(STEP_QUIZ_FRAGMENT_TAG) as? StepCompletionView)
                 ?.render(state.stepCompletionState.isPracticingLoading)
-            initStepTheoryFragment(state.step)
+            initStepTheoryFragment(state.step, stepRoute)
             initStepQuizFragment(state.step, stepRoute)
         }
     }
 
-    private fun initStepTheoryFragment(step: Step) {
+    private fun initStepTheoryFragment(step: Step, stepRoute: StepRoute) {
         setChildFragment(R.id.stageDescriptionContainer, STEP_DESCRIPTION_FRAGMENT_TAG) {
-            TextStepContentFragment.newInstance(step)
+            StepPracticeDetailsFragment.newInstance(step, stepRoute)
         }
     }
 

androidHyperskillApp/src/main/java/org/hyperskill/app/android/step/view/delegate/CollapsibleStepBlockDelegate.kt

@@ -0,0 +1,25 @@
+package org.hyperskill.app.android.step.view.delegate
+
+import android.view.View
+import org.hyperskill.app.android.ui.custom.ArrowImageView
+import org.hyperskill.app.android.view.base.ui.extension.collapse
+import org.hyperskill.app.android.view.base.ui.extension.expand
+
+object CollapsibleStepBlockDelegate {
+    fun setupCollapsibleBlock(
+        arrowView: ArrowImageView,
+        headerView: View,
+        contentView: View,
+        onContentExpandChanged: (Boolean) -> Unit = {}
+    ) {
+        headerView.setOnClickListener {
+            arrowView.changeState()
+            if (arrowView.isExpanded()) {
+                contentView.expand()
+            } else {
+                contentView.collapse()
+            }
+            onContentExpandChanged(arrowView.isExpanded())
+        }
+    }
+}

androidHyperskillApp/src/main/java/org/hyperskill/app/android/step_content_text/view/delegate/TextStepContentDelegate.kt

@@ -0,0 +1,56 @@
+package org.hyperskill.app.android.step_content_text.view.delegate
+
+import android.content.Context
+import android.view.LayoutInflater
+import androidx.lifecycle.Lifecycle
+import androidx.lifecycle.LifecycleEventObserver
+import androidx.lifecycle.LifecycleObserver
+import androidx.lifecycle.LifecycleOwner
+import org.hyperskill.app.android.R
+import org.hyperskill.app.android.latex.view.widget.LatexView
+import org.hyperskill.app.android.latex.view.widget.LatexWebView
+import org.hyperskill.app.step.domain.model.Step
+
+class TextStepContentDelegate(
+    fragmentLifecycle: Lifecycle
+) : LifecycleObserver {
+
+    private var latexWebView: LatexWebView? = null
+
+    init {
+        fragmentLifecycle.addObserver(
+            LifecycleEventObserver { _, event ->
+                if (event.targetState == Lifecycle.State.DESTROYED) {
+                    latexWebView = null
+                }
+            }
+        )
+    }
+
+    fun setup(
+        context: Context,
+        latexView: LatexView,
+        step: Step,
+        viewLifecycle: Lifecycle
+    ) {
+        val webView = latexWebView ?: createLatexWebView(context, latexView)
+        this.latexWebView = webView
+        latexView.addView(webView)
+        latexView.setText(step.block.text)
+        viewLifecycle.addObserver(
+            object : LifecycleEventObserver {
+                override fun onStateChanged(source: LifecycleOwner, event: Lifecycle.Event) {
+                    if (event.targetState == Lifecycle.State.DESTROYED) {
+                        latexView.removeView(latexWebView)
+                    }
+                    viewLifecycle.removeObserver(this)
+                }
+            }
+        )
+    }
+
+    private fun createLatexWebView(context: Context, latexView: LatexView): LatexWebView =
+        LayoutInflater
+            .from(context.applicationContext)
+            .inflate(R.layout.layout_latex_webview, latexView, false) as LatexWebView
+}