#52 Move drawer to toolbar
This commit is contained in:
parent
85e1b55507
commit
307f9e0d70
7 changed files with 88 additions and 51 deletions
|
@ -1,4 +1,4 @@
|
|||
package be.ugent.sel.studeez.common.composable
|
||||
package be.ugent.sel.studeez.screens.drawer
|
||||
|
||||
import androidx.compose.foundation.Image
|
||||
import androidx.compose.foundation.clickable
|
||||
|
@ -7,17 +7,19 @@ import androidx.compose.material.Divider
|
|||
import androidx.compose.material.Icon
|
||||
import androidx.compose.material.Text
|
||||
import androidx.compose.material.icons.Icons
|
||||
import androidx.compose.material.icons.filled.*
|
||||
import androidx.compose.material.icons.filled.Home
|
||||
import androidx.compose.material.icons.filled.Settings
|
||||
import androidx.compose.material.icons.outlined.Info
|
||||
import androidx.compose.runtime.Composable
|
||||
import androidx.compose.ui.Modifier
|
||||
import androidx.compose.ui.graphics.vector.ImageVector
|
||||
import androidx.compose.ui.res.painterResource
|
||||
import androidx.compose.ui.res.stringResource
|
||||
import androidx.compose.ui.res.vectorResource
|
||||
import androidx.compose.ui.tooling.preview.Preview
|
||||
import androidx.hilt.navigation.compose.hiltViewModel
|
||||
import be.ugent.sel.studeez.R
|
||||
import be.ugent.sel.studeez.resources
|
||||
import be.ugent.sel.studeez.screens.drawer.DrawerViewModel
|
||||
import be.ugent.sel.studeez.ui.theme.StudeezTheme
|
||||
|
||||
|
||||
|
@ -27,7 +29,7 @@ fun Drawer(
|
|||
viewModel: DrawerViewModel = hiltViewModel()
|
||||
) {
|
||||
Column(modifier = Modifier.fillMaxSize()) {
|
||||
LoggedInUserCard()
|
||||
LoggedInUserCard(viewModel.currentUser)
|
||||
|
||||
Divider()
|
||||
|
||||
|
@ -38,7 +40,7 @@ fun Drawer(
|
|||
// TODO Go to home
|
||||
}
|
||||
DrawerEntry(
|
||||
icon = Icons.Default.LocationOn, // TODO Fix icon
|
||||
icon = ImageVector.vectorResource(id = R.drawable.ic_timer),
|
||||
text = resources().getString(R.string.timers)
|
||||
) {
|
||||
// TODO Go to timers
|
||||
|
@ -50,14 +52,14 @@ fun Drawer(
|
|||
// TODO Go to settings
|
||||
}
|
||||
DrawerEntry(
|
||||
icon = Icons.Default.AccountBox, // TODO Fix icon
|
||||
icon = ImageVector.vectorResource(id = R.drawable.ic_logout),
|
||||
text = resources().getString(R.string.log_out)
|
||||
) {
|
||||
viewModel.onLogoutClick(openAndPopup)
|
||||
}
|
||||
|
||||
DrawerEntry(
|
||||
icon = Icons.Default.Info,
|
||||
icon = Icons.Outlined.Info,
|
||||
text = resources().getString(R.string.about)
|
||||
) {
|
||||
// TODO Go to about
|
||||
|
@ -87,7 +89,9 @@ fun DrawerEntry(
|
|||
}
|
||||
|
||||
@Composable
|
||||
fun LoggedInUserCard() {
|
||||
fun LoggedInUserCard(
|
||||
username: String
|
||||
) {
|
||||
Column() {
|
||||
// TODO Profile picture of current user
|
||||
Image(
|
||||
|
@ -95,8 +99,7 @@ fun LoggedInUserCard() {
|
|||
contentDescription = stringResource(R.string.profile_picture_description)
|
||||
)
|
||||
|
||||
// TODO Username
|
||||
Text(text = "Username todo")
|
||||
Text(text = username)
|
||||
|
||||
// TODO Description of user (normal user or something else?)
|
||||
Text(text = stringResource(id = R.string.user_description))
|
||||
|
@ -115,6 +118,6 @@ fun DrawerPreview() {
|
|||
@Composable
|
||||
fun LoggedInUserCardPreview() {
|
||||
StudeezTheme {
|
||||
LoggedInUserCard()
|
||||
LoggedInUserCard("John Doe")
|
||||
}
|
||||
}
|
|
@ -13,6 +13,8 @@ class DrawerViewModel @Inject constructor(
|
|||
private val accountDAO: AccountDAO,
|
||||
logService: LogService
|
||||
): StudeezViewModel(logService) {
|
||||
val currentUser: String = accountDAO.currentUserId
|
||||
|
||||
fun onLogoutClick(openAndPopup: (String, String) -> Unit) {
|
||||
launchCatching {
|
||||
accountDAO.signOut()
|
||||
|
|
|
@ -0,0 +1,16 @@
|
|||
package be.ugent.sel.studeez.screens.drawer
|
||||
|
||||
import androidx.compose.material.ScaffoldState
|
||||
import androidx.compose.runtime.Stable
|
||||
import kotlinx.coroutines.CoroutineScope
|
||||
import kotlinx.coroutines.launch
|
||||
|
||||
@Stable
|
||||
class StudeezDrawerState(
|
||||
val scaffoldState: ScaffoldState,
|
||||
private val coroutineScope: CoroutineScope
|
||||
) {
|
||||
fun openDrawer() {
|
||||
coroutineScope.launch { scaffoldState.drawerState.open() }
|
||||
}
|
||||
}
|
|
@ -12,13 +12,12 @@ import be.ugent.sel.studeez.resources
|
|||
@Composable
|
||||
fun HomeScreen(
|
||||
openAndPopUp: (String, String) -> Unit,
|
||||
openDrawer: () -> Unit,
|
||||
viewModel: HomeViewModel = hiltViewModel()
|
||||
) {
|
||||
|
||||
PrimaryScreenToolbar(
|
||||
title = resources().getString(R.string.home),
|
||||
openDrawer = { openDrawer() }
|
||||
openAndPopUp = openAndPopUp
|
||||
) {
|
||||
BasicButton(R.string.start_session, Modifier.basicButton()) {
|
||||
viewModel.onStartSessionClick(openAndPopUp)
|
||||
|
|
Reference in a new issue