/* * This file is part of GNU Taler * (C) 2022 Taler Systems S.A. * * GNU Taler is free software; you can redistribute it and/or modify it under the * terms of the GNU General Public License as published by the Free Software * Foundation; either version 3, or (at your option) any later version. * * GNU Taler is distributed in the hope that it will be useful, but WITHOUT ANY * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR * A PARTICULAR PURPOSE. See the GNU General Public License for more details. * * You should have received a copy of the GNU General Public License along with * GNU Taler; see the file COPYING. If not, see */ package net.taler.wallet import android.os.Bundle import android.view.LayoutInflater import android.view.View import android.view.ViewGroup import androidx.compose.foundation.layout.Column import androidx.compose.foundation.layout.IntrinsicSize import androidx.compose.foundation.layout.Row import androidx.compose.foundation.layout.fillMaxWidth import androidx.compose.foundation.layout.height import androidx.compose.foundation.layout.padding import androidx.compose.foundation.rememberScrollState import androidx.compose.foundation.text.KeyboardOptions import androidx.compose.foundation.verticalScroll import androidx.compose.material.Button import androidx.compose.material.MaterialTheme import androidx.compose.material.OutlinedTextField import androidx.compose.material.Surface import androidx.compose.material.Text import androidx.compose.runtime.Composable import androidx.compose.runtime.getValue import androidx.compose.runtime.mutableStateOf import androidx.compose.runtime.saveable.rememberSaveable import androidx.compose.runtime.setValue import androidx.compose.ui.Alignment import androidx.compose.ui.Modifier import androidx.compose.ui.graphics.Color import androidx.compose.ui.platform.ComposeView import androidx.compose.ui.res.stringResource import androidx.compose.ui.text.input.KeyboardType import androidx.compose.ui.tooling.preview.Preview import androidx.compose.ui.unit.dp import androidx.core.os.bundleOf import androidx.fragment.app.Fragment import androidx.fragment.app.activityViewModels import androidx.navigation.fragment.findNavController import com.google.android.material.composethemeadapter.MdcTheme import net.taler.common.Amount class SendFundsFragment : Fragment() { private val model: MainViewModel by activityViewModels() private val peerManager get() = model.peerManager override fun onCreateView( inflater: LayoutInflater, container: ViewGroup?, savedInstanceState: Bundle?, ): View = ComposeView(requireContext()).apply { setContent { MdcTheme { Surface { SendFundsIntro( model.transactionManager.selectedCurrency ?: error("No currency selected"), model::hasSufficientBalance, this@SendFundsFragment::onDeposit, this@SendFundsFragment::onPeerPush, ) } } } } override fun onStart() { super.onStart() activity?.setTitle(R.string.transactions_send_funds) } override fun onDestroy() { super.onDestroy() if (!requireActivity().isChangingConfigurations) peerManager.resetPushPayment() } fun onDeposit(amount: Amount) { val bundle = bundleOf("amount" to amount.toJSONString()) findNavController().navigate(R.id.action_sendFunds_to_nav_deposit, bundle) } fun onPeerPush(amount: Amount) { val bundle = bundleOf("amount" to amount.toJSONString()) findNavController().navigate(R.id.action_sendFunds_to_nav_peer_push, bundle) } } @Composable private fun SendFundsIntro( currency: String, hasSufficientBalance: (Amount) -> Boolean, onDeposit: (Amount) -> Unit, onPeerPush: (Amount) -> Unit, ) { val scrollState = rememberScrollState() Column( modifier = Modifier .fillMaxWidth() .verticalScroll(scrollState), ) { var text by rememberSaveable { mutableStateOf("") } var isError by rememberSaveable { mutableStateOf(false) } var insufficientBalance by rememberSaveable { mutableStateOf(false) } Row( verticalAlignment = Alignment.CenterVertically, modifier = Modifier .padding(16.dp), ) { OutlinedTextField( modifier = Modifier .weight(1f) .padding(end = 16.dp), value = text, keyboardOptions = KeyboardOptions.Default.copy(keyboardType = KeyboardType.Decimal), onValueChange = { input -> isError = false insufficientBalance = false text = input.filter { it.isDigit() || it == '.' } }, isError = isError || insufficientBalance, label = { if (isError) { Text( stringResource(R.string.receive_amount_invalid), color = Color.Red, ) } else if (insufficientBalance) { Text( stringResource(R.string.payment_balance_insufficient), color = Color.Red, ) } else { Text(stringResource(R.string.send_amount)) } } ) Text( modifier = Modifier, text = currency, softWrap = false, style = MaterialTheme.typography.h6, ) } Text( modifier = Modifier.padding(horizontal = 16.dp), text = stringResource(R.string.send_intro), style = MaterialTheme.typography.h6, ) Row(modifier = Modifier.padding(16.dp)) { fun onClickButton(block: (Amount) -> Unit) { val amount = getAmount(currency, text) if (amount == null) isError = true else if (!hasSufficientBalance(amount)) insufficientBalance = true else block(amount) } Button( modifier = Modifier .padding(end = 16.dp) .weight(1f), onClick = { onClickButton { amount -> onDeposit(amount) } }) { Text(text = stringResource(R.string.send_deposit)) } Button( modifier = Modifier .height(IntrinsicSize.Max) .weight(1f), onClick = { onClickButton { amount -> onPeerPush(amount) } }, ) { Text(text = stringResource(R.string.send_peer)) } } } } @Preview @Composable fun PreviewSendFundsIntro() { Surface { SendFundsIntro("TESTKUDOS", { true }, {}) {} } }