You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
200 lines
7.6 KiB
Kotlin
200 lines
7.6 KiB
Kotlin
// Copyright (c) Tailscale Inc & AUTHORS
|
|
// SPDX-License-Identifier: BSD-3-Clause
|
|
|
|
package com.tailscale.ipn.ui.view
|
|
|
|
import androidx.compose.foundation.background
|
|
import androidx.compose.foundation.layout.Arrangement
|
|
import androidx.compose.foundation.layout.Column
|
|
import androidx.compose.foundation.layout.Row
|
|
import androidx.compose.foundation.layout.Spacer
|
|
import androidx.compose.foundation.layout.fillMaxWidth
|
|
import androidx.compose.foundation.layout.padding
|
|
import androidx.compose.foundation.lazy.LazyColumn
|
|
import androidx.compose.material.icons.Icons
|
|
import androidx.compose.material.icons.filled.MoreVert
|
|
import androidx.compose.material3.DropdownMenu
|
|
import androidx.compose.material3.DropdownMenuItem
|
|
import androidx.compose.material3.ExperimentalMaterial3Api
|
|
import androidx.compose.material3.Icon
|
|
import androidx.compose.material3.IconButton
|
|
import androidx.compose.material3.MaterialTheme
|
|
import androidx.compose.material3.OutlinedTextField
|
|
import androidx.compose.material3.Scaffold
|
|
import androidx.compose.material3.Text
|
|
import androidx.compose.material3.TextFieldDefaults
|
|
import androidx.compose.runtime.Composable
|
|
import androidx.compose.runtime.collectAsState
|
|
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.graphics.Color
|
|
import androidx.compose.ui.res.stringResource
|
|
import androidx.compose.ui.tooling.preview.Preview
|
|
import androidx.compose.ui.unit.dp
|
|
import androidx.lifecycle.viewmodel.compose.viewModel
|
|
import com.tailscale.ipn.R
|
|
import com.tailscale.ipn.ui.util.Lists
|
|
import com.tailscale.ipn.ui.util.itemsWithDividers
|
|
import com.tailscale.ipn.ui.util.set
|
|
import com.tailscale.ipn.ui.viewModel.UserSwitcherViewModel
|
|
|
|
@OptIn(ExperimentalMaterial3Api::class)
|
|
@Composable
|
|
fun UserSwitcherView(
|
|
backToSettings: BackNavigation,
|
|
onNavigateHome: () -> Unit,
|
|
viewModel: UserSwitcherViewModel = viewModel()
|
|
) {
|
|
|
|
val users = viewModel.loginProfiles.collectAsState().value
|
|
val currentUser = viewModel.loggedInUser.collectAsState().value
|
|
val showHeaderMenu = viewModel.showHeaderMenu.collectAsState().value
|
|
|
|
Scaffold(
|
|
topBar = {
|
|
Header(
|
|
R.string.accounts,
|
|
onBack = backToSettings,
|
|
actions = {
|
|
Row {
|
|
FusMenu(viewModel = viewModel)
|
|
IconButton(onClick = { viewModel.showHeaderMenu.set(!showHeaderMenu) }) {
|
|
Icon(Icons.Default.MoreVert, "menu")
|
|
}
|
|
}
|
|
})
|
|
}) { innerPadding ->
|
|
Column(
|
|
modifier = Modifier.padding(innerPadding).fillMaxWidth(),
|
|
verticalArrangement = Arrangement.spacedBy(8.dp)) {
|
|
val showErrorDialog = viewModel.errorDialog.collectAsState().value
|
|
|
|
// Show the error overlay if need be
|
|
showErrorDialog?.let {
|
|
ErrorDialog(type = it, action = { viewModel.errorDialog.set(null) })
|
|
}
|
|
|
|
// When switch is invoked, this stores the ID of the user we're trying to switch to
|
|
// so we can decorate it with a spinner. The actual logged in user will not change
|
|
// until
|
|
// we get our first netmap update back with the new userId for SelfNode.
|
|
// (jonathan) TODO: This user switch is not immediate. We may need to represent the
|
|
// "switching users" state globally (if ipnState is insufficient)
|
|
val nextUserId = remember { mutableStateOf<String?>(null) }
|
|
|
|
LazyColumn {
|
|
itemsWithDividers(users ?: emptyList()) { user ->
|
|
if (user.ID == currentUser?.ID) {
|
|
UserView(profile = user, actionState = UserActionState.CURRENT)
|
|
} else {
|
|
val state =
|
|
if (user.ID == nextUserId.value) UserActionState.SWITCHING
|
|
else UserActionState.NONE
|
|
UserView(
|
|
profile = user,
|
|
actionState = state,
|
|
onClick = {
|
|
nextUserId.value = user.ID
|
|
viewModel.switchProfile(user) {
|
|
if (it.isFailure) {
|
|
viewModel.errorDialog.set(ErrorDialogType.LOGOUT_FAILED)
|
|
nextUserId.value = null
|
|
} else {
|
|
onNavigateHome()
|
|
}
|
|
}
|
|
})
|
|
}
|
|
}
|
|
|
|
item {
|
|
Lists.SectionDivider()
|
|
Setting.Text(R.string.add_account) {
|
|
viewModel.addProfile {
|
|
if (it.isFailure) {
|
|
viewModel.errorDialog.set(ErrorDialogType.ADD_PROFILE_FAILED)
|
|
}
|
|
}
|
|
}
|
|
|
|
Lists.ItemDivider()
|
|
Setting.Text(R.string.reauthenticate) { viewModel.login {} }
|
|
|
|
if (currentUser != null) {
|
|
Lists.ItemDivider()
|
|
Setting.Text(
|
|
R.string.log_out,
|
|
destructive = true,
|
|
onClick = {
|
|
viewModel.logout {
|
|
if (it.isFailure) {
|
|
viewModel.errorDialog.set(ErrorDialogType.LOGOUT_FAILED)
|
|
}
|
|
}
|
|
})
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
@Composable
|
|
fun FusMenu(viewModel: UserSwitcherViewModel) {
|
|
var url by remember { mutableStateOf("") }
|
|
val expanded = viewModel.showHeaderMenu.collectAsState().value
|
|
|
|
DropdownMenu(
|
|
expanded = expanded,
|
|
onDismissRequest = {
|
|
url = ""
|
|
viewModel.showHeaderMenu.set(false)
|
|
},
|
|
modifier = Modifier.background(MaterialTheme.colorScheme.surfaceContainer)) {
|
|
DropdownMenuItem(
|
|
onClick = {},
|
|
text = {
|
|
Column {
|
|
Text(
|
|
stringResource(id = R.string.custom_control_menu),
|
|
style = MaterialTheme.typography.titleMedium)
|
|
Spacer(modifier = Modifier.padding(2.dp))
|
|
Text(
|
|
stringResource(id = R.string.custom_control_menu_desc),
|
|
style = MaterialTheme.typography.bodySmall)
|
|
Spacer(modifier = Modifier.padding(8.dp))
|
|
|
|
OutlinedTextField(
|
|
colors =
|
|
TextFieldDefaults.colors(
|
|
focusedContainerColor = Color.Transparent,
|
|
unfocusedContainerColor = Color.Transparent),
|
|
textStyle = MaterialTheme.typography.bodyMedium,
|
|
value = url,
|
|
onValueChange = { url = it },
|
|
placeholder = {
|
|
Text(
|
|
stringResource(id = R.string.custom_control_placeholder),
|
|
style = MaterialTheme.typography.bodySmall)
|
|
})
|
|
|
|
Spacer(modifier = Modifier.padding(8.dp))
|
|
|
|
PrimaryActionButton(onClick = { viewModel.setControlURL(url) }) {
|
|
Text(stringResource(id = R.string.add_account_short))
|
|
}
|
|
}
|
|
})
|
|
}
|
|
}
|
|
|
|
@Composable
|
|
@Preview
|
|
fun UserSwitcherViewPreview() {
|
|
val vm = UserSwitcherViewModel()
|
|
UserSwitcherView(backToSettings = {}, onNavigateHome = {}, vm)
|
|
}
|