document.write('
Data hosted with ♥ by Pastebin.com - Download Raw - See Original
  1. package com.example.pagelogin
  2.  
  3. import android.util.Log
  4. import androidx.compose.foundation.Image
  5. import androidx.compose.foundation.clickable
  6. import androidx.compose.foundation.layout.Arrangement
  7. import androidx.compose.foundation.layout.Column
  8. import androidx.compose.foundation.layout.Row
  9. import androidx.compose.foundation.layout.Spacer
  10. import androidx.compose.foundation.layout.fillMaxSize
  11. import androidx.compose.foundation.layout.fillMaxWidth
  12. import androidx.compose.foundation.layout.height
  13. import androidx.compose.foundation.layout.padding
  14. import androidx.compose.foundation.layout.size
  15. import androidx.compose.material3.Button
  16. import androidx.compose.material3.OutlinedTextField
  17. import androidx.compose.material3.Text
  18. import androidx.compose.material3.TextButton
  19. import androidx.compose.material3.TextField
  20. import androidx.compose.runtime.Composable
  21. import androidx.compose.runtime.getValue
  22. import androidx.compose.runtime.mutableStateOf
  23. import androidx.compose.runtime.remember
  24. import androidx.compose.runtime.setValue
  25. import androidx.compose.ui.Alignment
  26. import androidx.compose.ui.Modifier
  27. import androidx.compose.ui.res.painterResource
  28. import androidx.compose.ui.text.font.Font
  29. import androidx.compose.ui.text.font.FontWeight
  30. import androidx.compose.ui.text.input.PasswordVisualTransformation
  31. import androidx.compose.ui.tooling.preview.Preview
  32. import androidx.compose.ui.unit.dp
  33. import androidx.compose.ui.unit.sp
  34.  
  35.  
  36. @Composable
  37. fun LoginScreen(){
  38.  
  39.     var email by remember {
  40.         mutableStateOf("")
  41.     }
  42.  
  43.     var password by remember {
  44.         mutableStateOf("")
  45.     }
  46.  
  47.     Column(
  48.         modifier = Modifier.fillMaxSize(),
  49.         verticalArrangement = Arrangement.Center,
  50.         horizontalAlignment = Alignment.CenterHorizontally
  51.     ) {
  52.         Image(painter = painterResource(id = R.drawable.logo), contentDescription = "Login Image",
  53.             modifier = Modifier.size(300.dp))
  54.  
  55.         Text(text = "WELCOME", fontSize = 28.sp, fontWeight = FontWeight.Bold)
  56.  
  57.         Spacer(modifier = Modifier.height(4.dp))
  58.  
  59.         Text(text = "Login to Ruang Dosen")
  60.  
  61.         Spacer(modifier = Modifier.height(16.dp))
  62.  
  63.         OutlinedTextField(value = email, onValueChange = {email = it}, label = {
  64.             Text(text = "Email")
  65.         })
  66.  
  67.         Spacer(modifier = Modifier.height(16.dp))
  68.  
  69.         OutlinedTextField(value = password, onValueChange = {password = it}, label = {
  70.             Text(text = "Password")
  71.         }, visualTransformation = PasswordVisualTransformation())
  72.  
  73.         Spacer(modifier = Modifier.height(16.dp))
  74.  
  75.         Button(onClick = { Log.i("Credential", "Email : $email Password : $email")}) {
  76.             Text(text = "LOGIN")
  77.         }
  78.  
  79.         Spacer(modifier = Modifier.height(16.dp))
  80.  
  81.         Text(text = "Forgot Password ?", modifier = Modifier.clickable {
  82.  
  83.         })
  84.  
  85.         Spacer(modifier = Modifier.height(32.dp))
  86.  
  87.         Text(text = "Or Sign in With")
  88.  
  89.         Spacer(modifier = Modifier.height(16.dp))
  90.  
  91.         Row (modifier = Modifier
  92.             .fillMaxWidth()
  93.             .padding(40.dp),
  94.             horizontalArrangement = Arrangement.SpaceEvenly
  95.         ){
  96.  
  97.             Image(painter = painterResource(id = R.drawable.fb),
  98.                 contentDescription = "login 1",
  99.                 modifier = Modifier
  100.                     .size(60.dp)
  101.                     .clickable {
  102.  
  103.                     }
  104.             )
  105.  
  106.             Image(painter = painterResource(id = R.drawable.gg),
  107.                 contentDescription = "login 2",
  108.                 modifier = Modifier
  109.                     .size(60.dp)
  110.                     .clickable {
  111.  
  112.                     }
  113.             )
  114.  
  115.             Image(painter = painterResource(id = R.drawable.twit),
  116.                 contentDescription = "login 3",
  117.                 modifier = Modifier
  118.                     .size(60.dp)
  119.                     .clickable {
  120.  
  121.                     }
  122.             )
  123.         }
  124.  
  125.     }
  126.  
  127. }
');