Skip to content

A
AppUms_Lecturer
Commit a7d9962e by tungnq
Options

UPDATE: Sửa đổi một số phần giao diện

parent dbcbc48a
Showing with 438 additions and 335 deletions
src/components/Input/TextField.js
...@@ -26,7 +26,7 @@ const TextField = props => { ...@@ -26,7 +26,7 @@ const TextField = props => {
containerMarginBottom, containerMarginBottom,
containerBackgroundColor, containerBackgroundColor,
width, width,
fontFamily = R.fonts.fontSemiBold, fontFamily = R.fonts.fontMedium,
} = props; } = props;
const renderMess = () => { const renderMess = () => {
if (value && value.trim().length > 0) return `${title} không hợp lệ`; if (value && value.trim().length > 0) return `${title} không hợp lệ`;
...@@ -41,7 +41,7 @@ const TextField = props => { ...@@ -41,7 +41,7 @@ const TextField = props => {
color: R.colors.black, color: R.colors.black,
marginBottom: 5, marginBottom: 5,
fontFamily:fontFamily, fontFamily:fontFamily,
fontWeight:'400', fontWeight:'600',
}}> }}>
{title ? title : ''} {title ? title : ''}
......
src/routers/drawer_email/drawerView.js
import { createDrawerNavigator } from "@react-navigation/drawer"; import {createDrawerNavigator} from '@react-navigation/drawer';
import R from "../../assets/R"; import R from '../../assets/R';
import { useEffect, useState } from "react"; import {useEffect, useState} from 'react';
import styles from "./style"; import styles from './style';
import { DeviceEventEmitter, Image, TouchableOpacity, View } from "react-native"; import {DeviceEventEmitter, Image, TouchableOpacity, View} from 'react-native';
import * as ScreenName from "../ScreenNames"; import * as ScreenName from '../ScreenNames';
import SendEmail from "../../screens/email/send"; import SendEmail from '../../screens/email/send';
import DeleteEmail from "../../screens/email/delete"; import DeleteEmail from '../../screens/email/delete';
import EmailHome from "../../screens/email"; import EmailHome from '../../screens/email';
import CustomDrawerMailContent from "./itemDrawer"; import CustomDrawerMailContent from './itemDrawer';
import { connect } from "react-redux"; import {connect} from 'react-redux';
const Drawer = createDrawerNavigator(); const Drawer = createDrawerNavigator();
const IconMenu = R.images.icMenu; const IconMenu = R.images.icMenu;
const DrawerNavigatorEmailView = (props) =>{ const DrawerNavigatorEmailView = props => {
const [reload, setReload] = useState(false); const [reload, setReload] = useState(false);
const HeaderBackButton = ({onPress, canGoBack}) =>( const HeaderBackButton = ({onPress, canGoBack}) => (
<TouchableOpacity <TouchableOpacity style={styles.sizeBox} onPress={onPress}>
style={styles.sizeBox} <Image source={R.images.icBack} style={styles.image} resizeMode="contain" />
onPress={onPress} </TouchableOpacity>
> );
<Image
source={R.images.icBack}
style={styles.image}
/>
</TouchableOpacity> const HeaderTitle = ({navigation, route}) => {
); <View style={styles.headerTitleContainer}>
<MenuButton onPress={() => navigation.toggleDrawer()} />
const HeaderTitle = ({navigation, route}) =>{ <View style={styles.avatar}></View>
<View style={styles.headerTitleContainer}> </View>;
<MenuButton onPress={()=>navigation.toggleDrawer()}/> };
<View style = {styles.avatar}>
</View>
</View>
}
useEffect(()=>{
const setLanguageListener = DeviceEventEmitter.addListener(
"setLanguage",
(value) => {
setReload(
(prev) => !prev
);
}
);
return () => {setLanguageListener.remove();}; useEffect(() => {
}, []); const setLanguageListener = DeviceEventEmitter.addListener(
'setLanguage',
const MenuButton = ({onPress}) =>( value => {
<TouchableOpacity style={[styles.sizeBox, {marginLeft:10}]} onPress={onPress}> setReload(prev => !prev);
<Image source={IconMenu} style={styles.iconMenu} tintColor={R.colors.gray2}/> },
</TouchableOpacity> );
)
return (
<Drawer.Navigator
drawerContent={(drawerProps) => <CustomDrawerMailContent {...drawerProps} />}
initialRouteName={ScreenName.EMAIL}
screenOptions={({navigation, route})=>({
header: ()=>( return () => {
<View style={styles.headerTitleContainer}> setLanguageListener.remove();
<View> };
<HeaderBackButton }, []);
onPress={
() => {
if(navigation.canGoBack()){
navigation.pop();
}else{
navigation.toggleDrawer();
}
}
}
canGoBack={navigation.canGoBack()}
/>
</View>
<View style={styles.headerRight}>
<MenuButton onPress={()=>navigation.toggleDrawer()}/>
<View
style={styles.avatar}
></View>
</View>
</View>
),
headerStyle: {
backgroundColor: R.colors.blue,
},
})}
>
<Drawer.Screen
name={ScreenName.EMAIL}
component={EmailHome}
options={
{
drawerLabel : () => null,
drawerIcon: () => null,
drawerItemStyle: { height: 0 },
}
}
/>
<Drawer.Screen
name={ScreenName.SENDEDEMAIL}
component={SendEmail}
options={
{
drawerLabel : () => null,
drawerIcon: () => null,
drawerItemStyle: { height: 0 },
}
}
/>
<Drawer.Screen
name={ScreenName.TRASHEMAIL}
component={DeleteEmail}
options={
{
drawerLabel : () => null,
drawerIcon: () => null,
drawerItemStyle: { height: 0 },
}
}
/>
const MenuButton = ({onPress}) => (
</Drawer.Navigator> <TouchableOpacity
); style={[styles.sizeBox, {marginLeft: 10}]}
onPress={onPress}>
<Image
source={IconMenu}
style={styles.iconMenu}
resizeMode="contain"
tintColor={R.colors.gray2}
/>
</TouchableOpacity>
);
return (
<Drawer.Navigator
drawerContent={drawerProps => (
<CustomDrawerMailContent {...drawerProps} />
)}
initialRouteName={ScreenName.EMAIL}
screenOptions={({navigation, route}) => ({
header: () => (
<View style={styles.headerTitleContainer}>
<View>
<HeaderBackButton
onPress={() => {
if (navigation.canGoBack()) {
navigation.pop();
} else {
navigation.toggleDrawer();
}
}}
canGoBack={navigation.canGoBack()}
/>
</View>
<View style={styles.headerRight}>
<MenuButton onPress={() => navigation.toggleDrawer()} />
<View style={styles.avatar}></View>
</View>
</View>
),
headerStyle: {
backgroundColor: R.colors.blue,
},
})}>
<Drawer.Screen
name={ScreenName.EMAIL}
component={EmailHome}
options={{
drawerLabel: () => null,
drawerIcon: () => null,
drawerItemStyle: {height: 0},
}}
/>
<Drawer.Screen
name={ScreenName.SENDEDEMAIL}
component={SendEmail}
options={{
drawerLabel: () => null,
drawerIcon: () => null,
drawerItemStyle: {height: 0},
}}
/>
<Drawer.Screen
name={ScreenName.TRASHEMAIL}
component={DeleteEmail}
options={{
drawerLabel: () => null,
drawerIcon: () => null,
drawerItemStyle: {height: 0},
}}
/>
</Drawer.Navigator>
);
}; };
const mapStateToProps = (state) =>({ const mapStateToProps = state => ({
user: state.userReducer, user: state.userReducer,
}) });
export default connect(mapStateToProps, {})(DrawerNavigatorEmailView); export default connect(mapStateToProps, {})(DrawerNavigatorEmailView);
src/routers/drawer_email/style.js
...@@ -6,7 +6,7 @@ const styles = StyleSheet.create({ ...@@ -6,7 +6,7 @@ const styles = StyleSheet.create({
marginLeft:15 marginLeft:15
}, },
image:{ image:{
width:25, width:20,
height:20 height:20
}, },
headerTitleContainer:{ headerTitleContainer:{
...@@ -55,7 +55,7 @@ const styles = StyleSheet.create({ ...@@ -55,7 +55,7 @@ const styles = StyleSheet.create({
flexDirection:'row', flexDirection:'row',
}, },
iconMenu:{ iconMenu:{
width:25, width:20,
height:20, height:20,
}, },
avatar:{ avatar:{
......
src/routers/drawer_schedule/drawerView.js
...@@ -30,7 +30,7 @@ const DrawerNavigatorView = (props) => { ...@@ -30,7 +30,7 @@ const DrawerNavigatorView = (props) => {
style={styles.headerBackButton} style={styles.headerBackButton}
onPress={onPress} onPress={onPress}
> >
<Image source={R.images.icBack} style={{width: 25, height: 20}}/> <Image source={R.images.icBack} resizeMode="contain" style={{width: 20, height: 20}}/>
</TouchableOpacity> </TouchableOpacity>
); );
...@@ -57,7 +57,7 @@ const DrawerNavigatorView = (props) => { ...@@ -57,7 +57,7 @@ const DrawerNavigatorView = (props) => {
const MenuButton = ({ onPress }) => ( const MenuButton = ({ onPress }) => (
<TouchableOpacity style={styles.menuButton} onPress={onPress}> <TouchableOpacity style={styles.menuButton} onPress={onPress}>
<Image source={IconMenu} style={styles.icon} tintColor={R.colors.white}/> <Image source={IconMenu} style={styles.icon} resizeMode="contain" tintColor={R.colors.white}/>
</TouchableOpacity> </TouchableOpacity>
); );
...@@ -86,7 +86,7 @@ const DrawerNavigatorView = (props) => { ...@@ -86,7 +86,7 @@ const DrawerNavigatorView = (props) => {
<Text style={styles.headerTitleText}> <Text style={styles.headerTitleText}>
{getHeaderTitle()} {getHeaderTitle()}
</Text> </Text>
<Image source={R.images.icDrop} style={{width: 25, height: 20}} tintColor={R.colors.white}/> <Image source={R.images.icDrop} style={{width: 25, height: 20}} resizeMode="contain" tintColor={R.colors.white}/>
</TouchableOpacity> </TouchableOpacity>
); );
}; };
...@@ -125,7 +125,7 @@ const DrawerNavigatorView = (props) => { ...@@ -125,7 +125,7 @@ const DrawerNavigatorView = (props) => {
headerRight: () => ( headerRight: () => (
<View style={styles.headerRightContainer}> <View style={styles.headerRightContainer}>
<TouchableOpacity style={styles.searchButton}> <TouchableOpacity style={styles.searchButton}>
<Image source={IconSearch} style={styles.iconSearch} tintColor={R.colors.white}/> <Image source={IconSearch} style={styles.iconSearch} resizeMode="contain" tintColor={R.colors.white}/>
</TouchableOpacity> </TouchableOpacity>
<View style={styles.avatarButton} /> <View style={styles.avatarButton} />
</View> </View>
...@@ -217,12 +217,12 @@ const styles = StyleSheet.create({ ...@@ -217,12 +217,12 @@ const styles = StyleSheet.create({
flexDirection: 'row', flexDirection: 'row',
}, },
icon: { icon: {
width: 25, width: 20,
height: 20, height: 20,
}, },
iconSearch: { iconSearch: {
width: 25, width: 20,
height: 25, height: 20,
}, },
}); });
......
src/screens/academic_advisor/list_student/detail/style.js
...@@ -5,11 +5,16 @@ const styles = StyleSheet.create({ ...@@ -5,11 +5,16 @@ const styles = StyleSheet.create({
flex: 1, flex: 1,
backgroundColor: R.colors.white, backgroundColor: R.colors.white,
}, },
card:{ containerCard:{
borderRadius:10,
padding:15,
marginVertical:15,
marginHorizontal:15, marginHorizontal:15,
marginVertical:5,
borderRadius:10,
},
card:{
borderBottomEndRadius:10,
borderBottomStartRadius:10,
paddingHorizontal:10,
paddingVertical:5,
backgroundColor:R.colors.white, backgroundColor:R.colors.white,
shadowColor:R.colors.black, shadowColor:R.colors.black,
......
src/screens/academic_advisor/list_student/detail/view.js
...@@ -27,24 +27,24 @@ const DetailStudentView = props => { ...@@ -27,24 +27,24 @@ const DetailStudentView = props => {
<View style={styles.container}> <View style={styles.container}>
<Header title={'Nguyễn Minh Đức - 2598671'} isBack /> <Header title={'Nguyễn Minh Đức - 2598671'} isBack />
<View style={styles.body}> <View style={styles.body}>
<View style={styles.card}> <View style={[styles.card ,{marginHorizontal:15, marginTop:10 , borderRadius:10}]}>
<View style={styles.containerText}> <View style={styles.containerText}>
<View style={styles.containerTextItemLeft}> <View style={styles.containerTextItemLeft}>
<Text style={styles.text}>STC TL / STC CTDT 23 / 102</Text> <Text style={styles.text}>STC TL / STC CTDT 23 / 102</Text>
</View> </View>
<View style={styles.sizedBox}></View> <View style={styles.sizedBox}></View>
<View style={styles.containerTextItemRight}> <View style={styles.containerTextItemRight}>
<Text style={[styles.text]}> <Text style={[styles.text]}>Tình trạng: {' '}</Text>
Tình trạng: <Text style={[styles.text, {color: statusColor}]}>
{student.status}
</Text> </Text>
<Text style={[styles.text,{color:statusColor}]}>{student.status}</Text>
</View> </View>
</View> </View>
{/*Row 2*/} {/*Row 2*/}
<View style={styles.containerSubText}> <View style={styles.containerSubText}>
<View style={styles.containerSubTextItemLeft}> <View style={styles.containerSubTextItemLeft}>
<Text style={[styles.text]}> <Text style={[styles.text]}>
Ngày sinh: Ngày sinh: {' '}
<Text <Text
style={[ style={[
styles.text, styles.text,
...@@ -57,7 +57,7 @@ const DetailStudentView = props => { ...@@ -57,7 +57,7 @@ const DetailStudentView = props => {
<View style={styles.sizedBox}></View> <View style={styles.sizedBox}></View>
<View style={styles.containerSubTextItemRight}> <View style={styles.containerSubTextItemRight}>
<Text style={[styles.text]}> <Text style={[styles.text]}>
SDT: SDT: {' '}
<Text <Text
style={[ style={[
styles.text, styles.text,
...@@ -72,7 +72,7 @@ const DetailStudentView = props => { ...@@ -72,7 +72,7 @@ const DetailStudentView = props => {
<View style={styles.containerSubText}> <View style={styles.containerSubText}>
<View style={styles.containerSubTextItemLeft}> <View style={styles.containerSubTextItemLeft}>
<Text style={[styles.text]}> <Text style={[styles.text]}>
Giới tính: Giới tính: {' '}
<Text <Text
style={[ style={[
styles.text, styles.text,
...@@ -85,7 +85,7 @@ const DetailStudentView = props => { ...@@ -85,7 +85,7 @@ const DetailStudentView = props => {
<View style={styles.sizedBox}></View> <View style={styles.sizedBox}></View>
<View style={styles.containerSubTextItemRight}> <View style={styles.containerSubTextItemRight}>
<Text style={[styles.text]}> <Text style={[styles.text]}>
Điểm trung bình: Điểm trung bình: {' '}
<Text <Text
style={[ style={[
styles.text, styles.text,
...@@ -101,7 +101,7 @@ const DetailStudentView = props => { ...@@ -101,7 +101,7 @@ const DetailStudentView = props => {
<View style={styles.containerSubText}> <View style={styles.containerSubText}>
<View style={styles.containerSubTextItemLeft}> <View style={styles.containerSubTextItemLeft}>
<Text style={[styles.text]}> <Text style={[styles.text]}>
Điểm TB học kì gần nhất: Điểm TB học kì gần nhất: {' '}
<Text <Text
style={[ style={[
styles.text, styles.text,
...@@ -116,7 +116,7 @@ const DetailStudentView = props => { ...@@ -116,7 +116,7 @@ const DetailStudentView = props => {
<View style={styles.containerSubText}> <View style={styles.containerSubText}>
<View style={styles.containerSubTextItemLeft}> <View style={styles.containerSubTextItemLeft}>
<Text style={[styles.text]}> <Text style={[styles.text]}>
Điểm rèn luyện TB: Điểm rèn luyện TB: {' '}
<Text <Text
style={[ style={[
styles.text, styles.text,
...@@ -145,100 +145,98 @@ const DetailStudentView = props => { ...@@ -145,100 +145,98 @@ const DetailStudentView = props => {
</View> </View>
))} ))}
</View> </View>
</View> </View>
<Text style={styles.textTitle}>Lịch sử tình trạng của sinh viên</Text> <Text style={[styles.textTitle ,{marginTop:10}]}>Lịch sử tình trạng của sinh viên</Text>
<View style={[styles.containerCard, {backgroundColor:getStatusColor(student.status)}]}>
<Text
style={[
{
fontSize: R.sizes.sm,
fontFamily: R.fonts.fontMedium,
fontWeight: '600',
color: R.colors.white,
marginHorizontal:10,
marginVertical:3
},
]}>
Trạng thái học tập:{' '}
<Text style={[styles.text, {color: R.colors.white}]}>
{student.status}
</Text>
</Text>
<View style={styles.card}>
<Text
style={[
{
fontSize: R.sizes.sm,
fontFamily: R.fonts.fontMedium,
fontWeight: '600',
color: R.colors.black,
},
]}>
Học kỳ 2, Năm học 2024
</Text>
<View style={styles.card}>
<View style={styles.containerText}>
<View style={{flex: 4}}>
<Text
style={[
{
fontSize: R.sizes.sm,
fontFamily: R.fonts.fontRegular,
fontWeight: '400',
color:R.colors.black,
},
]}>
Học kỳ 2, Năm học 2024
</Text>
</View>
<View style={{flex: 3, flexDirection:'row'}}>
<Text
style={[
{
fontSize: R.sizes.sm,
fontFamily: R.fonts.fontRegular,
fontWeight: '400',
color: R.colors.black,
},
]}>
Tình trạng:
</Text>
<Text style={[styles.text,{color:statusColor}]}>{student.status}</Text>
</View>
</View>
<View style={styles.containerText}> <Text
<View style={{flex: 4}}> style={[
{
fontSize: R.sizes.sm,
fontFamily: R.fonts.fontMedium,
fontWeight: '600',
color: R.colors.black,
},
]}>
Ngày quyết định:{' '}
<Text <Text
style={[ style={[
{ styles.text,
fontSize: R.sizes.sm, {fontFamily: R.fonts.fontRegular, fontWeight: '400'},
fontFamily: R.fonts.fontRegular,
fontWeight: '400',
color:R.colors.black,
},
]}> ]}>
Ngày quyết định: {student.date_student} {student.date_student}
</Text> </Text>
</View> </Text>
</View> <Text
style={[
{
<View style={styles.containerText}> fontSize: R.sizes.sm,
<View style={{flex: 4}}> fontFamily: R.fonts.fontMedium,
fontWeight: '600',
color: R.colors.black,
},
]}>
Lý do:{' '}
<Text <Text
style={[ style={[
{ styles.text,
fontSize: R.sizes.sm, {fontFamily: R.fonts.fontRegular, fontWeight: '400'},
fontFamily: R.fonts.fontRegular,
fontWeight: '400',
color:R.colors.black,
},
]}> ]}>
Lý do: {student.date_student} {student.date_student}
</Text> </Text>
</View> </Text>
</View>
<View style={styles.containerText}> <Text
<View style={{flex: 4}}> style={[
{
fontSize: R.sizes.sm,
fontFamily: R.fonts.fontMedium,
fontWeight: '600',
color: R.colors.black,
},
]}>
Ghi chú:{' '}
<Text <Text
style={[ style={[
{ styles.text,
fontSize: R.sizes.sm, {fontFamily: R.fonts.fontRegular, fontWeight: '400'},
fontFamily: R.fonts.fontRegular,
fontWeight: '400',
color:R.colors.black,
},
]}> ]}>
Ghi chú: {student.date_student} {student.date_student}
</Text> </Text>
</Text>
</View> </View>
</View>
</View> </View>
</View> </View>
</View> </View>
......
src/screens/academic_advisor/list_student/style.js
...@@ -14,7 +14,7 @@ const styles = StyleSheet.create({ ...@@ -14,7 +14,7 @@ const styles = StyleSheet.create({
marginVertical: 15, marginVertical: 15,
backgroundColor: R.colors.white, backgroundColor: R.colors.white,
flexDirection: 'row', flexDirection: 'row',
maxHeight: 41, height:35
}, },
boxIconSearch: { boxIconSearch: {
maxWidth: 35, maxWidth: 35,
...@@ -28,6 +28,8 @@ const styles = StyleSheet.create({ ...@@ -28,6 +28,8 @@ const styles = StyleSheet.create({
fontFamily: R.fonts.fontMedium, fontFamily: R.fonts.fontMedium,
fontWeight: '500', fontWeight: '500',
flex: 1, flex: 1,
margin:0,
padding:0,
}, },
//Filter //Filter
statusContainer: { statusContainer: {
......
src/screens/academic_advisor/list_student/view.js
...@@ -139,6 +139,7 @@ const ListStudentView = props => { ...@@ -139,6 +139,7 @@ const ListStudentView = props => {
vertical vertical
keyExtractor={(item, index) => `${index}`} keyExtractor={(item, index) => `${index}`}
showsVerticalScrollIndicator={false} showsVerticalScrollIndicator={false}
contentContainerStyle={{paddingTop: 5}}
/> />
</View> </View>
</View> </View>
......
src/screens/compensate/list/view.js
...@@ -40,8 +40,11 @@ const DetailCompensateView = (props) => { ...@@ -40,8 +40,11 @@ const DetailCompensateView = (props) => {
flexDirection: 'row', flexDirection: 'row',
}}> }}>
<View style={{flex: 1}}> <View style={{flex: 1}}>
<Text style={[styles.text, {fontSize: 11}]}> <Text style={[styles.text, {fontSize: R.fontsize.fontSizeContent , fontWeight:600, fontFamily:R.fonts.fontMedium}]}>
Ngày báo nghỉ: {item.date} Ngày báo nghỉ:{' '}
<Text style={{fontSize: R.fontsize.fontSizeContent , fontWeight:400, fontFamily:R.fonts.fontRegular}}>
{item.date}
</Text>
</Text> </Text>
</View> </View>
{/* <View style={{flex: 1}}> {/* <View style={{flex: 1}}>
...@@ -52,26 +55,32 @@ const DetailCompensateView = (props) => { ...@@ -52,26 +55,32 @@ const DetailCompensateView = (props) => {
</View> </View>
{/* Row 2 */} {/* Row 2 */}
<View> <View>
<Text style={[styles.text, {fontSize:11}]}> <Text style={[styles.text, {fontSize:R.fontsize.fontSizeContent , fontWeight:600, fontFamily:R.fonts.fontMedium}]}>Thời gian nghỉ:{' '}
Thời gian nghỉ:{item.dayOfWeek} - Tiết:{' '} <Text style={{fontSize: R.fontsize.fontSizeContent , fontWeight:400, fontFamily:R.fonts.fontRegular}}>{item.dayOfWeek} - Tiết:{' '}
{item.periods.map((item, index) => { {item.periods.map((item, index) => {
return <Text key={index}>{item.time},</Text>; return <Text key={index}>{item.time},</Text>;
})}{' '} })}
- Ngày:{item.dateStudy} - Ngày: {''}{item.dateStudy}
</Text>
</Text> </Text>
</View> </View>
{/* Row 3 */} {/* Row 3 */}
<View style={{}}> <View style={{}}>
<Text style={[styles.text, {fontSize:11}]}>Địa điểm: {item.location}</Text> <Text style={[styles.text, {fontSize:R.fontsize.fontSizeContent , fontWeight:600, fontFamily:R.fonts.fontMedium}]}>Địa điểm:{' '}
<Text style={{fontSize: R.fontsize.fontSizeContent , fontWeight:400, fontFamily:R.fonts.fontRegular}}>{item.location}</Text>
</Text>
</View> </View>
{/* Row 4 */} {/* Row 4 */}
<View style={{}}> <View style={{}}>
<Text style={[styles.text, {fontSize:11}]}>Giảng viên thay thế: {item.teacher} <Text style={[styles.text, {fontSize:R.fontsize.fontSizeContent , fontWeight:600, fontFamily:R.fonts.fontMedium}]}>Giảng viên thay thế:{' '}
<Text style={{fontSize: R.fontsize.fontSizeContent , fontWeight:400, fontFamily:R.fonts.fontRegular}}>{item.teacher}</Text>
</Text> </Text>
</View> </View>
{/* Row 5 */} {/* Row 5 */}
<View style={{}}> <View style={{}}>
<Text style={[styles.text, {fontSize:11}]}>Ghi chú: {item.note}</Text> <Text style={[styles.text, {fontSize:R.fontsize.fontSizeContent , fontWeight:600, fontFamily:R.fonts.fontMedium}]}>Ghi chú:{' '}
<Text style={{fontSize: R.fontsize.fontSizeContent , fontWeight:400, fontFamily:R.fonts.fontRegular}}>{item.note}</Text>
</Text>
</View> </View>
...@@ -81,12 +90,12 @@ const DetailCompensateView = (props) => { ...@@ -81,12 +90,12 @@ const DetailCompensateView = (props) => {
<Button <Button
title='Huỷ' title='Huỷ'
onPress={()=>{}} onPress={()=>{}}
backgroundColor={R.colors.brown} backgroundColor={R.colors.orange}
textColor={R.colors.white} textColor={R.colors.white}
height={25} height={25}
width={90} width={90}
borderRadius={15} borderRadius={15}
fontSize={11} fontSize={R.fontsize.fontSizeContent}
fontWeight={'600'} fontWeight={'600'}
fontFamily={R.fonts.fontMedium} fontFamily={R.fonts.fontMedium}
paddingHorizontal={15} paddingHorizontal={15}
...@@ -104,8 +113,8 @@ const DetailCompensateView = (props) => { ...@@ -104,8 +113,8 @@ const DetailCompensateView = (props) => {
<Header title={'ATTT2024.1'} isBack /> <Header title={'ATTT2024.1'} isBack />
<View style={styles.body}> <View style={styles.body}>
<View style={{alignItems: 'center', marginTop:10}}> <View style={{alignItems: 'center', marginTop:10}}>
<Text style={[styles.text]}>Nghỉ / Bù / Tổng</Text> <Text style={[styles.text, {fontSize:R.fontsize.fontSizeContent , fontWeight:600, fontFamily:R.fonts.fontMedium}]}>Nghỉ / Bù / Tổng</Text>
<Text style={[styles.text]}> <Text style={[styles.text, {fontSize:R.fontsize.fontSizeContent , fontWeight:400, fontFamily:R.fonts.fontRegular}]}>
{itemDetail?.rest} / {itemDetail?.compensate} / {itemDetail?.total} {itemDetail?.rest} / {itemDetail?.compensate} / {itemDetail?.total}
</Text> </Text>
</View> </View>
......
src/screens/compensate/style.js
...@@ -70,7 +70,8 @@ const styles = StyleSheet.create({ ...@@ -70,7 +70,8 @@ const styles = StyleSheet.create({
marginVertical:10, marginVertical:10,
backgroundColor:R.colors.blue, backgroundColor:R.colors.blue,
borderRadius:10, borderRadius:10,
padding:5 padding:5,
height:35
} }
}) })
......
src/screens/compensate/view.js
...@@ -30,8 +30,8 @@ const CompensateView = (props) => { ...@@ -30,8 +30,8 @@ const CompensateView = (props) => {
</View> </View>
<View style={{alignItems:'center'}}> <View style={{alignItems:'center'}}>
<Text style={[styles.text]}>Nghỉ / Bù / Tổng</Text> <Text style={[styles.text, {fontSize:R.fontsize.fontSizeContent , fontWeight:600, fontFamily:R.fonts.fontMedium}]}>Nghỉ / Bù / Tổng</Text>
<Text style={[styles.text]}> <Text style={[styles.text, {fontSize:R.fontsize.fontSizeContent , fontWeight:400, fontFamily:R.fonts.fontRegular}]}>
{item.rest} / {item.compensate} / {item.total} {item.rest} / {item.compensate} / {item.total}
</Text> </Text>
</View> </View>
...@@ -39,7 +39,7 @@ const CompensateView = (props) => { ...@@ -39,7 +39,7 @@ const CompensateView = (props) => {
<View style={styles.btnRight}> <View style={styles.btnRight}>
<Image <Image
source={R.images.icNext} source={R.images.icNext}
style={{width: 20, height: 20}} style={{width: 15, height: 15}}
resizeMode="contain" resizeMode="contain"
tintColor={R.colors.black} tintColor={R.colors.black}
/> />
...@@ -53,7 +53,7 @@ const CompensateView = (props) => { ...@@ -53,7 +53,7 @@ const CompensateView = (props) => {
<View style={styles.body}> <View style={styles.body}>
<View style={styles.card}> <View style={styles.card}>
<TouchableOpacity style={styles.btnCard}> <TouchableOpacity style={styles.btnCard}>
<Text style={styles.text}>Học kỳ 2, Năm 2025</Text> <Text style={[styles.text, {fontSize:R.fontsize.fontSizeContent , fontWeight:600, fontFamily:R.fonts.fontMedium}]}>Học kỳ 2, Năm 2025</Text>
</TouchableOpacity> </TouchableOpacity>
</View> </View>
<FlatList <FlatList
......
src/screens/home/style.js
...@@ -26,16 +26,18 @@ const styles = StyleSheet.create({ ...@@ -26,16 +26,18 @@ const styles = StyleSheet.create({
borderRadius: 100, borderRadius: 100,
borderWidth: 1, borderWidth: 1,
paddingHorizontal: 14, paddingHorizontal: 14,
maxHeight:50, height:35
}, },
input: { input: {
fontSize: R.fontsize.fontsSize12, fontSize: R.fontsize.fontsSize12,
color: R.colors.white, color: R.colors.white,
minHeight: 40, height: 30,
flex: 1, flex: 1,
fontFamily: R.fonts.InterRegular, fontFamily: R.fonts.InterRegular,
fontWeight: '400', fontWeight: '400',
margin:0,
padding:0
}, },
//Home //Home
safeArea: { safeArea: {
......
src/screens/incoming_document/detail/style.js
...@@ -115,11 +115,11 @@ const styles = StyleSheet.create({ ...@@ -115,11 +115,11 @@ const styles = StyleSheet.create({
paddingHorizontal:15 paddingHorizontal:15
}, },
inputLabel: { inputLabel: {
fontSize: R.fontsize.fontSizeSubTitle, fontSize: R.fontsize.fontSizeContent,
color: R.colors.black, color: R.colors.black,
marginBottom: 3, marginBottom: 3,
fontWeight: '400', fontWeight: '600',
fontFamily:R.fonts.fontRegular, fontFamily:R.fonts.fontMedium,
}, },
textInput: { textInput: {
borderWidth: 1, borderWidth: 1,
......
src/screens/incoming_document/detail/view.js
...@@ -375,8 +375,8 @@ const DetailIncomingDocumentView = props => { ...@@ -375,8 +375,8 @@ const DetailIncomingDocumentView = props => {
{ {
marginBottom: 3, marginBottom: 3,
fontSize: R.fontsize.fontSizeLabel, fontSize: R.fontsize.fontSizeLabel,
fontFamily: R.fonts.fontRegular, fontFamily: R.fonts.fontMedium,
fontWeight: '400', fontWeight: '600',
color: R.colors.black, color: R.colors.black,
}, },
]}> ]}>
...@@ -389,7 +389,7 @@ const DetailIncomingDocumentView = props => { ...@@ -389,7 +389,7 @@ const DetailIncomingDocumentView = props => {
onSelect={item => console.log('Bạn đã chọn:', item)} onSelect={item => console.log('Bạn đã chọn:', item)}
/> />
</View> </View>
<Text style={[styles.text_2, {marginBottom: 3}]}> <Text style={[styles.text_2, {marginBottom: 3, fontSize: R.fontsize.fontSizeLabel, fontFamily: R.fonts.fontMedium, fontWeight: '600', color: R.colors.black }]}>
Danh sách thẻ đã chọn : Danh sách thẻ đã chọn :
</Text> </Text>
<FlatList <FlatList
...@@ -420,8 +420,8 @@ const DetailIncomingDocumentView = props => { ...@@ -420,8 +420,8 @@ const DetailIncomingDocumentView = props => {
{ {
marginBottom: 3, marginBottom: 3,
fontSize: R.fontsize.fontSizeLabel, fontSize: R.fontsize.fontSizeLabel,
fontFamily: R.fonts.fontRegular, fontFamily: R.fonts.fontMedium,
fontWeight: '400', fontWeight: '600',
color: R.colors.black, color: R.colors.black,
}, },
]}> ]}>
...@@ -435,7 +435,7 @@ const DetailIncomingDocumentView = props => { ...@@ -435,7 +435,7 @@ const DetailIncomingDocumentView = props => {
onSelect={item => console.log('Bạn đã chọn:', item)} onSelect={item => console.log('Bạn đã chọn:', item)}
/> />
</View> </View>
<Text style={[styles.text_2, {marginBottom: 3}]}> <Text style={[styles.text_2, {marginBottom: 3, fontSize: R.fontsize.fontSizeLabel, fontFamily: R.fonts.fontMedium, fontWeight: '600', color: R.colors.black }]}>
Danh sách người theo dõi đã chọn : Danh sách người theo dõi đã chọn :
</Text> </Text>
<FlatList <FlatList
...@@ -458,8 +458,8 @@ const DetailIncomingDocumentView = props => { ...@@ -458,8 +458,8 @@ const DetailIncomingDocumentView = props => {
{ {
marginBottom: 3, marginBottom: 3,
fontSize: R.fontsize.fontSizeLabel, fontSize: R.fontsize.fontSizeLabel,
fontFamily: R.fonts.fontRegular, fontFamily: R.fonts.fontMedium,
fontWeight: '400', fontWeight: '600',
color: R.colors.black, color: R.colors.black,
}, },
]}> ]}>
...@@ -473,7 +473,7 @@ const DetailIncomingDocumentView = props => { ...@@ -473,7 +473,7 @@ const DetailIncomingDocumentView = props => {
onSelect={item => console.log('Bạn đã chọn:', item)} onSelect={item => console.log('Bạn đã chọn:', item)}
/> />
</View> </View>
<Text style={[styles.text_2, {marginBottom: 3}]}> <Text style={[styles.text_2, {marginBottom: 3, fontSize: R.fontsize.fontSizeLabel, fontFamily: R.fonts.fontMedium, fontWeight: '600', color: R.colors.black }]}>
Danh sách người thực hiện công việc đã chọn : Danh sách người thực hiện công việc đã chọn :
</Text> </Text>
<FlatList <FlatList
......
src/screens/incoming_document/style.js
...@@ -86,7 +86,7 @@ const styles = StyleSheet.create({ ...@@ -86,7 +86,7 @@ const styles = StyleSheet.create({
justifyContent:'flex-start', justifyContent:'flex-start',
paddingLeft:15, paddingLeft:15,
flexDirection:'row', flexDirection:'row',
height:42 height:35
}, },
boxFilter:{ boxFilter:{
flex:1, flex:1,
......
src/screens/incoming_document/view.js
...@@ -144,7 +144,7 @@ const IncomingDocumentView = props => { ...@@ -144,7 +144,7 @@ const IncomingDocumentView = props => {
<View style={{marginBottom: 15}}> <View style={{marginBottom: 15}}>
<View style={styles.card}> <View style={styles.card}>
<TouchableOpacity style={styles.btnCard}> <TouchableOpacity style={styles.btnCard}>
<Text style={styles.text}>Học kỳ 2, Năm 2025</Text> <Text style={[styles.text,{color:R.colors.black,fontSize:R.fontsize.fontSizeContent , fontWeight:600, fontFamily:R.fonts.fontMedium}]}>Học kỳ 2, Năm 2025</Text>
</TouchableOpacity> </TouchableOpacity>
</View> </View>
...@@ -157,7 +157,7 @@ const IncomingDocumentView = props => { ...@@ -157,7 +157,7 @@ const IncomingDocumentView = props => {
<View style={{flex:1}}> <View style={{flex:1}}>
<TextInput <TextInput
placeholder="Tìm kiếm" placeholder="Tìm kiếm"
style={styles.text} style={[styles.text,{padding:0}]}
value={searchQuery} value={searchQuery}
onChangeText={setSearchQuery} onChangeText={setSearchQuery}
/> />
...@@ -168,7 +168,7 @@ const IncomingDocumentView = props => { ...@@ -168,7 +168,7 @@ const IncomingDocumentView = props => {
<View style={{flex: 0.1}}></View> <View style={{flex: 0.1}}></View>
<View style={styles.boxFilter}> <View style={styles.boxFilter}>
<Dropdown title={'Tìm kiếm'} height={40}/> <Dropdown title={'Tìm kiếm'} height={35}/>
</View> </View>
</View> </View>
</View> </View>
......
src/screens/list_rest_report/add/view.js
...@@ -61,14 +61,14 @@ const RegisterAbsenceView = props => { ...@@ -61,14 +61,14 @@ const RegisterAbsenceView = props => {
/> />
<View style={styles.containerDropDown}> <View style={styles.containerDropDown}>
<View style={{flexDirection: 'row'}}> <View style={{flexDirection: 'row'}}>
<Text style={[styles.txtSubtitle , {marginBottom: 5}]}>Mã lớp </Text> <Text style={[styles.txtSubtitle , {marginBottom: 5, fontSize:R.fontsize.fontSizeContent , fontWeight:600, fontFamily:R.fonts.fontMedium}]}>Mã lớp </Text>
<Text style={{color: R.colors.red}}>*</Text> <Text style={{color: R.colors.red}}>*</Text>
</View> </View>
<Dropdown title={'Mã lớp '} /> <Dropdown title={'Mã lớp '} />
</View> </View>
<View style={styles.containerDropDown}> <View style={styles.containerDropDown}>
<View style={{flexDirection: 'row'}}> <View style={{flexDirection: 'row'}}>
<Text style={[styles.txtSubtitle , {marginBottom: 5}]}>Lịch báo nghỉ </Text> <Text style={[styles.txtSubtitle , {marginBottom: 5, fontSize:R.fontsize.fontSizeContent , fontWeight:600, fontFamily:R.fonts.fontMedium}]}>Lịch báo nghỉ </Text>
<Text style={{color: R.colors.red}}>*</Text> <Text style={{color: R.colors.red}}>*</Text>
</View> </View>
<Dropdown title={'Lịch báo nghỉ '} /> <Dropdown title={'Lịch báo nghỉ '} />
...@@ -85,14 +85,14 @@ const RegisterAbsenceView = props => { ...@@ -85,14 +85,14 @@ const RegisterAbsenceView = props => {
/> />
<View style={styles.containerDropDown}> <View style={styles.containerDropDown}>
<View style={{flexDirection: 'row'}}> <View style={{flexDirection: 'row'}}>
<Text style={[styles.txtSubtitle , {marginBottom: 5}]}>Giảng viên thay thế</Text> <Text style={[styles.txtSubtitle , {marginBottom: 5, fontSize:R.fontsize.fontSizeContent , fontWeight:600, fontFamily:R.fonts.fontMedium}]}>Giảng viên thay thế</Text>
<Text style={{color: R.colors.red}}>*</Text> <Text style={{color: R.colors.red}}>*</Text>
</View> </View>
<Dropdown title={'Giảng viên thay thế'} /> <Dropdown title={'Giảng viên thay thế'} />
</View> </View>
<View style={{marginTop: 15}}> <View style={{marginTop: 15}}>
<Text style={[styles.txtSubtitle , {marginBottom: 5}]}>Minh chứng</Text> <Text style={[styles.txtSubtitle , {marginBottom: 5, fontSize:R.fontsize.fontSizeContent , fontWeight:600, fontFamily:R.fonts.fontMedium}]}>Minh chứng</Text>
<TouchableOpacity style={styles.cardDocument}> <TouchableOpacity style={styles.cardDocument}>
<Image <Image
source={R.images.icDocument} source={R.images.icDocument}
......
src/screens/list_rest_report/detail/view.js
...@@ -41,8 +41,9 @@ const AbsenceListByCourseView = props => { ...@@ -41,8 +41,9 @@ const AbsenceListByCourseView = props => {
flexDirection: 'row', flexDirection: 'row',
}}> }}>
<View style={{flex: 1}}> <View style={{flex: 1}}>
<Text style={[styles.text, {fontSize: 11}]}> <Text style={[styles.text, {fontSize: R.fontsize.fontSizeContent , fontWeight:600, fontFamily:R.fonts.fontMedium}]}>
Ngày báo nghỉ: {item.date} Ngày báo nghỉ: {''}
<Text style={[styles.text,{fontSize:R.fontsize.fontSizeContent}]}>{item.date}</Text>
</Text> </Text>
</View> </View>
{/* <View style={{flex: 1}}> {/* <View style={{flex: 1}}>
...@@ -53,28 +54,31 @@ const AbsenceListByCourseView = props => { ...@@ -53,28 +54,31 @@ const AbsenceListByCourseView = props => {
</View> </View>
{/* Row 2 */} {/* Row 2 */}
<View> <View>
<Text style={[styles.text, {fontSize:11}]}> <Text style={[styles.text, {fontSize:R.fontsize.fontSizeContent , fontWeight:600, fontFamily:R.fonts.fontMedium}]}>
Thời gian nghỉ:{item.dayOfWeek} - Tiết:{' '} Thời gian nghỉ:{' '}
<Text style={[styles.text,{fontSize:R.fontsize.fontSizeContent}]}>{item.dayOfWeek} - Tiết:{' '}
{item.periods.map((item, index) => { {item.periods.map((item, index) => {
return <Text key={index}>{item.time},</Text>; return <Text key={index}>{item.time},</Text>;
})}{' '} })}{' '}
- Ngày:{item.dateStudy} - Ngày:{item.dateStudy}</Text>
</Text> </Text>
</View> </View>
{/* Row 3 */} {/* Row 3 */}
<View style={{}}> <View style={{}}>
<Text style={[styles.text, {fontSize:11}]}>Địa điểm: {item.location}</Text> <Text style={[styles.text, {fontSize:R.fontsize.fontSizeContent , fontWeight:600, fontFamily:R.fonts.fontMedium}]}>Địa điểm:
<Text style={[styles.text,{fontSize:R.fontsize.fontSizeContent}]}>{item.location}</Text></Text>
</View> </View>
{/* Row 4 */} {/* Row 4 */}
<View style={{}}> <View style={{}}>
<Text style={[styles.text, {fontSize:11}]}>Giảng viên thay thế: {item.teacher} <Text style={[styles.text, {fontSize:R.fontsize.fontSizeContent , fontWeight:600, fontFamily:R.fonts.fontMedium}]}>Giảng viên thay thế:
<Text style={[styles.text,{fontSize:R.fontsize.fontSizeContent}]}>{item.teacher}</Text>
</Text> </Text>
</View> </View>
{/* Row 5 */} {/* Row 5 */}
<View style={{}}> <View style={{}}>
<Text style={[styles.text, {fontSize:11}]}>Ghi chú: {item.note}</Text> <Text style={[styles.text, {fontSize:R.fontsize.fontSizeContent , fontWeight:600, fontFamily:R.fonts.fontMedium}]}>Ghi chú:
<Text style={[styles.text,{fontSize:R.fontsize.fontSizeContent}]}>{item.note}</Text></Text>
</View> </View>
{ {
item.status === 'Đã xác nhận' && ( item.status === 'Đã xác nhận' && (
<View style={{alignItems:'flex-end'}}> <View style={{alignItems:'flex-end'}}>
...@@ -100,7 +104,7 @@ const AbsenceListByCourseView = props => { ...@@ -100,7 +104,7 @@ const AbsenceListByCourseView = props => {
<Button <Button
title='Huỷ' title='Huỷ'
onPress={()=>{}} onPress={()=>{}}
backgroundColor={R.colors.brown} backgroundColor={R.colors.orange}
textColor={R.colors.white} textColor={R.colors.white}
height={25} height={25}
width={90} width={90}
...@@ -123,8 +127,8 @@ const AbsenceListByCourseView = props => { ...@@ -123,8 +127,8 @@ const AbsenceListByCourseView = props => {
<Header title={'ATTT2024.1'} isBack /> <Header title={'ATTT2024.1'} isBack />
<View style={styles.body}> <View style={styles.body}>
<View style={{alignItems: 'center', marginTop:10}}> <View style={{alignItems: 'center', marginTop:10}}>
<Text style={[styles.text]}>Nghỉ / Bù / Tổng</Text> <Text style={[styles.text, {fontSize:R.fontsize.fontSizeContent , fontWeight:600, fontFamily:R.fonts.fontMedium}]}>Nghỉ / Bù / Tổng</Text>
<Text style={[styles.text]}> <Text style={[styles.text, {fontSize:11 , fontWeight:400, fontFamily:R.fonts.fontRegular}]}>
{item.rest} / {item.compensate} / {item.total} {item.rest} / {item.compensate} / {item.total}
</Text> </Text>
</View> </View>
......
src/screens/list_rest_report/style.js
...@@ -18,7 +18,6 @@ const styles = StyleSheet.create({ ...@@ -18,7 +18,6 @@ const styles = StyleSheet.create({
marginHorizontal: 15, marginHorizontal: 15,
alignItems: 'center', alignItems: 'center',
justifyContent: 'center', justifyContent: 'center',
backgroundColor: R.colors.white, backgroundColor: R.colors.white,
shadowColor: R.colors.black, shadowColor: R.colors.black,
shadowOffset: {width: 0.5, height: 2}, shadowOffset: {width: 0.5, height: 2},
...@@ -70,7 +69,8 @@ const styles = StyleSheet.create({ ...@@ -70,7 +69,8 @@ const styles = StyleSheet.create({
marginVertical:10, marginVertical:10,
backgroundColor:R.colors.blue, backgroundColor:R.colors.blue,
borderRadius:10, borderRadius:10,
padding:5 padding:5,
height:35
} }
}); });
......
src/screens/list_rest_report/view.js
...@@ -31,7 +31,7 @@ const ListRestReportView = props => { ...@@ -31,7 +31,7 @@ const ListRestReportView = props => {
</View> </View>
<View style={{alignItems:'center'}}> <View style={{alignItems:'center'}}>
<Text style={[styles.text]}>Nghỉ / Bù / Tổng</Text> <Text style={[styles.text, {fontWeight: '600', fontFamily: R.fonts.fontMedium}]}>Nghỉ / Bù / Tổng</Text>
<Text style={[styles.text]}> <Text style={[styles.text]}>
{item.rest} / {item.compensate} / {item.total} {item.rest} / {item.compensate} / {item.total}
</Text> </Text>
...@@ -40,7 +40,7 @@ const ListRestReportView = props => { ...@@ -40,7 +40,7 @@ const ListRestReportView = props => {
<View style={styles.btnRight}> <View style={styles.btnRight}>
<Image <Image
source={R.images.icNext} source={R.images.icNext}
style={{width: 20, height: 20}} style={{width: 15, height: 15}}
resizeMode="contain" resizeMode="contain"
tintColor={R.colors.black} tintColor={R.colors.black}
/> />
...@@ -55,7 +55,7 @@ const ListRestReportView = props => { ...@@ -55,7 +55,7 @@ const ListRestReportView = props => {
<View style={styles.body}> <View style={styles.body}>
<View style={styles.card}> <View style={styles.card}>
<TouchableOpacity style={styles.btnCard}> <TouchableOpacity style={styles.btnCard}>
<Text style={styles.text}>Học kỳ 2, Năm 2025</Text> <Text style={[styles.text, {fontSize:R.fontsize.fontSizeContent , fontWeight:600, fontFamily:R.fonts.fontMedium}]}>Học kỳ 2, Năm 2025</Text>
</TouchableOpacity> </TouchableOpacity>
</View> </View>
<FlatList <FlatList
......
src/screens/list_send_document/style.js
...@@ -85,7 +85,7 @@ const styles = StyleSheet.create({ ...@@ -85,7 +85,7 @@ const styles = StyleSheet.create({
justifyContent:'flex-start', justifyContent:'flex-start',
paddingLeft:15, paddingLeft:15,
flexDirection:'row', flexDirection:'row',
height:42 height:35
}, },
boxFilter:{ boxFilter:{
flex:1, flex:1,
......
src/screens/list_send_document/view.js
...@@ -183,7 +183,7 @@ const ListSendView = (props) => { ...@@ -183,7 +183,7 @@ const ListSendView = (props) => {
<View style={{marginBottom: 15}}> <View style={{marginBottom: 15}}>
<View style={styles.card}> <View style={styles.card}>
<TouchableOpacity style={styles.btnCard}> <TouchableOpacity style={styles.btnCard}>
<Text style={styles.text}>Học kỳ 2, Năm 2025</Text> <Text style={[styles.text, {fontSize: R.fontsize.fontSizeContent, fontWeight: '600', fontFamily: R.fonts.fontMedium, color: R.colors.black}]}>Học kỳ 2, Năm 2025</Text>
</TouchableOpacity> </TouchableOpacity>
</View> </View>
...@@ -196,7 +196,7 @@ const ListSendView = (props) => { ...@@ -196,7 +196,7 @@ const ListSendView = (props) => {
<View style={{flex:1}}> <View style={{flex:1}}>
<TextInput <TextInput
placeholder="Tìm kiếm" placeholder="Tìm kiếm"
style={styles.text} style={[styles.text, {padding:0}]}
value={searchQuery} value={searchQuery}
onChangeText={setSearchQuery} onChangeText={setSearchQuery}
/> />
...@@ -205,7 +205,7 @@ const ListSendView = (props) => { ...@@ -205,7 +205,7 @@ const ListSendView = (props) => {
<View style={{flex: 0.1}}></View> <View style={{flex: 0.1}}></View>
<View style={styles.boxFilter}> <View style={styles.boxFilter}>
<Dropdown title={'Tìm kiếm'} height={40}/> <Dropdown title={'Tìm kiếm'} height={35}/>
</View> </View>
</View> </View>
</View> </View>
......
src/screens/notification/index.js
...@@ -91,18 +91,7 @@ const Notification = (props) => { ...@@ -91,18 +91,7 @@ const Notification = (props) => {
], ],
"Study": [], "Study": [],
"Activity": [ "Activity": [
{
"event_title": "Ngày hội việc làm",
"description": "Trường tổ chức ngày hội việc làm với hơn 50 doanh nghiệp tham gia",
"date": "05/05/2024",
"location": "Sân trường cơ sở chính"
},
{
"event_title": "Cuộc thi lập trình ACM",
"description": "Các đội đăng ký trước 01/05 để tham gia",
"date": "10/05/2024",
"location": "Phòng máy B2.12"
}
], ],
"Tuition": [ "Tuition": [
{ {
......
src/screens/notification/style.js
...@@ -45,7 +45,7 @@ const styles = StyleSheet.create({ ...@@ -45,7 +45,7 @@ const styles = StyleSheet.create({
marginHorizontal:15, marginHorizontal:15,
backgroundColor:R.colors.white, backgroundColor:R.colors.white,
flexDirection:'row', flexDirection:'row',
maxHeight:41, height:35
}, },
boxIconSearch:{ boxIconSearch:{
maxWidth:35, maxWidth:35,
...@@ -59,6 +59,7 @@ const styles = StyleSheet.create({ ...@@ -59,6 +59,7 @@ const styles = StyleSheet.create({
fontFamily:R.fonts.fontMedium, fontFamily:R.fonts.fontMedium,
fontWeight:'500', fontWeight:'500',
flex:1, flex:1,
padding:0,
}, },
// boxSearch:{ // boxSearch:{
...@@ -125,13 +126,13 @@ const styles = StyleSheet.create({ ...@@ -125,13 +126,13 @@ const styles = StyleSheet.create({
}, },
btnFooter:{ btnFooter:{
backgroundColor:R.colors.blue, backgroundColor:R.colors.blue,
paddingVertical:10,
paddingHorizontal:20, paddingHorizontal:20,
borderRadius:10, borderRadius:10,
alignItems:'center', alignItems:'center',
justifyContent:'center', justifyContent:'center',
marginHorizontal:15, marginHorizontal:15,
marginBottom:10, marginBottom:10,
height:35
}, },
textBtnFooter:{ textBtnFooter:{
color:R.colors.white, color:R.colors.white,
......
src/screens/notification/view.js
...@@ -117,23 +117,22 @@ const NotificationView = props => { ...@@ -117,23 +117,22 @@ const NotificationView = props => {
<TouchableOpacity style={[styles.cardItem, styles.cardItemTution]} onPress={() => navigate.navigate(SCREENNAME.DETAILNOTIFICATION)}> <TouchableOpacity style={[styles.cardItem, styles.cardItemTution]} onPress={() => navigate.navigate(SCREENNAME.DETAILNOTIFICATION)}>
<View style={styles.boxLeft}> <View style={styles.boxLeft}>
<Text style={styles.text} numberOfLines={2} ellipsizeMode="tail"> <Text style={styles.text} numberOfLines={2} ellipsizeMode="tail">
<Text style={styles.text}>Tiêu đề: </Text> <Text style={[styles.text ,{fontFamily:R.fonts.fontMedium,fontWeight:'600'}]}>Tiêu đề: </Text>
{item.title_notifi_tuition} {item.title_notifi_tuition}
</Text> </Text>
<Text style={styles.text} numberOfLines={1} ellipsizeMode="tail"> <Text style={styles.text} numberOfLines={1} ellipsizeMode="tail">
<Text style={styles.text}>Ngày tạo: </Text> <Text style={[styles.text,{fontFamily:R.fonts.fontMedium,fontWeight:'600'}]}>Ngày tạo: </Text>
{item.date_create} {item.date_create}
</Text> </Text>
<View style={styles.boxTimeTution}> <View style={styles.boxTimeTution}>
<Text style={styles.text} numberOfLines={1} ellipsizeMode="tail"> <Text style={styles.text} numberOfLines={1} ellipsizeMode="tail">
<Text style={styles.text}>Thời gian gửi: </Text> <Text style={[styles.text,{fontFamily:R.fonts.fontMedium,fontWeight:'600'}]}>Thời gian gửi: </Text>
{item.time_send} {item.time_send}
</Text> </Text>
<View style={styles.sizedBox}></View>
<Text <Text
style={[styles.text, {color: statusColor}]} style={[styles.text, {color: statusColor} ,{fontFamily:R.fonts.fontMedium,fontWeight:'600'}]}
numberOfLines={1} numberOfLines={1}
ellipsizeMode="tail"> ellipsizeMode="tail">
{item.status} {item.status}
...@@ -141,7 +140,7 @@ const NotificationView = props => { ...@@ -141,7 +140,7 @@ const NotificationView = props => {
</View> </View>
<Text style={styles.text} numberOfLines={1} ellipsizeMode="tail"> <Text style={styles.text} numberOfLines={1} ellipsizeMode="tail">
<Text style={styles.text}>Loại thông báo: </Text> <Text style={[styles.text,{fontFamily:R.fonts.fontMedium,fontWeight:'600'}]}>Loại thông báo: </Text>
{item.style} {item.style}
</Text> </Text>
</View> </View>
......
src/screens/roll_call/view.js
...@@ -75,7 +75,7 @@ const ListRollCallView = props => { ...@@ -75,7 +75,7 @@ const ListRollCallView = props => {
<Button <Button
title="Tạo QR điểm danh" title="Tạo QR điểm danh"
onPress={() => {}} onPress={() => {}}
backgroundColor={R.colors.brown} backgroundColor={R.colors.orange}
textColor={R.colors.white} textColor={R.colors.white}
fontSize={12} fontSize={12}
containerStyle={{ containerStyle={{
...@@ -93,7 +93,7 @@ const ListRollCallView = props => { ...@@ -93,7 +93,7 @@ const ListRollCallView = props => {
navigation.navigate(SCREENNAME.LISTSTUDENTROLLCALL); navigation.navigate(SCREENNAME.LISTSTUDENTROLLCALL);
}} }}
containerStyle={{paddingHorizontal: 5,paddingVertical:5, borderRadius: 20}} containerStyle={{paddingHorizontal: 5,paddingVertical:5, borderRadius: 20}}
backgroundColor={R.colors.brown} backgroundColor={R.colors.orange}
textColor={R.colors.white} textColor={R.colors.white}
fontSize={12} fontSize={12}
width={85} width={85}
...@@ -126,8 +126,10 @@ const ListRollCallView = props => { ...@@ -126,8 +126,10 @@ const ListRollCallView = props => {
<Header title={'Danh sách lớp điểm danh'} isBack /> <Header title={'Danh sách lớp điểm danh'} isBack />
<View style={styles.body}> <View style={styles.body}>
<View style={styles.card}> <View style={styles.card}>
<TouchableOpacity style={styles.btnCard}> <TouchableOpacity style={styles.btnCard }>
<Text style={styles.text}>Học kỳ 2, Năm 2025</Text> <Text style={[styles.text , {fontSize:R.fontsize.fontSizeContent , fontWeight:600, fontFamily:R.fonts.fontMedium}]}>
Học kỳ 2, Năm 2025
</Text>
</TouchableOpacity> </TouchableOpacity>
</View> </View>
<View style={styles.searchContainer}> <View style={styles.searchContainer}>
......
src/screens/sub_teacher/view.js
...@@ -11,25 +11,133 @@ const SubTeacherView = props => { ...@@ -11,25 +11,133 @@ const SubTeacherView = props => {
return ( return (
<View style={styles.containerCard}> <View style={styles.containerCard}>
<View style={styles.containerText}> <View style={styles.containerText}>
<View style={{flexDirection:'row'}}> <Text
<Text style={styles.text}>Mã lớp: </Text> style={[
<Text style={[styles.text,{color:R.colors.blue, fontWeight:'600', fontFamily:R.fonts.fontMedium}]}>{item.classCode} </Text> styles.text,
</View> {
<View style={{flexDirection:'row'}}> fontSize: R.fontsize.fontSizeContent,
<Text style={styles.text}>Trạng thái: </Text> fontWeight: 600,
<Text style={[styles.text,{color: getStatusColor(item.status), fontWeight:'600', fontFamily:R.fonts.fontMedium}]}>{item.status}</Text> fontFamily: R.fonts.fontMedium,
</View> },
]}>
Mã lớp:{' '}
<Text
style={[
styles.text,
{
color: R.colors.blue,
fontWeight: '600',
fontFamily: R.fonts.fontMedium,
},
]}>
{item.classCode}{' '}
</Text>
</Text>
<Text
style={[
styles.text,
{
fontSize: R.fontsize.fontSizeContent,
fontWeight: 600,
fontFamily: R.fonts.fontMedium,
},
]}>
Trạng thái:{' '}
<Text
style={[
styles.text,
{
color: getStatusColor(item.status),
fontWeight: '600',
fontFamily: R.fonts.fontMedium,
},
]}>
{item.status}
</Text>
</Text>
</View> </View>
<Text style={styles.text}>Thời gian: {item.time}</Text> <Text
<Text style={styles.text}>Địa điểm: {item.location}</Text> style={[
<Text style={styles.text}>Giảng viên yêu cầu: {item.requestedLecturer}</Text> styles.text,
<Text style={styles.text}>Ghi chú: {item.note}</Text> {
fontSize: R.fontsize.fontSizeContent,
fontWeight: 600,
fontFamily: R.fonts.fontMedium,
},
]}>
Thời gian:{' '}
<Text
style={[
styles.text,
{fontWeight: '400', fontFamily: R.fonts.fontRegular},
]}>
{item.time}
</Text>
</Text>
<Text
style={[
styles.text,
{
fontSize: R.fontsize.fontSizeContent,
fontWeight: 600,
fontFamily: R.fonts.fontMedium,
},
]}>
Địa điểm:{' '}
<Text
style={[
styles.text,
{fontWeight: '400', fontFamily: R.fonts.fontRegular},
]}>
{item.location}
</Text>
</Text>
<Text
style={[
styles.text,
{
fontSize: R.fontsize.fontSizeContent,
fontWeight: 600,
fontFamily: R.fonts.fontMedium,
},
]}>
Giảng viên yêu cầu:{' '}
<Text
style={[
styles.text,
{fontWeight: '400', fontFamily: R.fonts.fontRegular},
]}>
{item.requestedLecturer}
</Text>
</Text>
<Text
style={[
styles.text,
{
fontSize: R.fontsize.fontSizeContent,
fontWeight: 600,
fontFamily: R.fonts.fontMedium,
},
]}>
Ghi chú:{' '}
<Text
style={[
styles.text,
{fontWeight: '400', fontFamily: R.fonts.fontRegular},
]}>
{item.note}
</Text>
</Text>
{item.status === 'Chờ xác nhận' && ( {item.status === 'Chờ xác nhận' && (
<View style={styles.containerButton}> <View style={styles.containerButton}>
<Button <Button
title="Xác nhận" title="Xác nhận"
onPress={() => { onPress={() => {}}
}}
backgroundColor={R.colors.blue} backgroundColor={R.colors.blue}
textColor={R.colors.white} textColor={R.colors.white}
height={30} height={30}
...@@ -46,7 +154,7 @@ const SubTeacherView = props => { ...@@ -46,7 +154,7 @@ const SubTeacherView = props => {
onPress={() => { onPress={() => {
// Xử lý từ chối // Xử lý từ chối
}} }}
backgroundColor={R.colors.brown} backgroundColor={R.colors.orange}
textColor={R.colors.white} textColor={R.colors.white}
height={30} height={30}
borderRadius={15} borderRadius={15}
...@@ -61,14 +169,14 @@ const SubTeacherView = props => { ...@@ -61,14 +169,14 @@ const SubTeacherView = props => {
</View> </View>
); );
}; };
const getStatusColor = (status) => { const getStatusColor = status => {
switch (status) { switch (status) {
case 'Chờ xác nhận': case 'Chờ xác nhận':
return R.colors.blue; return R.colors.blue;
case 'Đã xác nhận': case 'Đã xác nhận':
return R.colors.green; return R.colors.green;
case 'Từ chối': case 'Từ chối':
return R.colors.brown; return R.colors.orange;
} }
}; };
return ( return (
...@@ -77,7 +185,9 @@ const SubTeacherView = props => { ...@@ -77,7 +185,9 @@ const SubTeacherView = props => {
<View style={styles.body}> <View style={styles.body}>
<View style={styles.card}> <View style={styles.card}>
<TouchableOpacity style={styles.btnCard}> <TouchableOpacity style={styles.btnCard}>
<Text style={styles.text}>Học kỳ 2, Năm 2025</Text> <Text style={[styles.text , {fontSize:R.fontsize.fontSizeContent , fontWeight:600, fontFamily:R.fonts.fontMedium}]}>
Học kỳ 2, Năm 2025
</Text>
</TouchableOpacity> </TouchableOpacity>
</View> </View>
<FlatList <FlatList
......
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