Skip to content

A
AppUms_Student
Commit 7083aabe by tungnq
Options

TODO: Đã bổ sung safe area view trogn đăng kí chứng chỉ

parent b79dbb6b
Showing with 127 additions and 125 deletions
src/screens/certificate_registration/view.js
...@@ -17,157 +17,159 @@ import CustomTextInput from "../../components/Input/TextFieldCus"; ...@@ -17,157 +17,159 @@ import CustomTextInput from "../../components/Input/TextFieldCus";
const CertificateRegistrationView = (props) => { const CertificateRegistrationView = (props) => {
const { titleHeader, dataList, isSelected, setSelection } = props; const { titleHeader, dataList, isSelected, setSelection } = props;
return ( return (
<SafeAreaView style={{ flex: 1, backgroundColor: R.colors.white }}>
<ScrollView <Header isBack title={I18n.t(titleHeader)} />
showsVerticalScrollIndicator={false} <ScrollView
contentContainerStyle={styles.scrollContent}> showsVerticalScrollIndicator={false}
<View style={styles.container}> contentContainerStyle={styles.scrollContent}>
<Header isBack title={I18n.t(titleHeader)} /> <View style={styles.container}>
<DropdownSelect
title={"Loại chứng chỉ *"}
titleFontFamily={R.fonts.InterRegular}
titleFontSize={R.fontsize.fontsSize12}
titleFontWeight={"400"}
titleColor={R.colors.black}
data={dataList}
placeholder="HS"
placeholderFontFamily={R.fonts.InterRegular}
placeholderFontSize={R.fontsize.fontsSize12}
placeholderFontWeight={"400"}
placeholderColor={R.colors.grey}
borderRadius={10}
height={40}
marginHorizontal={15}
marginVertical={5}
iconColor={R.colors.black}
iconSize={10}
/>
<View style={{ marginHorizontal: 15, }}>
<CustomTextInput
title={"Ngày sinh "}
backgroundColor={R.colors.gray400}
/>
</View>
<View style={{ marginHorizontal: 15 }}>
<CustomTextInput
title={"CMND/CCCD (thí sinh dùng để đăng ký thi)"}
backgroundColor={R.colors.gray400}
<DropdownSelect
title={"Loại chứng chỉ *"}
titleFontFamily={R.fonts.InterRegular}
titleFontSize={R.fontsize.fontsSize12}
titleFontWeight={"400"}
titleColor={R.colors.black}
data={dataList}
placeholder="HS"
placeholderFontFamily={R.fonts.InterRegular}
placeholderFontSize={R.fontsize.fontsSize12}
placeholderFontWeight={"400"}
placeholderColor={R.colors.grey}
borderRadius={10}
height={40}
marginHorizontal={15}
marginVertical={5}
iconColor={R.colors.black}
iconSize={10}
/> />
</View> <View style={{ marginHorizontal: 15, }}>
<View style={styles.container_row}>
<View style={{ flex: 1, marginLeft: 15 }}>
<CustomTextInput <CustomTextInput
title={"Điểm nghe "} title={"Ngày sinh "}
backgroundColor={R.colors.gray400}
/> />
</View> </View>
<View style={{ width: '3%' }}></View> <View style={{ marginHorizontal: 15 }}>
<View style={{ flex: 1, marginRight: 15 }}>
<CustomTextInput <CustomTextInput
title={"Điểm nói "} title={"CMND/CCCD (thí sinh dùng để đăng ký thi)"}
backgroundColor={R.colors.gray400}
/> />
</View> </View>
</View>
<View style={styles.container_row}> <View style={styles.container_row}>
<View style={{ flex: 1, marginLeft: 15 }}> <View style={{ flex: 1, marginLeft: 15 }}>
<CustomTextInput <CustomTextInput
title={"Điểm đọc"} title={"Điểm nghe "}
/> />
</View>
<View style={{ width: '3%' }}></View>
<View style={{ flex: 1, marginRight: 15 }}>
<CustomTextInput
title={"Điểm nói "}
/>
</View>
</View> </View>
<View style={{ width: '3%' }}></View>
<View style={{ flex: 1, marginRight: 15 }}> <View style={styles.container_row}>
<CustomTextInput <View style={{ flex: 1, marginLeft: 15 }}>
title={"Điểm viết "} <CustomTextInput
/> title={"Điểm đọc"}
/>
</View>
<View style={{ width: '3%' }}></View>
<View style={{ flex: 1, marginRight: 15 }}>
<CustomTextInput
title={"Điểm viết "}
/>
</View>
</View>
<View
style={styles.container_row}
>
<View style={{ flex: 0.85, marginBottom: 10, marginHorizontal: 15 }}>
<CustomTextInput
title={"Tổng điểm "}
/>
</View>
<CheckBox
label={"Đăng kí học bổng"}
titleFontFamily={R.fonts.InterRegular}
titleFontSize={R.fontsize.fontsSize12}
titleFontWeight={"300"}
borderRadius={30}
size={15}
labelStyle={{
fontSize: R.fontsize.fontsSize12,
fontWeight: "300",
color: R.colors.black,
fontFamily: R.fonts.InterRegular,
}}
style={{ marginTop: 15, flex: 1 }}
/>
</View> </View>
</View>
<View <View style={styles.container_row_body}>
style={styles.container_row}
>
<View style={{ flex: 0.85, marginBottom: 10, marginHorizontal: 15 }}>
<CustomTextInput <CustomTextInput
title={"Tổng điểm "} title={"Ngày thi "}
/> />
</View> </View>
<CheckBox
label={"Đăng kí học bổng"}
titleFontFamily={R.fonts.InterRegular}
titleFontSize={R.fontsize.fontsSize12}
titleFontWeight={"300"}
borderRadius={30}
size={15}
labelStyle={{
fontSize: R.fontsize.fontsSize12,
fontWeight: "300",
color: R.colors.black,
fontFamily: R.fonts.InterRegular,
}}
style={{ marginTop: 15, flex: 1 }}
/>
</View>
<View style={styles.container_row_body}> <View style={styles.container_row_body}>
<CustomTextInput <CustomTextInput
title={"Ngày thi "} title={"Có hiệu lực đến"}
/> />
</View> </View>
<View style={styles.container_row_body}>
<CustomTextInput
title={"Số TRF"}
<View style={styles.container_row_body}> />
<CustomTextInput </View>
title={"Có hiệu lực đến"}
/> <Text style={{ marginHorizontal: 15, color: R.colors.black }}>
</View> Ảnh chứng chỉ <Text style={{ color: "red" }}>*</Text>
<View style={styles.container_row_body}> </Text>
<CustomTextInput <CardButtonImage />
title={"Số TRF"}
/> <View style={styles.footer}>
</View> <CheckBox
value={isSelected}
onValueChange={setSelection}
borderRadius={10}
marginLeft={15}
<Text style={{ marginHorizontal: 15, color: R.colors.black }}> />
Ảnh chứng chỉ <Text style={{ color: "red" }}>*</Text> <Text style={styles.text_footer}>
</Text> "Tôi xin cam đoan rằng chứng chỉ mà tôi đã nộp là chứng chỉ hoàn
<CardButtonImage /> toàn hợp lệ và có giá trị pháp lý. Nếu phát hiện bất kỳ sai phạm
nào liên quan đến tính xác thực của chứng chỉ, tôi xin hoàn toàn
chịu trách nhiệm và chấp nhận mọi hình thức xử lý theo quy định,
bao gồm cả việc bị buộc thôi học và cấm thi vào trường Đại học
Công nghệ Thông tin (UIT) trong thời hạn 5 năm."
</Text>
</View>
<View style={styles.footer}> <Button
<CheckBox title="Thanh toán"
value={isSelected} marginHorizontal={15}
onValueChange={setSelection} fontSize={R.fontsize.fontSizeContent}
fontWeight={300}
fontFamily={R.fonts.InterRegular}
textStyle={styles.text_button}
backgroundColor={R.colors.buttonColorSel}
textColor={R.colors.white}
borderRadius={10} borderRadius={10}
marginLeft={15} paddingVertical={4}
/> />
<Text style={styles.text_footer}>
"Tôi xin cam đoan rằng chứng chỉ mà tôi đã nộp là chứng chỉ hoàn
toàn hợp lệ và có giá trị pháp lý. Nếu phát hiện bất kỳ sai phạm
nào liên quan đến tính xác thực của chứng chỉ, tôi xin hoàn toàn
chịu trách nhiệm và chấp nhận mọi hình thức xử lý theo quy định,
bao gồm cả việc bị buộc thôi học và cấm thi vào trường Đại học
Công nghệ Thông tin (UIT) trong thời hạn 5 năm."
</Text>
</View> </View>
</ScrollView>
<Button </SafeAreaView>
title="Thanh toán"
marginHorizontal={15}
fontSize={R.fontsize.fontSizeContent}
fontWeight={300}
fontFamily={R.fonts.InterRegular}
textStyle={styles.text_button}
backgroundColor={R.colors.buttonColorSel}
textColor={R.colors.white}
borderRadius={10}
paddingVertical={4}
/>
</View>
</ScrollView>
); );
}; };
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment