Skip to content

A
anawork-mobile-v2
Commit 022b8486 authored by dungtnguyen's avatar dungtnguyen
Browse files
Options

fix reanimated

parent 6a1f679e
Show whitespace changes
Inline Side-by-side
Showing with 18079 additions and 11291 deletions
App.tsx
View file @ 022b8486
......@@ -13,10 +13,9 @@ import {LocaleConfig} from 'react-native-calendars';
import Toast from 'react-native-toast-message';
import {Colors} from 'react-native/Libraries/NewAppScreen';
import {Provider} from 'react-redux';
import store from './src/app/store';
import NoConnection from './src/components/noconnection/NoConnection';
import Main from './src/Main';
import store from './src/app/store';
function App(): React.JSX.Element {
const isDarkMode = useColorScheme() === 'dark';
......@@ -70,10 +69,12 @@ function App(): React.JSX.Element {
setConnetionStatus(false);
}
});
return () => {
unsubscribe();
};
}, []);
return (
<Provider store={store}>
<SafeAreaView style={backgroundStyle}>
......
README.md
View file @ 022b8486
Upgrage version and refactor anawork mobile
Link project by npm i .tgz
add package if have error then npm start --reset-cache
\ No newline at end of file
android/app/build.gradle
View file @ 022b8486
......@@ -105,6 +105,14 @@ android {
proguardFiles getDefaultProguardFile("proguard-android.txt"), "proguard-rules.pro"
}
}
splits {
abi {
reset()
enable true
universalApk false
include "arm64-v8a", "x86", "x86_64" // Bỏ "armeabi-v7a"
}
}
}
dependencies {
......
android/app/src/main/AndroidManifest.xml
View file @ 022b8486
<manifest xmlns:android="http://schemas.android.com/apk/res/android">
<uses-permission android:name="android.permission.INTERNET" />
<uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" />
<!-- Include only if your app benefits from precise location access. -->
<uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />
<uses-permission android:name="android.permission.ACCESS_BACKGROUND_LOCATION" />
<application
android:name=".MainApplication"
android:label="@string/app_name"
......
android/app/src/main/assets/appcenter-config.json 0 → 100644
View file @ 022b8486
{"app_secret": "9998d04a-f9a4-4429-af16-179a1987245e"}
android/app/src/main/java/com/anawork_mobile/MainApplication.kt
View file @ 022b8486
......@@ -10,7 +10,6 @@ import com.facebook.react.defaults.DefaultNewArchitectureEntryPoint.load
import com.facebook.react.defaults.DefaultReactHost.getDefaultReactHost
import com.facebook.react.defaults.DefaultReactNativeHost
import com.facebook.soloader.SoLoader
class MainApplication : Application(), ReactApplication {
override val reactNativeHost: ReactNativeHost =
......@@ -20,7 +19,6 @@ class MainApplication : Application(), ReactApplication {
// Packages that cannot be autolinked yet can be added manually here, for example:
// add(MyReactNativePackage())
}
override fun getJSMainModuleName(): String = "index"
override fun getUseDeveloperSupport(): Boolean = BuildConfig.DEBUG
......
android/app/src/main/res/values/strings.xml
View file @ 022b8486
<resources>
<string name="app_name">anawork_mobile</string>
<string name="app_name">Anawork</string>
<string moduleConfig="true" name="CodePushDeploymentKey">JAsWjnJ4J8vppvL1z9TzN9OZ-cXGjLv98E9sx5</string>
<string name="appCenterCrashes_whenToSendCrashes" moduleConfig="true" translatable="false">
DO_NOT_ASK_JAVASCRIPT</string>
<string name="appCenterAnalytics_whenToEnableAnalytics" moduleConfig="true" translatable="false">
ALWAYS_SEND</string>
</resources>
\ No newline at end of file
android/build.gradle
View file @ 022b8486
......@@ -4,7 +4,7 @@ buildscript {
minSdkVersion = 23
compileSdkVersion = 34
targetSdkVersion = 34
ndkVersion = "26.1.10909125"
ndkVersion = "25.1.8937393"
kotlinVersion = "1.9.24"
}
repositories {
......
android/gradle/wrapper/gradle-wrapper.properties
View file @ 022b8486
distributionBase=GRADLE_USER_HOME
distributionPath=wrapper/dists
distributionUrl=https\://services.gradle.org/distributions/gradle-8.8-all.zip
distributionUrl=https\://services.gradle.org/distributions/gradle-8.9-all.zip
networkTimeout=10000
validateDistributionUrl=true
zipStoreBase=GRADLE_USER_HOME
......
android/hs_err_pid22028.log 0 → 100644
View file @ 022b8486
This source diff could not be displayed because it is too large. You can view the blob instead.
package-lock.json 0 → 100644
View file @ 022b8486
This source diff could not be displayed because it is too large. You can view the blob instead.
src/config/index.js
View file @ 022b8486
const storageKey = {
AUTH: 'auth',
AUTH: 'AUTH',
LANGUAGE: 'language',
};
const profileField = {
......
src/screens/home/HomeContainer.js
View file @ 022b8486
......@@ -30,11 +30,11 @@ import {
} from './homeSlice';
import styles from './style';
import HomeMainView from './template/HomeMainView';
const HomeContainer = props => {
const {userInfo, quotationList, birthdayListInMonth, randomQuotation} = props;
const dispatch = useDispatch();
const [RemoteComponent, setRemoteComponent] = useState(null);
const [loading, setLoading] = useState(false);
const [arrPersonnel, setArrPersonnel] = useState([]);
const [showModalInstall, setShowModalInstall] = useState(false);
//console.log('userDetails', userDetails);
......@@ -395,6 +395,9 @@ const HomeContainer = props => {
fetchDirectManagers();
};
const downloadComponent = async () => {
setLoading(true);
};
// useEffect
useEffect(() => {
const backAction = () => {
......@@ -422,6 +425,9 @@ const HomeContainer = props => {
birthdayListInMonth && formatDateList();
}, [birthdayListInMonth]);
useEffect(() => {
RemoteComponent && console.log('RemoteComponent', RemoteComponent);
}, [RemoteComponent]);
//props
const homeProps = {
userInfo,
......@@ -437,6 +443,7 @@ const HomeContainer = props => {
openProfileComponent,
randomQuotation,
showModalInstall,
downloadComponent,
setShowModalInstall,
OpenProfileUserComponent,
setWishTxt,
......
src/screens/home/components/ImCheckInInstall.js
View file @ 022b8486
......@@ -14,86 +14,111 @@ import colors from '../../../values/colors';
import {IMAGES} from '../../../assets/images';
import {ArrowLeftSVG} from '../../../assets/svg';
import {Button} from 'react-native-paper';
import ImCheckInModule from 'ImCheckInModule';
const windowWidth = Dimensions.get('window').width;
const ImCheckInInstall = props => {
const {showModalInstall, toggleImCheckInModal} = 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}
animationType="slide"
transparent={true}
visible={showModalInstall}>
<View style={[commonStyles.container, {backgroundColor: colors.white}]}>
<ScrollView>
<View style={styles.contentContainer}>
<View style={[commonStyles.row, {marginBottom: 10}]}>
<View
style={[
{
position: 'absolute',
top: 10,
left: 10,
backgroundColor: 'red',
},
]}>
<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={() => console.log('Pressed')}>
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 style={{flex: 1}}>
<ImCheckInModule />
</View>
</ScrollView>
</View>
</Modal>
);
......
src/screens/home/homePropsProvider.js
View file @ 022b8486
......@@ -22,7 +22,8 @@ export default function homePropsProvider(props) {
randomQuotation,
showModalInstall,
setShowModalInstall,
toggleImCheckInModal
toggleImCheckInModal,
downloadComponent,
} = props;
return {
userInfo,
......@@ -54,7 +55,8 @@ export default function homePropsProvider(props) {
imCheckInInstall: {
showModalInstall,
setShowModalInstall,
toggleImCheckInModal
toggleImCheckInModal,
downloadComponent,
},
};
}
src/screens/home/template/HomeMainView.js
View file @ 022b8486
......@@ -15,6 +15,7 @@ import Quotation from './subViews/QuotationList';
import {Button} from 'react-native-paper';
import {IMAGES} from '../../../assets/images';
import ImCheckInInstall from '../components/ImCheckInInstall';
import ImCheckInModule from 'ImCheckInModule';
const HomeMainView = ({
userInfo,
openView,
......@@ -60,8 +61,12 @@ const HomeMainView = ({
)}
<BirthdayModal {...birthdayModalProps} />
<ImCheckInInstall {...imCheckInInstall} />
{openProfileComponent && openProfileComponent}
</SafeAreaView>
// <SafeAreaView style={styles.container}>
// <ImCheckInModule />
// </SafeAreaView>
);
};
......
yarn.lock deleted 100644 → 0
View file @ 6a1f679e
This source diff could not be displayed because it is too large. You can view the blob instead.
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