Skip to content

A
anawork-mobile-v2
Commit 11ce3237 authored by dungtnguyen's avatar dungtnguyen
Browse files
Options

fix UI checkin

parent cf271502
Hide whitespace changes
Inline Side-by-side
Showing with 51 additions and 103 deletions
android/app/release/output-metadata.json
View file @ 11ce3237
......@@ -8,12 +8,43 @@
"variantName": "release",
"elements": [
{
"type": "SINGLE",
"filters": [],
"type": "ONE_OF_MANY",
"filters": [
{
"filterType": "ABI",
"value": "x86_64"
}
],
"attributes": [],
"versionCode": 1,
"versionName": "1.0",
"outputFile": "app-release.apk"
"outputFile": "app-x86_64-release.apk"
},
{
"type": "ONE_OF_MANY",
"filters": [
{
"filterType": "ABI",
"value": "arm64-v8a"
}
],
"attributes": [],
"versionCode": 1,
"versionName": "1.0",
"outputFile": "app-arm64-v8a-release.apk"
},
{
"type": "ONE_OF_MANY",
"filters": [
{
"filterType": "ABI",
"value": "x86"
}
],
"attributes": [],
"versionCode": 1,
"versionName": "1.0",
"outputFile": "app-x86-release.apk"
}
],
"elementType": "File",
......@@ -22,14 +53,18 @@
"minApi": 28,
"maxApi": 30,
"baselineProfiles": [
"baselineProfiles/1/app-release.dm"
"baselineProfiles/1/app-x86_64-release.dm",
"baselineProfiles/1/app-arm64-v8a-release.dm",
"baselineProfiles/1/app-x86-release.dm"
]
},
{
"minApi": 31,
"maxApi": 2147483647,
"baselineProfiles": [
"baselineProfiles/0/app-release.dm"
"baselineProfiles/0/app-x86_64-release.dm",
"baselineProfiles/0/app-arm64-v8a-release.dm",
"baselineProfiles/0/app-x86-release.dm"
]
}
],
......
src/screens/authentication/introduction/IntroductionScreen.js
View file @ 11ce3237
......@@ -49,7 +49,7 @@ const IntroductionScreen = ({
<SafeAreaView style={styles.slide1}>
<View style={styles.slide1}>
<Image source={BgIntroduce.BgStep1} style={styles.ImageIntroduce} />
<Image source={IMAGES.IcLogo} />
<Image source={IMAGES.IcLogo} style={{marginVertical: 5}} />
<LinearGradient
colors={['#fbc2eb', '#a6c1ee']}
style={{
......
src/screens/authentication/login/LoginScreen.js
View file @ 11ce3237
/* eslint-disable prettier/prettier */
import React from 'react';
import {useTranslation} from 'react-i18next';
import {Image, SafeAreaView, View} from 'react-native';
......
src/screens/home/components/ImCheckInInstall.js
View file @ 11ce3237
......@@ -16,116 +16,30 @@ import {ArrowLeftSVG} from '../../../assets/svg';
import {Button} from 'react-native-paper';
import ImCheckInModule from 'ImCheckInModule';
const windowWidth = Dimensions.get('window').width;
const windowHeight = Dimensions.get('window').height;
const ImCheckInInstall = props => {
const {showModalInstall, toggleImCheckInModal, downloadComponent} = props;
//console.log('userDetails', userDetails);
return (
// <Modal
// style={commonStyles.baseShadow}
// animationType="slide"
// transparent={true}
// visible={showModalInstall}>
// <View style={[commonStyles.container, {backgroundColor: colors.white}]}>
// <ScrollView>
// <View style={styles.contentContainer}>
// <View style={[commonStyles.row, {marginBottom: 10}]}>
// <TouchableOpacity onPress={toggleImCheckInModal}>
// <ArrowLeftSVG width={30} height={30} />
// </TouchableOpacity>
// </View>
// <View style={commonStyles.row}>
// <Image
// source={IMAGES.ImCheckInLogo}
// style={{borderRadius: 8, width: 80, height: 80}}
// />
// <View style={{marginLeft: 10}}>
// <AppText size={25} isTitle>
// ImCheckIn
// </AppText>
// <AppText color={colors.primary_blue}>MeU-Solutions</AppText>
// <AppText isSubText>Ứng dụng checkin</AppText>
// </View>
// </View>
// </View>
// <View>
// <Button
// style={{
// backgroundColor: colors.royal_blue,
// borderRadius: 5,
// margin: 10,
// }}
// mode="contained"
// onPress={() => downloadComponent()}>
// Cài đặt
// </Button>
// </View>
// <View style={{margin: 10}}>
// <AppText>
// Phần mềm chấm công ImCheckin cung cấp một giao diện người dùng
// trực quan và dễ sử dụng, giúp cả nhân viên và quản lý có thể dễ
// dàng theo dõi tình trạng chấm công. Giao diện này được thiết kế
// với mục đích tối ưu hóa trải nghiệm người dùng, bao gồm:
// </AppText>
// <AppText>
// {`\u2022 Bảng điều khiển tổng quan: Cung cấp một cái nhìn nhanh chóng về tình trạng chấm công của toàn bộ nhân viên. Bảng điều khiển này giúp quản lý nắm bắt nhanh chóng tình hình chấm công của công ty mà không cần phải đi sâu vào chi tiết, cụ thể:`}
// </AppText>
// <View style={{margin: 10}}>
// <AppText>{`\u2022 Số lượng nhân viên đã check-in/check-out.`}</AppText>
// <AppText>{`\u2022 Thống kê về thời gian làm việc.`}</AppText>
// <AppText>{`\u2022 Báo cáo về các trường hợp đi muộn hoặc về sớm.`}</AppText>
// </View>
// </View>
// <View style={{margin: 10}}>
// <AppText>
// Hiển thị thông tin cá nhân: Đối với mỗi nhân viên, ImCheckin hiển
// thị thông tin chấm công cá nhân một cách rõ ràng và chi tiết:
// </AppText>
// <AppText>{`\u2022 Lịch sử chấm công theo ngày/tuần/tháng.`}</AppText>
// <AppText>{`\u2022 Thời gian làm việc thực tế so với thời gian quy định.`}</AppText>
// <AppText>{`\u2022 Số giờ làm thêm (nếu có).`}</AppText>
// <AppText>{`\u2022 ...`}</AppText>
// </View>
// <View style={{margin: 10}}>
// <AppText>
// Thông báo và cảnh báo: Hệ thống cũng cung cấp các thông báo và
// cảnh báo kịp thời như:
// </AppText>
// <AppText>{`\u2022 Nhắc nhở chấm công khi nhân viên quên check-in/check-out.`}</AppText>
// <AppText>{`\u2022 Cảnh báo về các trường hợp đi muộn hoặc về sớm thường xuyên.`}</AppText>
// <AppText>{`\u2022 Thông báo về các yêu cầu nghỉ phép hoặc làm thêm giờ.`}</AppText>
// </View>
// </ScrollView>
// </View>
// </Modal>
<Modal
style={commonStyles.baseShadow}
style={[commonStyles.baseShadow, styles.backBtn]}
animationType="slide"
transparent={true}
visible={showModalInstall}>
<View style={[commonStyles.container, {backgroundColor: colors.white}]}>
<View
style={[
{
position: 'absolute',
top: 10,
left: 10,
backgroundColor: 'red',
},
]}>
<TouchableOpacity onPress={toggleImCheckInModal}>
<ArrowLeftSVG width={30} height={30} />
</TouchableOpacity>
</View>
<View style={{flex: 1}}>
<ImCheckInModule />
</View>
<View style={[styles.contentContainer]}>
<TouchableOpacity style={styles.backBtn} onPress={toggleImCheckInModal}>
<ArrowLeftSVG width={30} height={30} />
</TouchableOpacity>
<ImCheckInModule />
</View>
</Modal>
);
};
const styles = StyleSheet.create({
contentContainer: {
padding: 10,
width: windowWidth,
height: windowHeight,
},
backBtn: {top: 10, position: 'absolute', zIndex: 100},
});
export default ImCheckInInstall;
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