Skip to content

A
AppUms_Lecturer
Commit f5753f42 by tungnq
Options

TODO: Bổ sung chức năng lưu và xử lý dữ liệu cho màn hình đăng ký bù lịch dạy;… 

TODO: Bổ sung chức năng lưu và xử lý dữ liệu cho màn hình đăng ký bù lịch dạy; cải thiện giao diện và hiển thị thông tin phản hồi.
parent 1a4526ca
Showing with 284 additions and 175 deletions
src/screens/compensate/register/index.js
......@@ -3,7 +3,34 @@ import {Text, View, StyleSheet} from 'react-native';
import CompensateRegisterView from './view';
const CompensateRegister = props => {
const initFormData ={
numberOfPeriods: '',
makeUpDay: '',
note: '',
}
const [isShow, setShowSchedule] = useState(false);
const [isSaving, setIsSaving] = useState(false);
const [formData, setFormData] = useState(initFormData);
const handleSave = async ()=>{
//1. Validate ở đây
//2.
try {
//Gọi api ở đây
console.log('Lưu thành công:',formData);
setFormData({...initFormData});
} catch (error) {
console.log('Xảy ra lỗi',error);
}finally{
setIsSaving(false);
}
}
const onChange = key => value => {
setFormData(prev => ({ ...prev, [key]: value }));
};
const [scheduleData, setScheduleData] = useState([
{
......@@ -676,12 +703,21 @@ const CompensateRegister = props => {
});
};
const handleToggle = () => {
setShowSchedule(prev => !prev);
};
return (
<CompensateRegisterView
isShow={isShow}
isSaving={isSaving}
formData={formData}
handleToggle={handleToggle}
setShowSchedule={setShowSchedule}
scheduleData={scheduleData}
onCheckboxChange={handleCheckboxChange}
onSave={handleSave}
onChange={onChange}
/>
);
};
......
src/screens/feedback/detail/view.js
......@@ -2,8 +2,6 @@ import React from 'react';
import {
Text,
View,
TouchableOpacity,
StyleSheet,
FlatList,
ScrollView,
} from 'react-native';
......@@ -12,7 +10,6 @@ import Header from '../../../components/Header/Header';
import R from '../../../assets/R';
const DetailFeedBackView = props => {
const {teacher, dataListQuestion} = props;
console.log(props);
const renderTableRow = (item, index) => {
return (
......@@ -60,10 +57,9 @@ const DetailFeedBackView = props => {
);
};
return (
<View style={styles.container}>
<Header title={'Đánh giá giảng dạy'} isBack />
<View style={styles.body}>
const renderBodyHeader = () => {
return (
<View>
<Text style={styles.textSubTitle}>
Feedback của sinh viên lớp {teacher.class} môn {teacher.subject} đối
với giảng viên {teacher.teacher}.
......@@ -78,38 +74,52 @@ const DetailFeedBackView = props => {
vertical
/>
</View>
</View>
);
};
<ScrollView
showsVerticalScrollIndicator={false}
style={styles.tableContainer}>
<View style={styles.tableRow}>
<View style={styles.tableHeaderCellSmall}>
<Text style={styles.tableHeaderText}>#</Text>
</View>
<View style={styles.tableHeaderCell}>
<Text style={styles.tableHeaderText}>Q1</Text>
</View>
<View style={styles.tableHeaderCell}>
<Text style={styles.tableHeaderText}>Q2</Text>
</View>
<View style={styles.tableHeaderCell}>
<Text style={styles.tableHeaderText}>Q3</Text>
</View>
<View style={styles.tableHeaderCell}>
<Text style={styles.tableHeaderText}>Q4</Text>
</View>
<View style={styles.tableHeaderCell}>
<Text style={styles.tableHeaderText}>GPA</Text>
</View>
<View style={styles.tableHeaderCell}>
<Text style={styles.tableHeaderText}>N.Xét</Text>
</View>
const renderTable = () => {
return (
<ScrollView
showsVerticalScrollIndicator={false}
style={styles.tableContainer}>
<View style={styles.tableRow}>
<View style={styles.tableHeaderCellSmall}>
<Text style={styles.tableHeaderText}>#</Text>
</View>
<View style={styles.tableHeaderCell}>
<Text style={styles.tableHeaderText}>Q1</Text>
</View>
<View style={styles.tableHeaderCell}>
<Text style={styles.tableHeaderText}>Q2</Text>
</View>
<View style={styles.tableHeaderCell}>
<Text style={styles.tableHeaderText}>Q3</Text>
</View>
<View style={styles.tableHeaderCell}>
<Text style={styles.tableHeaderText}>Q4</Text>
</View>
<View style={styles.tableHeaderCell}>
<Text style={styles.tableHeaderText}>GPA</Text>
</View>
<View style={styles.tableHeaderCell}>
<Text style={styles.tableHeaderText}>N.Xét</Text>
</View>
</View>
{dataListQuestion?.results?.map((item, index) =>
renderTableRow(item, index),
)}
</ScrollView>
{dataListQuestion?.results?.map((item, index) =>
renderTableRow(item, index),
)}
</ScrollView>
);
};
return (
<View style={styles.container}>
<Header title={'Đánh giá giảng dạy'} isBack />
<View style={styles.body}>
{renderBodyHeader()}
{renderTable()}
</View>
</View>
);
......
src/screens/feedback/index.js
import React, {useState} from 'react';
import {Text, View, StyleSheet} from 'react-native';
import FeedBackView from './view';
const FeedBack = props => {
......
src/screens/feedback/style.js
......@@ -61,6 +61,16 @@ const styles = StyleSheet.create({
justifyContent: 'center',
},
btnRight: {},
containerEmpty: {
alignItems: 'center',
justifyContent: 'center',
},
textEmpty: {
color: R.colors.red,
fontSize: R.fontsize.fontSizeContent,
fontWeight: '600',
fontFamily: R.fonts.fontMedium,
}
});
export default styles;
src/screens/feedback/view.js
......@@ -15,6 +15,15 @@ import * as ScreenName from '../../routers/ScreenNames';
const FeedBackView = props => {
const {dataList, setDataList} = props;
const navigation = useNavigation();
const renderCard = () => {
return (
<View style={styles.card}>
<TouchableOpacity style={styles.btnCard}>
<Text style={[styles.text, {fontFamily: R.fonts.fontMedium, fontWeight: '600'}]}>Học kỳ 2, Năm 2025</Text>
</TouchableOpacity>
</View>
);
};
const renderItem = ({item}) => {
return (
<TouchableOpacity
......@@ -58,24 +67,43 @@ const FeedBackView = props => {
</TouchableOpacity>
);
};
return (
<View style={styles.container}>
<Header title={'Đánh giá giảng dạy'} isBack />
const renderList = () => {
return (
<FlatList
data={dataList || []}
renderItem={renderItem}
showsVerticalScrollIndicator={false}
vertical
keyExtractor={(item, index) => `${index}`}
/>
);
};
const renderItemEmpty = () => {
return (
<View style={styles.containerEmpty}>
<Image source={R.images.icNoData} maxWidth={50} maxHeight={50} />
<Text style={styles.textEmpty}>Không có dữ liệu</Text>
</View>
);
};
const renderBody = () => {
return (
<View style={styles.body}>
<View style={styles.card}>
<TouchableOpacity style={styles.btnCard}>
<Text style={styles.text}>Học kỳ 2, Năm 2025</Text>
</TouchableOpacity>
{renderCard()}
<View style={{flex: 1, justifyContent: 'center'}}>
{dataList.length === 0 ? renderItemEmpty() : renderList()}
</View>
<FlatList
data={dataList || []}
renderItem={renderItem}
showsVerticalScrollIndicator={false}
vertical
keyExtractor={(item, index) => `${index}`}
/>
</View>
);
};
return (
<View style={styles.container}>
<Header title={'Đánh giá giảng dạy'} isBack />
{renderBody()}
</View>
);
};
......
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