From 8ec26154c0c7868579d0552f538eb4fcf28266fe Mon Sep 17 00:00:00 2001
From: webshunternet <webshunternet@gmail.com>
Date: Thu, 26 Sep 2024 11:56:15 +0700
Subject: [PATCH] update login

---
 app/(tabs)/index.tsx         | 138 +++++++++++++++++++----------------
 app/(tabs)/signup.tsx        |  96 ++++++++----------------
 assets/images/login/bg1.png  | Bin 0 -> 2203 bytes
 assets/images/login/bg2.png  | Bin 0 -> 2817 bytes
 assets/images/login/logo.png | Bin 0 -> 466 bytes
 components/data/config.json  |   6 +-
 6 files changed, 111 insertions(+), 129 deletions(-)
 create mode 100644 assets/images/login/bg1.png
 create mode 100644 assets/images/login/bg2.png
 create mode 100644 assets/images/login/logo.png

diff --git a/app/(tabs)/index.tsx b/app/(tabs)/index.tsx
index a2ae21e..d36b837 100644
--- a/app/(tabs)/index.tsx
+++ b/app/(tabs)/index.tsx
@@ -6,6 +6,7 @@ import { RootStackParamList } from '../../types';
 import AsyncStorage from '@react-native-async-storage/async-storage';
 import { DB } from '@/components/lib/db';
 import { GestureHandlerRootView, ScrollView } from 'react-native-gesture-handler';
