1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
|
/*
* This file is part of GNU Taler
* (C) 2023 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 <http://www.gnu.org/licenses/>
*/
package net.taler.anastasis.ui.components
import androidx.compose.foundation.layout.Arrangement
import androidx.compose.foundation.layout.Column
import androidx.compose.foundation.layout.ColumnScope
import androidx.compose.foundation.layout.Row
import androidx.compose.foundation.layout.Spacer
import androidx.compose.foundation.layout.fillMaxWidth
import androidx.compose.foundation.layout.height
import androidx.compose.material3.Button
import androidx.compose.material3.ExperimentalMaterial3Api
import androidx.compose.material3.OutlinedTextField
import androidx.compose.material3.Text
import androidx.compose.material3.TextButton
import androidx.compose.runtime.Composable
import androidx.compose.runtime.getValue
import androidx.compose.runtime.mutableStateOf
import androidx.compose.runtime.remember
import androidx.compose.runtime.setValue
import androidx.compose.ui.Modifier
import androidx.compose.ui.res.stringResource
import androidx.compose.ui.tooling.preview.Preview
import net.taler.anastasis.R
import net.taler.anastasis.ui.theme.LocalSpacing
@Composable
fun Form(
modifier: Modifier = Modifier,
button: @Composable () -> Unit,
onCancelClicked: () -> Unit,
content: @Composable ColumnScope.() -> Unit,
) {
Column(modifier = modifier) {
Column (content = content)
Spacer(Modifier.height(LocalSpacing.current.medium))
Row(
modifier = Modifier.fillMaxWidth(),
horizontalArrangement = Arrangement.SpaceAround,
) {
TextButton(
onClick = onCancelClicked,
) {
Text(stringResource(R.string.cancel))
Spacer(Modifier.weight(1f))
button()
}
}
}
}
@OptIn(ExperimentalMaterial3Api::class)
@Preview
@Composable
fun FormPreview() {
Form(
modifier = Modifier.fillMaxWidth(),
button = {
Button(onClick = {}) {
Text("Create")
}
},
onCancelClicked = {}
) {
var email by remember { mutableStateOf("") }
OutlinedTextField(
modifier = Modifier.fillMaxWidth(),
value = email,
onValueChange = { email = it },
label = { Text(stringResource(R.string.question)) },
)
}
}
|