feat : Confirmdialog password lobby

1 year ago · ef784ff3d3
parent ab3563723e
commit ef784ff3d3
1 changed files with 100 additions and 20 deletions
--- a/Android/app/src/main/java/com/example/mathseduc/ui/activity_multi.kt
+++ b/Android/app/src/main/java/com/example/mathseduc/ui/activity_multi.kt
@ -15,12 +15,15 @@ import androidx.compose.foundation.layout.padding
 import androidx.compose.foundation.lazy.LazyColumn
 import androidx.compose.foundation.lazy.items
 import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.foundation.text.KeyboardOptions
 import androidx.compose.material.icons.Icons
 import androidx.compose.material.icons.rounded.ArrowBack
+import androidx.compose.material3.AlertDialog
 import androidx.compose.material3.Button
 import androidx.compose.material3.ButtonDefaults
 import androidx.compose.material3.Icon
 import androidx.compose.material3.IconButton
+import androidx.compose.material3.OutlinedTextField
 import androidx.compose.material3.Text
 import androidx.compose.runtime.Composable
 import androidx.compose.runtime.DisposableEffect
@ -34,6 +37,8 @@ import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.draw.clip
 import androidx.compose.ui.platform.LocalContext
+import androidx.compose.ui.text.input.KeyboardType
+import androidx.compose.ui.text.input.PasswordVisualTransformation
 import androidx.compose.ui.unit.dp
 import androidx.compose.ui.unit.sp
 import com.example.mathseduc.CreateLobbyActivity
@ -90,8 +95,8 @@ fun MultiPage() {

    Box(
        modifier = Modifier
-            .fillMaxSize()
-            .padding(16.dp)
+                .fillMaxSize()
+                .padding(16.dp)
    ) {
        IconButton(
            onClick = {
@ -110,21 +115,21 @@ fun MultiPage() {

        Column(
            modifier = Modifier
-                .fillMaxSize()
-                .padding(top = 48.dp)
+                    .fillMaxSize()
+                    .padding(top = 48.dp)
        ) {
            Row(
                modifier = Modifier
-                    .fillMaxWidth()
-                    .padding(vertical = 10.dp),
+                        .fillMaxWidth()
+                        .padding(vertical = 10.dp),
                verticalAlignment = Alignment.CenterVertically
            ) {
                Text(
                    text = "Liste des lobbies",
                    color = Colors.White,
                    modifier = Modifier
-                        .weight(1f)
-                        .padding(start = 20.dp)
+                            .weight(1f)
+                            .padding(start = 20.dp)
                )
                Button(
                    onClick = {
@ -134,8 +139,8 @@ fun MultiPage() {
                    },
                    shape = RoundedCornerShape(15),
                    modifier = Modifier
-                        .weight(1f)
-                        .padding(end = 20.dp),
+                            .weight(1f)
+                            .padding(end = 20.dp),
                    colors = ButtonDefaults.buttonColors(Colors.Blue)
                ) {
                    Text(text = "Ajouter un lobby")
@ -144,8 +149,8 @@ fun MultiPage() {

            LazyColumn(
                modifier = Modifier
-                    .fillMaxSize()
-                    .weight(0.85f)
+                        .fillMaxSize()
+                        .weight(0.85f)
            ) {
                items(lobbyList) { lobby ->
                    LobbyItem(lobby, selectedItem == lobby) {
@ -154,6 +159,7 @@ fun MultiPage() {

                        if (ControllerLobby.getNbPlayerInLobby(selectedItem!!.id) < selectedItem!!.nbplayers) {
                            // Créer un Utiliser si le lobby n'est pas plein
+
                            scope.launch {
                                createUtiliserForLobby(context, selectedItem!!)
                            }
@ -192,16 +198,22 @@ private suspend fun createUtiliserForLobby(context: Context, lobby: Lobby) {

@Composable
 fun LobbyItem(lobby: Lobby, isSelected: Boolean, onItemClick: (Lobby) -> Unit) {
+    val context = LocalContext.current
+    var showDialog by rememberSaveable { mutableStateOf(false) }
    Row(
        modifier = Modifier
-            .fillMaxWidth()
-            .padding(8.dp)
-            .clickable {
-                onItemClick(lobby)
-            }
-            .background(if (isSelected) Colors.Orange else Colors.Grey)
-            .padding(16.dp)
-            .clip(RoundedCornerShape(8.dp))
+                .fillMaxWidth()
+                .padding(8.dp)
+                .clickable {
+                    if (lobby.password.isNotEmpty()) {
+                        showDialog = true
+                    } else {
+                        onItemClick(lobby)
+                    }
+                }
+                .background(if (isSelected) Colors.Orange else Colors.Grey)
+                .padding(16.dp)
+                .clip(RoundedCornerShape(8.dp))
    ) {
        Text(
            text = lobby.name,
@ -227,5 +239,73 @@ fun LobbyItem(lobby: Lobby, isSelected: Boolean, onItemClick: (Lobby) -> Unit) {
            color = Colors.White,
            modifier = Modifier.weight(1f)
        )
+
+        if (showDialog) {
+            ConfirmDialog(
+                    onDismiss = { showDialog = false },
+                onConfirm = { password ->
+                    println("Password input : $password")
+                    if (password == lobby.password) {
+                    showDialog = false
+                    onItemClick(lobby)
+                } else {
+                    Toast.makeText(context, "Wrong password!", Toast.LENGTH_SHORT).show()
+                }
+            }
+            )
+        }
    }
 }
+
+@Composable
+fun ConfirmDialog(onDismiss: () -> Unit, onConfirm: (String) -> Unit) {
+    val context = LocalContext.current
+
+    var password by remember { mutableStateOf("") }
+
+    AlertDialog(
+            onDismissRequest = {
+                onDismiss()
+            },
+            title = { Text("Enter Password") },
+            confirmButton = {
+                Button(
+                        onClick = {
+                            onConfirm(password)
+                        }
+                ) {
+                    Text("Confirm")
+                }
+            },
+            dismissButton = {
+                Button(
+                        onClick = {
+                            onDismiss()
+                        }
+                ) {
+                    Text("Dismiss")
+                }
+            },
+            text = {
+                Column(
+                        modifier = Modifier
+                                .fillMaxWidth()
+                                .padding(8.dp)
+                ) {
+
+                    OutlinedTextField(
+                            value = password,
+                            onValueChange = { password = it },
+                            label = { Text("Password") },
+                            visualTransformation = PasswordVisualTransformation(),
+                            keyboardOptions = KeyboardOptions.Default.copy(
+                                    keyboardType = KeyboardType.Password
+                            ),
+                            modifier = Modifier
+                                    .fillMaxWidth()
+                                    .padding(8.dp)
+                    )
+                }
+            }
+    )
+}