Merge branch 'androidCompose' of https://codefirst.iut.uca.fr/git/jade.van_brabandt/3.01-QCM_MuscuMaths into androidCompose

Android/app/src/main/java/com/example/mathseduc/ConnexionPlayerActivity.kt

@@ -6,9 +6,11 @@ import android.widget.Toast
 import androidx.activity.ComponentActivity
 import androidx.activity.compose.setContent
 import androidx.compose.foundation.Image
-import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.*
+import androidx.compose.foundation.shape.RoundedCornerShape
 import androidx.compose.foundation.text.KeyboardOptions
+import androidx.compose.material.icons.Icons
+import androidx.compose.material.icons.filled.ArrowBack
 import androidx.compose.material3.*
 import androidx.compose.runtime.*
 import androidx.compose.runtime.saveable.rememberSaveable
@@ -30,33 +32,55 @@ class ConnexionPlayerActivity : ComponentActivity() {
         super.onCreate(savedInstanceState)
         setContent {
             MathsEducTheme {
-                ConnexionPlayerContent()
+                ConnexionPlayerContent(activity = this@ConnexionPlayerActivity)
             }
         }
     }
 }
 
+@OptIn(ExperimentalMaterial3Api::class)
 @Composable
-fun ConnexionPlayerContent() {
+fun ConnexionPlayerContent(activity: ConnexionPlayerActivity) {
     var nickname by rememberSaveable { mutableStateOf("") }
     var password by rememberSaveable { mutableStateOf("") }
     var showDialog by rememberSaveable { mutableStateOf(false) }
 
     val context = LocalContext.current
 
+    Column(modifier = Modifier.fillMaxSize()) {
+        TopAppBar(
+                colors = TopAppBarDefaults.topAppBarColors(
+                        containerColor = Color.Transparent,
+                ),
+                title = {},
+                navigationIcon = {
+                    IconButton(
+                            onClick = { activity.finish() },
+                            modifier = Modifier.size(60.dp)
+                    ) {
+                        Icon(
+                                imageVector = Icons.Filled.ArrowBack,
+                                contentDescription = "Retour",
+                                modifier = Modifier.size(36.dp),
+                                tint = Color.White
+                        )
+                    }
+                },
+        )
         Column(
                 modifier = Modifier
-            .fillMaxSize()
-            .padding(16.dp),
+                        .fillMaxWidth()
+                        .padding(16.dp)
+                        .weight(1f),
                 verticalArrangement = Arrangement.Center,
                 horizontalAlignment = Alignment.CenterHorizontally
         ) {
+
             Image(
                     painter = painterResource(id = R.drawable.logo),
                     contentDescription = null,
                     modifier = Modifier
                             .size(160.dp, 130.dp)
-                .background(Color.Gray) // Replace with your background color
             )
 
             Spacer(modifier = Modifier.height(16.dp))
@@ -67,7 +91,14 @@ fun ConnexionPlayerContent() {
                     label = { Text("Nickname") },
                     modifier = Modifier
                             .fillMaxWidth()
-                .padding(8.dp)
+                            .padding(8.dp),
+                    colors = OutlinedTextFieldDefaults.colors(
+                            focusedContainerColor = Color.White,
+                            unfocusedContainerColor = Color.White,
+                            disabledContainerColor = Color.White,
+                            focusedBorderColor = Color.Blue,
+                    ),
+                    shape = RoundedCornerShape(8.dp)
             )
 
             OutlinedTextField(
@@ -80,7 +111,14 @@ fun ConnexionPlayerContent() {
                     ),
                     modifier = Modifier
                             .fillMaxWidth()
-                .padding(8.dp)
+                            .padding(8.dp),
+                    colors = OutlinedTextFieldDefaults.colors(
+                            focusedContainerColor = Color.White,
+                            unfocusedContainerColor = Color.White,
+                            disabledContainerColor = Color.White,
+                            focusedBorderColor = Color.Blue,
+                    ),
+                    shape = RoundedCornerShape(8.dp)
             )
 
             Spacer(modifier = Modifier.height(16.dp))
@@ -89,9 +127,6 @@ fun ConnexionPlayerContent() {
             onClick = {
                 val isAuthenticated = ControllerPlayer.authenticateUser(nickname, password)
                 if (isAuthenticated != -1) {
-                    val intent = Intent(context, MainActivity::class.java)
-                    context.startActivity(intent)
-
                     MainActivity.idPlayerConnected = isAuthenticated
                     Toast.makeText(context, "Connexion réussie, bienvenue $nickname !", Toast.LENGTH_SHORT).show()
                 } else {
@@ -111,7 +146,9 @@ fun ConnexionPlayerContent() {
                     onClick = { showDialog = true },
                     modifier = Modifier
                             .fillMaxWidth()
-                .height(48.dp)
+                            .height(48.dp),
+                    colors = ButtonDefaults.buttonColors(
+                            containerColor = Color(0xFF40E0D0))
             ) {
                 Text("Register")
             }
@@ -121,6 +158,7 @@ fun ConnexionPlayerContent() {
             }
         }
     }
+}
 
 @Composable
 fun RegisterDialog(onDismiss: () -> Unit) {
@@ -137,7 +175,7 @@ fun RegisterDialog(onDismiss: () -> Unit) {
             confirmButton = {
                 Button(
                         onClick = {
-                    // Save the user information or perform registration
+                            val playerId = ControllerPlayer.createPlayer(nickname, password)
                             onDismiss()
                         }
                 ) {
@@ -188,7 +226,8 @@ fun RegisterDialog(onDismiss: () -> Unit) {
 @Preview(showBackground = true)
 @Composable
 fun ConnexionPlayerPreview() {
+    val fakeActivity = ConnexionPlayerActivity()
     MathsEducTheme {
-        ConnexionPlayerContent()
+        ConnexionPlayerContent(activity = fakeActivity)
     }
 }

Android/app/src/main/java/com/example/mathseduc/controllers/ControllerPlayer.kt

@@ -62,6 +62,39 @@ class ControllerPlayer {
 
             return null
         }
+
+        fun createPlayer(nickname: String, password: String): Int {
+            val policy = StrictMode.ThreadPolicy.Builder().permitAll().build()
+            StrictMode.setThreadPolicy(policy)
+
+            val client = OkHttpClient()
+
+            val hashedPassword = BCrypt.hashpw(password, BCrypt.gensalt())
+
+            val requestBody = FormBody.Builder()
+                    .add("nickname", nickname)
+                    .add("password", hashedPassword)
+                    .build()
+
+            val request = Request.Builder()
+                    .url("https://trusting-panini.87-106-126-109.plesk.page/api/add/player/qUOGkWdoPCgbmuqxIC8xiaX0rV1Pw1LoPafkaoHOgszEyD9P2vcOu493xCDZpAqO")
+                    .post(requestBody)
+                    .build()
+
+            client.newCall(request).execute().use { response ->
+                if (response.isSuccessful) {
+                    val responseData = response.body?.string()
+
+                    val gson = Gson()
+                    val player: Player = gson.fromJson(responseData, Player::class.java)
+
+                    return player.id
+                } else {
+                    throw IOException("Failed to create player: ${response.code}")
+                }
+            }
+        }
+
         fun authenticateUser(nickname: String, password: String): Int {
 
             val policy = StrictMode.ThreadPolicy.Builder().permitAll().build()

Android/app/src/main/java/com/example/mathseduc/ui/activity_main.kt

@@ -103,7 +103,8 @@ fun HomePage() {
         Spacer(modifier = Modifier.height(16.dp))
 
         Button(
-            onClick = { /* Handle connexion button click */ },
+            onClick = { val intent = Intent(context, ConnexionPlayerActivity::class.java)
+                context.startActivity(intent) },
             shape = RoundedCornerShape(15),
             colors = ButtonDefaults.buttonColors(Colors.Grey),
             modifier = Modifier