-
Notifications
You must be signed in to change notification settings - Fork 1
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Feat/estimate carbon footprint (#44)
* feat: adding addAnswerToQuestion and LinearProgress * feat: adding routes, cards and new linearProgress * fix: resolve conflit * fix: addinf new string, correct result, and load the firstQuestion * fix: adding new strings for exception handling and new rendering * chore: adding finally blocks and @api notation
- Loading branch information
1 parent
da7e0f6
commit bf1a79d
Showing
5 changed files
with
527 additions
and
80 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
309 changes: 309 additions & 0 deletions
309
app/src/main/java/io/github/sustainow/presentation/ui/ExpectedCarbonFootprintScreen.kt
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,309 @@ | ||
| package io.github.sustainow.presentation.ui | ||
|
|
||
| import android.os.Build | ||
| import androidx.annotation.RequiresApi | ||
| import androidx.compose.foundation.layout.Arrangement | ||
| import androidx.compose.foundation.layout.Column | ||
| import androidx.compose.foundation.layout.Row | ||
| import androidx.compose.foundation.layout.fillMaxWidth | ||
| import androidx.compose.foundation.layout.padding | ||
| import androidx.compose.foundation.layout.wrapContentHeight | ||
| import androidx.compose.foundation.shape.RoundedCornerShape | ||
| import androidx.compose.material3.Button | ||
| import androidx.compose.material3.ButtonDefaults | ||
| import androidx.compose.material3.Card | ||
| import androidx.compose.material3.CardDefaults | ||
| import androidx.compose.material3.LinearProgressIndicator | ||
| import androidx.compose.material3.MaterialTheme | ||
| import androidx.compose.material3.Text | ||
| 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.rememberCoroutineScope | ||
| import androidx.compose.runtime.setValue | ||
| import androidx.compose.ui.Alignment | ||
| import androidx.compose.ui.Modifier | ||
| import androidx.compose.ui.res.stringResource | ||
| import androidx.compose.ui.unit.dp | ||
| import androidx.navigation.NavController | ||
| import io.github.sustainow.ConsumptionMainPage | ||
| import io.github.sustainow.R | ||
| import io.github.sustainow.domain.model.Question | ||
| import io.github.sustainow.domain.model.UserState | ||
| import kotlinx.coroutines.delay | ||
| import kotlinx.coroutines.launch | ||
| import io.github.sustainow.presentation.viewmodel.FormularyViewModel | ||
| import io.github.sustainow.presentation.ui.components.SingleSelectQuestionCard | ||
| import io.github.sustainow.presentation.ui.components.MultiSelectQuestionCard | ||
| import io.github.sustainow.presentation.ui.components.NumericalSelectQuestionCard | ||
| import java.time.LocalDate | ||
|
|
||
|
|
||
| @Composable | ||
| fun LinearDeterminateIndicator() { | ||
| var currentProgress by remember { mutableStateOf(0f) } | ||
| var loading by remember { mutableStateOf(false) } | ||
| val scope = rememberCoroutineScope() // Create a coroutine scope | ||
|
|
||
| Column( | ||
| verticalArrangement = Arrangement.spacedBy(12.dp), | ||
| horizontalAlignment = Alignment.CenterHorizontally, | ||
| modifier = Modifier.fillMaxWidth() | ||
| ) { | ||
| Button(onClick = { | ||
| loading = true | ||
| scope.launch { | ||
| loadProgress { progress -> | ||
| currentProgress = progress | ||
| } | ||
| loading = false // Reset loading when the coroutine finishes | ||
| } | ||
| }, enabled = !loading) { | ||
| Text("Start loading") | ||
| } | ||
|
|
||
| if (loading) { | ||
| LinearProgressIndicator( | ||
| progress = { currentProgress }, | ||
| modifier = Modifier.fillMaxWidth(), | ||
| ) | ||
| } | ||
| } | ||
| } | ||
|
|
||
| /** Iterate the progress value */ | ||
| suspend fun loadProgress(updateProgress: (Float) -> Unit) { | ||
| for (i in 1..100) { | ||
| updateProgress(i.toFloat() / 100) | ||
| delay(100) | ||
| } | ||
| } | ||
|
|
||
| @RequiresApi(Build.VERSION_CODES.O) | ||
| @Composable | ||
| fun ExpectedCarbonFootprintScreen( | ||
| navController: NavController, | ||
| viewModel: FormularyViewModel, | ||
| ) { | ||
| val formulary by viewModel.formulary.collectAsState() | ||
| val currentQuestion by viewModel.currentQuestion.collectAsState() | ||
| val loading by viewModel.loading.collectAsState() | ||
| val success by viewModel.success.collectAsState() | ||
| val erro by viewModel.error.collectAsState() | ||
|
|
||
| if (loading) { | ||
| // Exibir indicador de carregamento enquanto os dados são carregados | ||
| LinearProgressIndicator(modifier = Modifier.fillMaxWidth()) | ||
| } else if (success) { | ||
| val totalValue = viewModel.calculateTotalValue() | ||
|
|
||
| Column( | ||
| modifier = Modifier | ||
| .fillMaxWidth() | ||
| .padding(16.dp), | ||
| horizontalAlignment = Alignment.CenterHorizontally | ||
| ) { | ||
| Card( | ||
| modifier = Modifier | ||
| .wrapContentHeight() | ||
| .fillMaxWidth(), | ||
| colors = CardDefaults.cardColors( | ||
| containerColor = MaterialTheme.colorScheme.onTertiaryContainer | ||
| ), | ||
| shape = RoundedCornerShape(8.dp) | ||
| ) { | ||
| Column( | ||
| modifier = Modifier.padding(16.dp), | ||
| horizontalAlignment = Alignment.CenterHorizontally | ||
| ) { | ||
| Text( | ||
| text = stringResource(R.string.result), | ||
| style = MaterialTheme.typography.headlineMedium, // Tamanho maior para o texto | ||
| modifier = Modifier.padding(bottom = 8.dp), | ||
| color = MaterialTheme.colorScheme.inverseOnSurface | ||
| ) | ||
| Text( | ||
| text = "$totalValue kg/mês", | ||
| style = MaterialTheme.typography.displayMedium, // Destaque maior para o valor | ||
| modifier = Modifier.padding(bottom = 16.dp), | ||
| color = MaterialTheme.colorScheme.inverseOnSurface | ||
| ) | ||
| } | ||
| } | ||
|
|
||
| Button( | ||
| onClick = { navController.navigate(ConsumptionMainPage) }, | ||
| modifier = Modifier.padding(top = 16.dp), // Espaçamento acima do botão | ||
| colors = ButtonDefaults.buttonColors( | ||
| containerColor = MaterialTheme.colorScheme.primary, | ||
| contentColor = MaterialTheme.colorScheme.onPrimary | ||
| ) | ||
| ) { | ||
| Text(stringResource(R.string.back)) | ||
| } | ||
| } | ||
| } else if (erro != null) { | ||
| if(erro!!.source === formulary) { | ||
| Card( | ||
| modifier = Modifier | ||
| .padding(16.dp) | ||
| .fillMaxWidth() | ||
| .wrapContentHeight(), | ||
| colors = CardDefaults.cardColors( | ||
| containerColor = MaterialTheme.colorScheme.onSurface | ||
| ), | ||
| shape = RoundedCornerShape(8.dp) | ||
| ) { | ||
| Column( | ||
| modifier = Modifier.padding(16.dp), | ||
| horizontalAlignment = Alignment.CenterHorizontally | ||
| ) { | ||
| Text( | ||
| text = stringResource(R.string.formulary_error), | ||
| modifier = Modifier.padding(bottom = 16.dp), | ||
| color = MaterialTheme.colorScheme.inverseOnSurface, | ||
| ) | ||
| Button( | ||
| onClick = { navController.navigate(ConsumptionMainPage) }, | ||
| colors = ButtonDefaults.buttonColors( | ||
| containerColor = MaterialTheme.colorScheme.errorContainer, | ||
| contentColor = MaterialTheme.colorScheme.onErrorContainer | ||
| ) | ||
| ) { | ||
| Text(stringResource(R.string.back)) | ||
| } | ||
| } | ||
| } | ||
| } else { | ||
| Card( | ||
| modifier = Modifier | ||
| .padding(16.dp) | ||
| .fillMaxWidth() | ||
| .wrapContentHeight(), | ||
| colors = CardDefaults.cardColors( | ||
| containerColor = MaterialTheme.colorScheme.onSurface | ||
| ), | ||
| shape = RoundedCornerShape(8.dp) | ||
| ) { | ||
| Column( | ||
| modifier = Modifier.padding(16.dp), | ||
| horizontalAlignment = Alignment.CenterHorizontally | ||
| ) { | ||
| Text( | ||
| text = stringResource(R.string.answer_error), | ||
| modifier = Modifier.padding(bottom = 16.dp), | ||
| color = MaterialTheme.colorScheme.inverseOnSurface, | ||
| ) | ||
| Button( | ||
| onClick = { navController.navigate(ConsumptionMainPage) }, | ||
| colors = ButtonDefaults.buttonColors( | ||
| containerColor = MaterialTheme.colorScheme.errorContainer, | ||
| contentColor = MaterialTheme.colorScheme.onErrorContainer | ||
| ) | ||
| ) { | ||
| Text(stringResource(R.string.back)) | ||
| } | ||
| } | ||
| } | ||
| } | ||
| } else { | ||
| val questions = formulary!!.questions | ||
| val currentIndex = questions.indexOf(currentQuestion) | ||
| val progress = if (questions.isNotEmpty()) (currentIndex + 1) / questions.size.toFloat() else 0f | ||
|
|
||
| Column( | ||
| verticalArrangement = Arrangement.spacedBy(12.dp), | ||
| horizontalAlignment = Alignment.CenterHorizontally, | ||
| modifier = Modifier.fillMaxWidth() | ||
| ) { | ||
| // Indicador de progresso linear baseado no progresso das questões | ||
| LinearProgressIndicator( | ||
| progress = { | ||
| progress // Corrigido: deve ser um Float | ||
| }, | ||
| modifier = Modifier.fillMaxWidth(), | ||
| ) | ||
|
|
||
| // Exibir a questão atual | ||
| currentQuestion?.let { question -> | ||
| when (question) { | ||
| is Question.SingleSelect -> SingleSelectQuestionCard(question) { | ||
| selectedAlternative -> | ||
| if(viewModel.userStateLogged is UserState.Logged) { | ||
| viewModel.addAnswerToQuestion( | ||
| question = question, | ||
| selectedAlternative = selectedAlternative, | ||
| formId = formulary!!.id, // Certifique-se de passar os valores necessários | ||
| uid = viewModel.userStateLogged.user.uid, | ||
| groupName = "", | ||
| month = LocalDate.now().monthValue, | ||
| ) | ||
| } | ||
| } | ||
| is Question.MultiSelect -> MultiSelectQuestionCard(question) { | ||
| selectedAlternative -> | ||
| if(viewModel.userStateLogged is UserState.Logged) { | ||
| viewModel.addAnswerToQuestion( | ||
| question = question, | ||
| selectedAlternative = selectedAlternative, | ||
| formId = formulary!!.id, // Certifique-se de passar os valores necessários | ||
| uid = viewModel.userStateLogged.user.uid, | ||
| groupName = "", | ||
| month = LocalDate.now().monthValue, | ||
| ) | ||
| } | ||
| } | ||
| is Question.Numerical -> NumericalSelectQuestionCard(question) { | ||
| selectedAlternative -> | ||
| if(viewModel.userStateLogged is UserState.Logged) { | ||
| viewModel.addAnswerToQuestion( | ||
| question = question, | ||
| selectedAlternative = selectedAlternative, | ||
| formId = formulary!!.id, // Certifique-se de passar os valores necessários | ||
| uid = viewModel.userStateLogged.user.uid, | ||
| groupName = "", | ||
| month = LocalDate.now().monthValue, | ||
| ) | ||
| } | ||
| } | ||
| is Question.MultiItem -> { | ||
| Text("Question: ${question.text} (Multi Item)") | ||
| } | ||
| } | ||
| } | ||
|
|
||
| // Botões de navegação | ||
| Row( | ||
| horizontalArrangement = Arrangement.spacedBy(12.dp), | ||
| verticalAlignment = Alignment.CenterVertically | ||
| ) { | ||
| Button( | ||
| onClick = { viewModel.goToPreviousQuestion() }, | ||
| enabled = currentIndex > 0, // Desabilitar se estiver na primeira questão | ||
| colors = ButtonDefaults.buttonColors( | ||
| containerColor = MaterialTheme.colorScheme.tertiary, | ||
| contentColor = MaterialTheme.colorScheme.onSurface | ||
| ) | ||
| ) { | ||
| Text(stringResource(R.string._return)) | ||
| } | ||
|
|
||
| Button( | ||
| onClick = { | ||
| if (currentIndex == questions.size - 1) { | ||
| // Última questão, concluir o formulário | ||
| viewModel.sendAnswers() | ||
| } else { | ||
| // Avançar para a próxima questão | ||
| viewModel.goToNextQuestion() | ||
| } | ||
| } | ||
| ) { | ||
| Text(if (currentIndex == questions.size - 1) stringResource(R.string.conclude) else stringResource(R.string.advance)) | ||
| } | ||
| } | ||
| } | ||
| } | ||
| } |
Oops, something went wrong.