transfer ui wip 1 (list from)

app/src/main/java/sh/sar/basedbank/ui/home/DashboardFragment.kt

@@ -25,9 +25,12 @@ class DashboardFragment : Fragment() {
     override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
         viewModel.accounts.observe(viewLifecycleOwner) { updateBalances(it) }
 
-        val wip = { Toast.makeText(requireContext(), R.string.work_in_progress, Toast.LENGTH_SHORT).show() }
+        binding.btnTransfer.setOnClickListener {
-        binding.btnTransfer.setOnClickListener { wip() }
+            (requireActivity() as HomeActivity).showWithBackStack(TransferFragment())
-        binding.btnPayMvQr.setOnClickListener { wip() }
+        }
+        binding.btnPayMvQr.setOnClickListener {
+            Toast.makeText(requireContext(), R.string.work_in_progress, Toast.LENGTH_SHORT).show()
+        }
     }
 
     override fun onResume() {

app/src/main/java/sh/sar/basedbank/ui/home/HomeActivity.kt

@@ -88,6 +88,13 @@ class HomeActivity : AppCompatActivity() {
             .commit()
     }
 
+    fun showWithBackStack(fragment: Fragment) {
+        supportFragmentManager.beginTransaction()
+            .replace(R.id.contentFrame, fragment)
+            .addToBackStack(null)
+            .commit()
+    }
+
     private fun autoRefresh(creds: CredentialStore.MibCredentials) {
         binding.refreshIndicator.visibility = View.VISIBLE
         val prefs = getSharedPreferences("mib_prefs", MODE_PRIVATE)

app/src/main/java/sh/sar/basedbank/ui/home/TransferFragment.kt

@@ -0,0 +1,92 @@
+package sh.sar.basedbank.ui.home
+
+import android.content.Context
+import android.os.Bundle
+import android.view.LayoutInflater
+import android.view.View
+import android.view.ViewGroup
+import android.widget.ArrayAdapter
+import android.widget.Toast
+import androidx.fragment.app.Fragment
+import androidx.fragment.app.activityViewModels
+import sh.sar.basedbank.R
+import sh.sar.basedbank.api.mib.MibAccount
+import sh.sar.basedbank.databinding.FragmentTransferBinding
+import sh.sar.basedbank.databinding.ItemAccountDropdownBinding
+
+class TransferFragment : Fragment() {
+
+    private var _binding: FragmentTransferBinding? = null
+    private val binding get() = _binding!!
+    private val viewModel: HomeViewModel by activityViewModels()
+
+    private var selectedAccount: MibAccount? = null
+
+    override fun onCreateView(inflater: LayoutInflater, container: ViewGroup?, savedInstanceState: Bundle?): View {
+        _binding = FragmentTransferBinding.inflate(inflater, container, false)
+        return binding.root
+    }
+
+    override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
+        viewModel.accounts.observe(viewLifecycleOwner) { accounts ->
+            setupAccountDropdown(accounts)
+        }
+
+        binding.btnTransfer.setOnClickListener {
+            Toast.makeText(requireContext(), R.string.work_in_progress, Toast.LENGTH_SHORT).show()
+        }
+    }
+
+    private fun setupAccountDropdown(accounts: List<MibAccount>) {
+        val adapter = AccountDropdownAdapter(requireContext(), accounts)
+        binding.actvFrom.setAdapter(adapter)
+
+        if (accounts.isNotEmpty() && selectedAccount == null) {
+            selectedAccount = accounts[0]
+            binding.actvFrom.setText(accounts[0].toDisplayString(), false)
+        }
+
+        binding.actvFrom.setOnItemClickListener { _, _, position, _ ->
+            selectedAccount = accounts[position]
+            binding.actvFrom.setText(accounts[position].toDisplayString(), false)
+        }
+    }
+
+    override fun onResume() {
+        super.onResume()
+        requireActivity().title = getString(R.string.transfer)
+    }
+
+    override fun onDestroyView() {
+        super.onDestroyView()
+        _binding = null
+    }
+
+    private fun MibAccount.toDisplayString() = "$accountBriefName · $accountNumber"
+
+    private inner class AccountDropdownAdapter(
+        context: Context,
+        private val accounts: List<MibAccount>
+    ) : ArrayAdapter<String>(context, android.R.layout.simple_list_item_1, accounts.map { it.toDisplayString() }) {
+
+        private fun bindDropdown(convertView: View?, parent: ViewGroup, position: Int): View {
+            val itemBinding = if (convertView?.tag is ItemAccountDropdownBinding) {
+                convertView.tag as ItemAccountDropdownBinding
+            } else {
+                ItemAccountDropdownBinding.inflate(LayoutInflater.from(context), parent, false)
+                    .also { it.root.tag = it }
+            }
+            val account = accounts[position]
+            itemBinding.tvDropdownAccountName.text = account.accountBriefName
+            itemBinding.tvDropdownAccountNumber.text = account.accountNumber
+            itemBinding.tvDropdownBalance.text = "${account.currencyName} ${account.availableBalance}"
+            return itemBinding.root
+        }
+
+        override fun getView(position: Int, convertView: View?, parent: ViewGroup) =
+            bindDropdown(convertView, parent, position)
+
+        override fun getDropDownView(position: Int, convertView: View?, parent: ViewGroup) =
+            bindDropdown(convertView, parent, position)
+    }
+}

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

@@ -0,0 +1,115 @@
+<?xml version="1.0" encoding="utf-8"?>
+<androidx.core.widget.NestedScrollView
+    xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:background="?attr/colorSurface">
+
+    <LinearLayout
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:orientation="vertical"
+        android:padding="16dp">
+
+        <com.google.android.material.card.MaterialCardView
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            app:cardCornerRadius="16dp"
+            app:cardElevation="0dp"
+            app:strokeWidth="1dp"
+            app:strokeColor="?attr/colorOutlineVariant">
+
+            <LinearLayout
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:orientation="vertical"
+                android:padding="20dp">
+
+                <!-- From account dropdown -->
+                <com.google.android.material.textfield.TextInputLayout
+                    android:id="@+id/tilFrom"
+                    style="@style/Widget.Material3.TextInputLayout.OutlinedBox.ExposedDropdownMenu"
+                    android:layout_width="match_parent"
+                    android:layout_height="wrap_content"
+                    android:hint="@string/transfer_from"
+                    android:layout_marginBottom="16dp">
+
+                    <AutoCompleteTextView
+                        android:id="@+id/actvFrom"
+                        android:layout_width="match_parent"
+                        android:layout_height="wrap_content"
+                        android:inputType="none"
+                        android:focusable="false"
+                        android:focusableInTouchMode="false" />
+
+                </com.google.android.material.textfield.TextInputLayout>
+
+                <!-- To account number -->
+                <com.google.android.material.textfield.TextInputLayout
+                    android:id="@+id/tilTo"
+                    style="@style/Widget.Material3.TextInputLayout.OutlinedBox"
+                    android:layout_width="match_parent"
+                    android:layout_height="wrap_content"
+                    android:hint="@string/transfer_to"
+                    android:layout_marginBottom="16dp">
+
+                    <com.google.android.material.textfield.TextInputEditText
+                        android:id="@+id/etTo"
+                        android:layout_width="match_parent"
+                        android:layout_height="wrap_content"
+                        android:inputType="number"
+                        android:maxLines="1" />
+
+                </com.google.android.material.textfield.TextInputLayout>
+
+                <!-- Amount -->
+                <com.google.android.material.textfield.TextInputLayout
+                    android:id="@+id/tilAmount"
+                    style="@style/Widget.Material3.TextInputLayout.OutlinedBox"
+                    android:layout_width="match_parent"
+                    android:layout_height="wrap_content"
+                    android:hint="@string/transfer_amount"
+                    app:prefixText="MVR "
+                    android:layout_marginBottom="16dp">
+
+                    <com.google.android.material.textfield.TextInputEditText
+                        android:id="@+id/etAmount"
+                        android:layout_width="match_parent"
+                        android:layout_height="wrap_content"
+                        android:inputType="numberDecimal"
+                        android:maxLines="1" />
+
+                </com.google.android.material.textfield.TextInputLayout>
+
+                <!-- Remarks -->
+                <com.google.android.material.textfield.TextInputLayout
+                    android:id="@+id/tilRemarks"
+                    style="@style/Widget.Material3.TextInputLayout.OutlinedBox"
+                    android:layout_width="match_parent"
+                    android:layout_height="wrap_content"
+                    android:hint="@string/transfer_remarks"
+                    android:layout_marginBottom="24dp">
+
+                    <com.google.android.material.textfield.TextInputEditText
+                        android:id="@+id/etRemarks"
+                        android:layout_width="match_parent"
+                        android:layout_height="wrap_content"
+                        android:inputType="text"
+                        android:maxLines="1" />
+
+                </com.google.android.material.textfield.TextInputLayout>
+
+                <com.google.android.material.button.MaterialButton
+                    android:id="@+id/btnTransfer"
+                    android:layout_width="match_parent"
+                    android:layout_height="wrap_content"
+                    android:text="@string/transfer" />
+
+            </LinearLayout>
+
+        </com.google.android.material.card.MaterialCardView>
+
+    </LinearLayout>
+
+</androidx.core.widget.NestedScrollView>

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

@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="utf-8"?>
+<LinearLayout
+    xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="match_parent"
+    android:layout_height="wrap_content"
+    android:orientation="vertical"
+    android:paddingHorizontal="16dp"
+    android:paddingVertical="12dp">
+
+    <TextView
+        android:id="@+id/tvDropdownAccountName"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:textAppearance="?attr/textAppearanceBodyMedium"
+        android:textColor="?attr/colorOnSurface" />
+
+    <LinearLayout
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:orientation="horizontal"
+        android:layout_marginTop="2dp">
+
+        <TextView
+            android:id="@+id/tvDropdownAccountNumber"
+            android:layout_width="0dp"
+            android:layout_height="wrap_content"
+            android:layout_weight="1"
+            android:textAppearance="?attr/textAppearanceBodySmall"
+            android:textColor="?attr/colorOnSurfaceVariant" />
+
+        <TextView
+            android:id="@+id/tvDropdownBalance"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:textAppearance="?attr/textAppearanceBodySmall"
+            android:textColor="?attr/colorOnSurface" />
+
+    </LinearLayout>
+
+</LinearLayout>

app/src/main/res/menu/drawer_menu.xml

@@ -5,9 +5,6 @@
         <item android:id="@+id/nav_dashboard"
             android:icon="@drawable/ic_nav_dashboard"
             android:title="@string/nav_dashboard" />
-        <item android:id="@+id/nav_add_account"
-            android:icon="@drawable/ic_nav_add_account"
-            android:title="@string/nav_add_account" />
         <item android:id="@+id/nav_accounts"
             android:icon="@drawable/ic_nav_accounts"
             android:title="@string/nav_accounts" />
@@ -32,6 +29,9 @@
     </group>
 
     <group android:id="@+id/group_system" android:checkableBehavior="single">
+        <item android:id="@+id/nav_add_account"
+            android:icon="@drawable/ic_nav_add_account"
+            android:title="@string/nav_add_account" />
         <item android:id="@+id/nav_settings"
             android:icon="@drawable/ic_nav_settings"
             android:title="@string/nav_settings" />

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

@@ -93,6 +93,12 @@
     <string name="accounts">Accounts</string>
     <string name="available_balance">Available Balance</string>
 
+    <!-- Transfer -->
+    <string name="transfer_from">From account</string>
+    <string name="transfer_to">To account number</string>
+    <string name="transfer_amount">Amount</string>
+    <string name="transfer_remarks">Remarks</string>
+
     <!-- Financing -->
     <string name="financing_empty">No financing deals found</string>
     <string name="financing_total">Total</string>