Timer geeft nu correcte UI + timer kan manueel gestopt worden
This commit is contained in:
		
							parent
							
								
									7c0e15cb9d
								
							
						
					
					
						commit
						2071b31f72
					
				
					 2 changed files with 102 additions and 13 deletions
				
			
		|  | @ -1,19 +1,23 @@ | |||
| package be.ugent.sel.studeez.screens.session | ||||
| 
 | ||||
| import androidx.compose.foundation.layout.Column | ||||
| import androidx.compose.foundation.layout.fillMaxWidth | ||||
| import androidx.compose.foundation.background | ||||
| import androidx.compose.foundation.border | ||||
| import androidx.compose.foundation.layout.* | ||||
| import androidx.compose.foundation.shape.RoundedCornerShape | ||||
| import androidx.compose.material.Text | ||||
| import androidx.compose.material.TextButton | ||||
| import androidx.compose.runtime.* | ||||
| import androidx.compose.ui.Alignment | ||||
| import androidx.compose.ui.Modifier | ||||
| import androidx.compose.ui.graphics.Color | ||||
| import androidx.compose.ui.text.font.FontWeight | ||||
| import androidx.compose.ui.text.style.TextAlign | ||||
| import androidx.compose.ui.unit.TextUnit | ||||
| import androidx.compose.ui.tooling.preview.Preview | ||||
| import androidx.compose.ui.unit.dp | ||||
| import androidx.compose.ui.unit.sp | ||||
| import androidx.hilt.navigation.compose.hiltViewModel | ||||
| import be.ugent.sel.studeez.R | ||||
| import be.ugent.sel.studeez.common.composable.PrimaryScreenTemplate | ||||
| import be.ugent.sel.studeez.resources | ||||
| import be.ugent.sel.studeez.domain.implementation.LogServiceImpl | ||||
| import be.ugent.sel.studeez.navigation.StudeezDestinations | ||||
| import kotlinx.coroutines.delay | ||||
| 
 | ||||
| @Composable | ||||
|  | @ -22,12 +26,33 @@ fun SessionScreen( | |||
|     openAndPopUp: (String, String) -> Unit, | ||||
|     viewModel: SessionViewModel = hiltViewModel() | ||||
| ) { | ||||
|     PrimaryScreenTemplate( | ||||
|         title = resources().getString(R.string.start_session), | ||||
|         open = open, | ||||
|         openAndPopUp = openAndPopUp | ||||
|     ) { | ||||
|    Column( | ||||
|        modifier = Modifier.padding(10.dp) | ||||
|    ) { | ||||
|         Timer(viewModel) | ||||
| 
 | ||||
|         Box( | ||||
|             contentAlignment = Alignment.Center, | ||||
|             modifier = Modifier | ||||
|                 .fillMaxWidth() | ||||
|                 .padding(50.dp) | ||||
|         ) { | ||||
|             TextButton( | ||||
|                 onClick = { open(StudeezDestinations.HOME_SCREEN) }, | ||||
|                 modifier = Modifier | ||||
|                     .padding(horizontal = 20.dp) | ||||
|                     .border(1.dp, Color.Red, RoundedCornerShape(32.dp)) | ||||
|                     .background(Color.Transparent) | ||||
|             ) { | ||||
|                 Text( | ||||
|                     text = "End session", | ||||
|                     color = Color.Red, | ||||
|                     fontWeight = FontWeight.Bold, | ||||
|                     fontSize = 18.sp, | ||||
|                     modifier = Modifier.padding(1.dp) | ||||
|                 ) | ||||
|             } | ||||
|         } | ||||
|     } | ||||
| } | ||||
| 
 | ||||
|  | @ -44,10 +69,12 @@ private fun Timer(viewModel: SessionViewModel = hiltViewModel()) { | |||
|     Column { | ||||
|         Text( | ||||
|             text = "${hms.hours} : ${hms.minutes} : ${hms.seconds}", | ||||
|             modifier = Modifier.fillMaxWidth(), | ||||
|             modifier = Modifier | ||||
|                 .fillMaxWidth() | ||||
|                 .padding(50.dp), | ||||
|             textAlign = TextAlign.Center, | ||||
|             fontWeight = FontWeight.Bold, | ||||
|             fontSize = 80.sp | ||||
|             fontSize = 40.sp, | ||||
|         ) | ||||
|         Text( | ||||
|             text = viewModel.getTimer().getViewString(), | ||||
|  | @ -56,5 +83,62 @@ private fun Timer(viewModel: SessionViewModel = hiltViewModel()) { | |||
|             fontWeight = FontWeight.Light, | ||||
|             fontSize = 30.sp | ||||
|         ) | ||||
| 
 | ||||
|         Box( | ||||
|             contentAlignment = Alignment.Center, | ||||
|             modifier = Modifier | ||||
|                 .fillMaxWidth() | ||||
|                 .padding(50.dp) | ||||
|         ) { | ||||
|             Box( | ||||
|                 contentAlignment = Alignment.Center, | ||||
|                 modifier = Modifier | ||||
|                     .padding(16.dp) | ||||
|                     .background(Color.Blue, RoundedCornerShape(32.dp)) | ||||
|             ) { | ||||
|                 Text( | ||||
|                     text = viewModel.getTask(), | ||||
|                     color = Color.White, | ||||
|                     fontSize = 18.sp, | ||||
|                     fontWeight = FontWeight.Bold, | ||||
|                     modifier = Modifier | ||||
|                         .padding(vertical = 4.dp, horizontal = 20.dp) | ||||
|                 ) | ||||
|             } | ||||
|         } | ||||
|     } | ||||
| } | ||||
| 
 | ||||
| @Preview | ||||
| @Composable | ||||
| fun Screen() { | ||||
|     val viewModel = SessionViewModel(LogServiceImpl()) | ||||
|     Column( | ||||
|         modifier = Modifier.padding(10.dp) | ||||
|     ) { | ||||
|         Timer(viewModel) | ||||
| 
 | ||||
|         Box( | ||||
|             contentAlignment = Alignment.Center, | ||||
|             modifier = Modifier | ||||
|                 .fillMaxWidth() | ||||
|                 .padding(50.dp) | ||||
|         ) { | ||||
|             TextButton( | ||||
|                 onClick = {}, | ||||
|                 modifier = Modifier | ||||
|                     .padding(vertical = 1.dp, horizontal = 20.dp) | ||||
|                     .border(1.dp, Color.Red, RoundedCornerShape(32.dp)) | ||||
|                     .background(Color.Transparent) | ||||
|             ) { | ||||
|                 Text( | ||||
|                     text = "End session", | ||||
|                     color = Color.Red, | ||||
|                     fontWeight = FontWeight.Bold, | ||||
|                     fontSize = 18.sp, | ||||
|                     modifier = Modifier.padding(1.dp) | ||||
|                 ) | ||||
|             } | ||||
|         } | ||||
|     } | ||||
| } | ||||
|  | @ -13,8 +13,13 @@ class SessionViewModel @Inject constructor( | |||
| ) : StudeezViewModel(logService) { | ||||
| 
 | ||||
|     private val timer: FunctionalTimer = FunctionalPomodoroTimer(15, 5, 3) | ||||
|     private val task : String = "No task selected" // placeholder for tasks implementation | ||||
| 
 | ||||
|     fun getTimer() : FunctionalTimer { | ||||
|         return timer | ||||
|     } | ||||
| 
 | ||||
|     fun getTask(): String { | ||||
|         return task | ||||
|     } | ||||
| } | ||||
		Reference in a new issue
	
	 Rune Dyselinck
						Rune Dyselinck