+import config from '../../components/data/config.json';
 
 const LoginScreen = () => {
   const navigation = useNavigation<NavigationProp<RootStackParamList>>();
@@ -41,51 +42,49 @@ const LoginScreen = () => {
   return (
     <>
       <GestureHandlerRootView>
-        <ScrollView>
-          <View style={{ flex: 1, backgroundColor:'#2563eb'}}>
+        <ScrollView style={{backgroundColor:"white"}}>
+          <View style={{ flex: 1, backgroundColor:'white'}}>
             <View style={{
-                flexDirection:"column"
-                , height:300
-                , justifyContent:"center"
-                , alignItems:"center"
+              flexDirection: "row"
+              , height: 140
+              , alignItems: "flex-end"
+              , paddingHorizontal: 30
+              , marginBottom: 20
+            }}>
+              <View style={{ flex: 1 }}>
+
+              </View>
+              <View style={{
+                width: "auto",
+                backgroundColor: "white",
+                padding: 10,
+                borderRadius: 20
               }}>
-                <View style={{
-                  width:"auto",
-                  backgroundColor:"white",
-                  padding: 10,
-                  borderRadius: 20
-                }}>
-                  <Image
-                    source={require('../../assets/images/logo.png')}
-                    style={{ 
-                      width: 75
-                      , height: 75  
-                    }}
-                    resizeMode="contain"  // You can adjust this based on how you want the image to scale
-                  />
-                </View>
-                <Text style={{
-                  color:"white",
-                  paddingVertical: 10,
-                  fontWeight:"bold",
-                  fontSize: 30
-                }}>S.O.R.T</Text>
+                <Image
+                  source={require('../../assets/images/login/logo.png')}
+                  style={{
+                    width: 60
+                    , height: 60
+                  }}
+                  resizeMode="contain"  // You can adjust this based on how you want the image to scale
+                />
+              </View>
             </View>
             <View style={[styles.container]}>
-              <Text style={{
-                textAlign:"center"
-                , fontSize:50
-                , fontWeight:'bold'
-                , color:"#2563eb"
-              }}>Login</Text>
-              <Text style={{
-                textAlign:"center"
-                , fontSize:18
-                , fontWeight:'bold'
-                , color:"#777"
-                , marginVertical:20
-              }}>Silahkan login ke akun anda</Text>
-              <Text style={{
+              <View style={{marginBottom:40}}>
+                <Text style={{
+                  fontSize:20
+                  , fontWeight:'bold'
+                  , color:config.color.textbiru
+                }}>Hi !</Text> 
+                <Text style={{
+                  fontSize:20
+                  , fontWeight:'bold'
+                  , marginVertical:5
+                  , color: config.color.textbiru
+                }}>Selamat datang kembali,</Text>
+              </View>
+              {/* <Text style={{
                 textAlign:"left"
                 , fontSize:18
                 , fontWeight:'bold'
@@ -93,14 +92,14 @@ const LoginScreen = () => {
                 , marginTop:10
                 , marginBottom: 10
                 ,width:'100%'
-              }}>EMAIL</Text>
+              }}>EMAIL</Text> */}
               <TextInput
                 style={styles.input}
                 placeholder="youremail@gmail.com"
                 value={username}
                 onChangeText={setUsername}
               />
-            <Text style={{
+            {/* <Text style={{
               textAlign: "left"
               , fontSize: 18
               , fontWeight: 'bold'
@@ -108,7 +107,7 @@ const LoginScreen = () => {
               , marginBottom: 10
               , marginTop: 10
               , width: '100%'
-            }}>PASSWORD</Text>
+            }}>PASSWORD</Text> */}
               <TextInput
                 style={styles.input}
                 placeholder="******"
@@ -116,20 +115,32 @@ const LoginScreen = () => {
                 onChangeText={setPassword}
                 secureTextEntry
               />
+              <View style={{
+                flexDirection:"row",
+                marginBottom:50
+              }}>
+                <View style={{flex:1}}>
+
+                </View>
+                <TouchableOpacity onPress={handleForgotPassword}>
+                  <Text style={styles.forgotPasswordText}>Lupa Password?</Text>
+                </TouchableOpacity>
+              </View>
               <TouchableOpacity style={styles.button} onPress={handleLogin}>
-                <Text style={styles.buttonText}>Log In</Text>
-              </TouchableOpacity>
-              <TouchableOpacity onPress={handleForgotPassword}>
-                <Text style={styles.forgotPasswordText}>Lupa Password?</Text>
-              </TouchableOpacity>
-              <View style={{flexDirection:"row"}}>
-              <Text>Belum memiliki akun?</Text>
-              <TouchableOpacity onPress={handleSignUp} style={{marginHorizontal:5}}>
-                <Text style={{
-                  color:"blue",
-                  fontWeight:"bold"
-                }}>Daftar disini!</Text>
+                <Text style={styles.buttonText}>LOGIN</Text>
               </TouchableOpacity>
+              <View style={{
+                flexDirection:"row"
+                , justifyContent:"center"
+                , marginTop: 30
+              }}>
+                <Text>Belum memiliki akun?</Text>
+                <TouchableOpacity onPress={handleSignUp} style={{marginHorizontal:10}}>
+                  <Text style={{
+                    color:"blue",
+                    fontWeight:"bold"
+                  }}>Daftar disini!</Text>
+                </TouchableOpacity>
               </View>
             </View>
           </View>
@@ -146,11 +157,9 @@ const styles = StyleSheet.create({
   container: {
     flex: 1,
     paddingVertical:50,
-    borderTopRightRadius:80,
     backgroundColor: 'white',
     justifyContent: 'center',
-    alignItems: 'center',
-    paddingHorizontal: 60
+    paddingHorizontal: 50
   },
   appName: {
     fontSize: 36,
@@ -165,8 +174,8 @@ const styles = StyleSheet.create({
   },
   input: {
     width: '100%',
-    borderWidth: 2,
-    borderColor:"#333",
+    borderBottomWidth: 2,
+    borderBottomColor: config.color.line,
     borderRadius: 10,
     padding: 15,
     shadowColor: "#000",
@@ -176,7 +185,7 @@ const styles = StyleSheet.create({
   button: {
     backgroundColor: '#2563eb',
     padding: 15,
-    borderRadius: 10,
+    borderRadius: 30,
     width: '100%',
     alignItems: 'center',
     marginBottom: 10,
@@ -186,14 +195,15 @@ const styles = StyleSheet.create({
     borderColor: '#fff',
   },
   buttonText: {
-    fontSize: 18,
+    fontSize: 20,
     color: 'white',
+    fontWeight:"bold"
   },
   buttonTextSecondary: {
     color: '#fff',
   },
   forgotPasswordText: {
-    color: '#777',
+    color: "#0f48a1",
     fontSize: 16,
     marginBottom: 20,
     textDecorationLine: 'underline',
diff --git a/app/(tabs)/signup.tsx b/app/(tabs)/signup.tsx
index 2c8bad5..b1a5638 100644
--- a/app/(tabs)/signup.tsx
+++ b/app/(tabs)/signup.tsx
@@ -107,15 +107,18 @@ VALUES (
           <InfoLayer info={setInfo} navigation={navigation} />
         </>
        :
-        <View style={{ flex: 1, backgroundColor: config.color.primary }}>
+        <View style={{ flex: 1, backgroundColor: 'white'}}>
           <GestureHandlerRootView>
             <ScrollView>
               <View style={{
-                flexDirection: "column"
-                , height: 300
-                , justifyContent: "center"
-                , alignItems: "center"
+                flexDirection: "row"
+                , height: 140
+                , alignItems: "flex-end"
+                , paddingHorizontal: 30
               }}>
+                <View style={{ flex: 1 }}>
+
+                </View>
                 <View style={{
                   width: "auto",
                   backgroundColor: "white",
@@ -123,87 +126,49 @@ VALUES (
                   borderRadius: 20
                 }}>
                   <Image
-                    source={require('../../assets/images/logo.png')}
+                    source={require('../../assets/images/login/logo.png')}
                     style={{
-                      width: 75
-                      , height: 75
+                      width: 60
+                      , height: 60
                     }}
                     resizeMode="contain"  // You can adjust this based on how you want the image to scale
                   />
                 </View>
-                <Text style={{
-                  color: "white",
-                  paddingVertical: 10,
-                  fontWeight: "bold",
-                  fontSize: 30
-                }}>S.O.R.T</Text>
               </View>
               <View style={styles.container}>
-                <Text style={styles.title}>Register</Text>
-                <Text style={{
-                  textAlign: "left"
-                  , fontSize: 18
-                  , fontWeight: 'bold'
-                  , color: "#777"
-                  , marginTop: 10
-                  , width: '100%'
-                }}>{(`nama lengkap`).toUpperCase()}</Text>
+                <Text style={styles.title}>Buat Akun Baru</Text>
                 <TextInput
                   style={styles.input}
                   placeholder="Nama Anda"
                   value={fullname}
                   onChangeText={setFullname}
                 />
-                <Text style={{
-                  textAlign: "left"
-                  , fontSize: 18
-                  , fontWeight: 'bold'
-                  , color: "#777"
-                  , width: '100%'
-                }}>{(`email`).toUpperCase()}</Text>
+                
                 <TextInput
                   style={styles.input}
-                  placeholder="emailanda@gmail.com"
+                  placeholder="Email"
                   value={username}
                   onChangeText={setUsername}
                 />
-                <Text style={{
-                  textAlign: "left"
-                  , fontSize: 18
-                  , fontWeight: 'bold'
-                  , color: "#777"
-                  , width: '100%'
-                }}>{(`no. telepon`).toUpperCase()}</Text>
+                
                 <TextInput
                   style={styles.input}
                   placeholder="No. Telepon Anda"
                   value={phone}
                   onChangeText={setPhone}
                 />
-                <Text style={{
-                  textAlign: "left"
-                  , fontSize: 18
-                  , fontWeight: 'bold'
-                  , color: "#777"
-                  , width: '100%'
-                }}>{(`PASSWORD`).toUpperCase()}</Text>
+                
                 <TextInput
                   style={styles.input}
-                  placeholder="******"
+                  placeholder="Password"
                   value={password}
                   onChangeText={setPassword}
                   secureTextEntry
                 />
-                <Text style={{
-                  textAlign: "left"
-                  , fontSize: 18
-                  , fontWeight: 'bold'
-                  , color: "#777"
-                  , width: '100%'
-                }}>{(`konfirmasi password`).toUpperCase()}</Text>
+                
                 <TextInput
                   style={styles.input}
-                  placeholder="******"
+                  placeholder="Konfirmasi Password"
                   value={passwordRepeat}
                   onChangeText={setPasswordRepeat}
                   secureTextEntry
@@ -212,7 +177,9 @@ VALUES (
                   <Text style={styles.buttonText}>{(`Register`).toUpperCase()}</Text>
                 </TouchableOpacity>
                 <View style={{ marginBottom:30, marginTop:20, flexDirection: "row" }}>
-                  <Text>Sudah memiliki akun?</Text>
+                  <View style={{ flex: 1 }}>
+                    <Text>Sudah memiliki akun?</Text>
+                  </View>
                   <TouchableOpacity onPress={handleSignIn} style={{ marginHorizontal: 5 }}>
                     <Text style={{
                       color: "blue",
@@ -234,8 +201,7 @@ const styles = StyleSheet.create({
     flex: 1,
     backgroundColor: 'white',
     justifyContent: 'center',
-    alignItems: 'center',
-    paddingVertical: 20,
+    paddingVertical: 10,
     paddingHorizontal:40,
     borderTopLeftRadius: 50
   },
@@ -246,27 +212,29 @@ const styles = StyleSheet.create({
     marginBottom: 10,
   },
   title: {
-    fontSize: 40,
+    fontSize: 20,
     color: config.color.primary,
-    marginBottom: 20,
-    fontWeight:"bold"
+    fontWeight:"bold",
+    marginBottom:30
   },
   input: {
     width: '100%',
-    backgroundColor: '#fff',
-    borderWidth:1,
+    borderBottomWidth: 2,
+    borderBottomColor: config.color.line,
     borderRadius: 10,
     padding: 15,
+    shadowColor: "#000",
     marginBottom: 20,
     fontSize: 16,
   },
   button: {
     backgroundColor: config.color.primary,
     padding: 15,
-    borderRadius: 10,
+    borderRadius: 50,
     width: '100%',
     alignItems: 'center',
-    marginBottom: 10,
+    marginBottom: 30,
+    marginTop: 30,
   },
   buttonSecondary: {
     backgroundColor: 'transparent',
diff --git a/assets/images/login/bg1.png b/assets/images/login/bg1.png
new file mode 100644
index 0000000000000000000000000000000000000000..83ee2719362b59531d6b299b907c6601b4a5757f
GIT binary patch
literal 2203
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

literal 0
HcmV?d00001

diff --git a/assets/images/login/bg2.png b/assets/images/login/bg2.png
new file mode 100644
index 0000000000000000000000000000000000000000..2d8217ff126b3e8674d068130f883bb9bdacaa6e
GIT binary patch
literal 2817
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
Td{uw<00000NkvXXu0mjfg7Jg*

literal 0
HcmV?d00001

diff --git a/assets/images/login/logo.png b/assets/images/login/logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..8c5a755693073e6279b938c69aeec49694ce79b2
GIT binary patch
literal 466
zcmeAS@N?(olHy`uVBq!ia0vp^u0ZU<!3HF+U;NPnq&N#aB8wRq_zr_G<MI3zDL_HV
z64!{5;QX|b^2DN4hVt@qz0ADq;^f4FRK5J7^x5xhq!<_&<2_v*Ln`LHy=myh>?qOp
z@csQYTurUL3XF~{A485=S8(+wK1|ekv&AG~qSL`kT50vt(sTV48|V6bwEJstdiLF!
zH+|=vmka)}@b)*>Egc$cfjo;OTnsys1db|nIf^tB6j&VoBJH;L$N3T^a~JM=HD_k-
z|Lm&5uU{r!syk~ryS^r9)xXuI@~)m!f{p}KpZc~q<AI-H$EWCy<I4}cd%WSdMBx9D
zn{^`BrUY$RHf7t!3*V;euU{^>dh<s0Um^DUtu1He8*Hf)Ir?Ej*Wr!ovof~M(G@$s
z{qoD-Rm#RoC7v((cfnK2_QdwNd6t$D)gsYFniYyBJA%C=T@0HvRQD~HxTDFsZ+XNX
zRdJ)r8m}6ELyJ9<GM~L`Qj8`Yo_+XTaMD843hz8-WG`RTERD}x_x$eOn%fC6UyDzP
ZU%DT*$zSWvUSNDMc)I$ztaD0e0su<S#i9TJ

literal 0
HcmV?d00001

diff --git a/components/data/config.json b/components/data/config.json
index 3f0d279..6855f02 100644
--- a/components/data/config.json
+++ b/components/data/config.json
@@ -1,6 +1,10 @@
 {
     "color":{
-        "primary": "#2563eb"
+        "primary": "#2563eb",
+        "line" : "#96aeda",
+        "textbiru" : "#2362e5",
+        "logohijau" : "#60e1f6",
+        "logobiru" : "#2563ea"
     },
     "api" : "http://193.203.167.219:8282/data/query/odoo"
     ,"api2" : "https://app.rumahjo.com/data/query/odoo"