setIsPrecached(false)}
+ >
+ OK
+
+ }
+ />
+
+ );
+};
+
+export default ServiceWorkerWrapper;
diff --git a/src/components/root/UserAutoLogin.js b/src/components/root/UserAutoLogin.js
new file mode 100644
index 00000000..eb3fe5b4
--- /dev/null
+++ b/src/components/root/UserAutoLogin.js
@@ -0,0 +1,144 @@
+import { useCallback, useEffect, useMemo } from 'react';
+import { useRecoilState, useRecoilValue, useSetRecoilState } from 'recoil';
+import FingerprintJS from '@fingerprintjs/fingerprintjs-pro';
+import {
+ congAccountConnectedState,
+ congIDState,
+ isAdminCongState,
+} from '../../appStates/appCongregation';
+import {
+ apiHostState,
+ isOnlineState,
+ rootModalOpenState,
+ userEmailState,
+ userIDState,
+ visitorIDState,
+} from '../../appStates/appSettings';
+import { deleteDb } from '../../indexedDb/dbUtility';
+
+const UserAutoLogin = () => {
+ let abortCont = useMemo(() => new AbortController(), []);
+
+ const [userEmail, setUserEmail] = useRecoilState(userEmailState);
+ const [visitorID, setVisitorID] = useRecoilState(visitorIDState);
+
+ const setCongAccountConnected = useSetRecoilState(congAccountConnectedState);
+ const setIsAdminCong = useSetRecoilState(isAdminCongState);
+ const setCongID = useSetRecoilState(congIDState);
+ const setUserID = useSetRecoilState(userIDState);
+ const setModalOpen = useSetRecoilState(rootModalOpenState);
+
+ const isOnline = useRecoilValue(isOnlineState);
+ const apiHost = useRecoilValue(apiHostState);
+
+ const handleDisapproved = useCallback(async () => {
+ setModalOpen(true);
+ await deleteDb();
+ localStorage.removeItem('email');
+ window.location.href = './';
+ }, [setModalOpen]);
+
+ const checkLogin = useCallback(async () => {
+ try {
+ if (apiHost !== '' && userEmail !== '' && visitorID !== '') {
+ const res = await fetch(`${apiHost}api/users/validate-me`, {
+ signal: abortCont.signal,
+ method: 'GET',
+ headers: {
+ 'Content-Type': 'application/json',
+ visitor_id: visitorID,
+ email: userEmail,
+ },
+ });
+
+ const data = await res.json();
+
+ // congregation found
+ if (res.status === 200) {
+ // role approved
+ if (
+ data.cong_role.includes('lmmo') ||
+ data.cong_role.includes('lmmo-backup')
+ ) {
+ setCongAccountConnected(true);
+ setCongID(data.cong_id);
+ setUserID(data.id);
+
+ // role admin
+ if (data.cong_role.includes('admin')) {
+ setIsAdminCong(true);
+ }
+ return;
+ }
+
+ // role disapproved
+ await handleDisapproved();
+ return;
+ }
+
+ // congregation not found
+ if (res.status === 404) {
+ // user not authorized and delete local data
+ await handleDisapproved();
+ return;
+ }
+ }
+ } catch {}
+ }, [
+ apiHost,
+ abortCont,
+ handleDisapproved,
+ visitorID,
+ userEmail,
+ setCongAccountConnected,
+ setCongID,
+ setIsAdminCong,
+ setUserID,
+ ]);
+
+ useEffect(() => {
+ // get visitor ID and check if there is an active connection
+ const getUserID = async () => {
+ const fpPromise = FingerprintJS.load({
+ apiKey: 'XwmESck7zm6PZAfspXbs',
+ });
+
+ let visitorId = '';
+
+ do {
+ const fp = await fpPromise;
+ const result = await fp.get();
+ visitorId = result.visitorId;
+ } while (visitorId.length === 0);
+
+ setVisitorID(visitorId);
+ };
+
+ if (isOnline) {
+ getUserID();
+ }
+ }, [setVisitorID, isOnline]);
+
+ useEffect(() => {
+ setUserEmail(localStorage.getItem('email'));
+ }, [setUserEmail]);
+
+ useEffect(() => {
+ if (isOnline) {
+ checkLogin();
+ } else {
+ setCongAccountConnected(false);
+ setIsAdminCong(false);
+ }
+ }, [
+ checkLogin,
+ isOnline,
+ setCongAccountConnected,
+ setIsAdminCong,
+ userEmail,
+ ]);
+
+ return <>;
+};
+
+export default UserAutoLogin;
diff --git a/src/components/root/UserSignOut.js b/src/components/root/UserSignOut.js
new file mode 100644
index 00000000..a8acc96f
--- /dev/null
+++ b/src/components/root/UserSignOut.js
@@ -0,0 +1,141 @@
+import { useCallback, useEffect, useMemo } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useRecoilState, useRecoilValue, useSetRecoilState } from 'recoil';
+import Box from '@mui/material/Box';
+import CircularProgress from '@mui/material/CircularProgress';
+import Dialog from '@mui/material/Dialog';
+import DialogContent from '@mui/material/DialogContent';
+import DialogTitle from '@mui/material/DialogTitle';
+
+// states
+import {
+ apiHostState,
+ isAppClosingState,
+ isAppLoadState,
+ isOnlineState,
+ isSetupState,
+ isUserMfaSetupState,
+ isUserMfaVerifyState,
+ isUserSignInState,
+ userEmailState,
+ visitorIDState,
+} from '../../appStates/appSettings';
+import {
+ congAccountConnectedState,
+ offlineOverrideState,
+} from '../../appStates/appCongregation';
+
+// utils
+import { dbUpdateAppSettings } from '../../indexedDb/dbAppSettings';
+
+const UserSignOut = () => {
+ let abortCont = useMemo(() => new AbortController(), []);
+
+ const { t } = useTranslation();
+
+ const [open, setOpen] = useRecoilState(isAppClosingState);
+ const [userEmail, setUserEmail] = useRecoilState(userEmailState);
+ const [congAccountConnected, setCongAccountConnectedState] = useRecoilState(
+ congAccountConnectedState
+ );
+
+ const setIsAppLoad = useSetRecoilState(isAppLoadState);
+ const setIsSetup = useSetRecoilState(isSetupState);
+ const setUserMfaSetup = useSetRecoilState(isUserMfaSetupState);
+ const setUserMfaVerify = useSetRecoilState(isUserMfaVerifyState);
+ const setUserSignIn = useSetRecoilState(isUserSignInState);
+ const setOfflineOverrideState = useSetRecoilState(offlineOverrideState);
+
+ const isOnline = useRecoilValue(isOnlineState);
+ const apiHost = useRecoilValue(apiHostState);
+ const visitorID = useRecoilValue(visitorIDState);
+
+ const handleClose = (event, reason) => {
+ if (reason === 'clickaway' || reason === 'backdropClick') {
+ return;
+ }
+ setOpen(false);
+ };
+
+ const handleLogout = useCallback(async () => {
+ if (isOnline && congAccountConnected) {
+ if (apiHost !== '') {
+ await fetch(`${apiHost}api/users/logout`, {
+ signal: abortCont.signal,
+ method: 'GET',
+ headers: {
+ 'Content-Type': 'application/json',
+ visitor_id: visitorID,
+ email: userEmail,
+ },
+ });
+
+ setCongAccountConnectedState(false);
+ }
+ }
+
+ localStorage.removeItem('email');
+ await dbUpdateAppSettings({ isLoggedOut: true });
+
+ setOpen(false);
+ setOfflineOverrideState(false);
+ setIsAppLoad(true);
+ setIsSetup(true);
+ setUserMfaSetup(false);
+ setUserMfaVerify(false);
+ setUserSignIn(true);
+ setUserEmail('');
+ }, [
+ abortCont,
+ apiHost,
+ congAccountConnected,
+ isOnline,
+ setCongAccountConnectedState,
+ setIsAppLoad,
+ setIsSetup,
+ setOfflineOverrideState,
+ setOpen,
+ setUserMfaSetup,
+ setUserMfaVerify,
+ setUserSignIn,
+ setUserEmail,
+ userEmail,
+ visitorID,
+ ]);
+
+ useEffect(() => {
+ if (open) handleLogout();
+ }, [handleLogout, open]);
+
+ useEffect(() => {
+ return () => abortCont.abort();
+ }, [abortCont]);
+
+ return (
+
+
+
+ );
+};
+
+export default UserSignOut;
diff --git a/src/components/root/WhatsNew.js b/src/components/root/WhatsNew.js
new file mode 100644
index 00000000..ed03ab3a
--- /dev/null
+++ b/src/components/root/WhatsNew.js
@@ -0,0 +1,49 @@
+import { useRecoilState } from 'recoil';
+import { useTranslation } from 'react-i18next';
+import Box from '@mui/material/Box';
+import Dialog from '@mui/material/Dialog';
+import DialogTitle from '@mui/material/DialogTitle';
+import DialogContent from '@mui/material/DialogContent';
+import Typography from '@mui/material/Typography';
+import WhatsNewDetail from '../whatsnew/WhatsNewDetail';
+import {
+ currentNotificationState,
+ isWhatsNewOpenState,
+} from '../../appStates/appSettings';
+
+const WhatsNew = () => {
+ const { t } = useTranslation();
+
+ const [isOpen, setIsOpen] = useRecoilState(isWhatsNewOpenState);
+ const [item, setItem] = useRecoilState(currentNotificationState);
+
+ const handleClose = () => {
+ setIsOpen(false);
+ setItem({});
+ };
+
+ return (
+
+
+
+ );
+};
+
+export default WhatsNew;
diff --git a/src/components/root/WithServiceWorker.js b/src/components/root/WithServiceWorker.js
new file mode 100644
index 00000000..f778ec72
--- /dev/null
+++ b/src/components/root/WithServiceWorker.js
@@ -0,0 +1,169 @@
+import { useCallback, useEffect, useState } from 'react';
+import PropTypes from 'prop-types';
+
+const isLocalhost = Boolean(
+ typeof window !== 'undefined' &&
+ (window.location.hostname === 'localhost' ||
+ // [::1] is the IPv6 localhost address.
+ window.location.hostname === '[::1]' ||
+ // 127.0.0.1/8 is considered localhost for IPv4.
+ window.location.hostname.match(
+ /^127(?:\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/
+ ))
+);
+
+const ServiceWorkerWrapper = ({
+ children,
+ onError,
+ onInstalled,
+ onUpdated,
+ onStaled,
+ publicServiceWorkerDest,
+ publicUrl,
+}) => {
+ const [registration, setRegistration] = useState(null);
+ const [serviceWorkerUrl] = useState(`${publicUrl}${publicServiceWorkerDest}`);
+
+ const registerValidServiceWorker = useCallback(async () => {
+ try {
+ let registration = await navigator.serviceWorker.getRegistration();
+ if (!registration) {
+ registration = await navigator.serviceWorker.register(serviceWorkerUrl);
+ }
+
+ // check if there are any awaiting sw
+ const waitingWorker = registration.waiting;
+ if (waitingWorker && waitingWorker.state === 'installed') {
+ onStaled && onStaled();
+ }
+
+ setRegistration(registration);
+
+ registration.addEventListener('updatefound', () => {
+ const installingWorker = registration.installing;
+
+ if (installingWorker) {
+ installingWorker.onstatechange = () => {
+ if (installingWorker.state === 'installed') {
+ if (navigator.serviceWorker.controller) {
+ onUpdated && onUpdated();
+ }
+ onInstalled && onInstalled();
+ }
+ };
+ }
+
+ const waitingWorker = registration.waiting;
+ if (waitingWorker) {
+ waitingWorker.onstatechange = () => {
+ if (waitingWorker.state === 'installed') {
+ if (navigator.serviceWorker.controller) {
+ onUpdated && onUpdated();
+ }
+ onInstalled && onInstalled();
+ }
+ };
+ }
+ });
+ } catch (err) {
+ console.error('Error during service worker registration:', err);
+ onError && onError(err);
+ }
+ }, [serviceWorkerUrl, onError, onStaled, onInstalled, onUpdated]);
+
+ const checkValidServiceWorker = useCallback(async () => {
+ try {
+ const response = await fetch(serviceWorkerUrl);
+ // Ensure service worker exists, and that we really are getting a JS file.
+ if (
+ response.status === 404 ||
+ response.headers.get('content-type').indexOf('javascript') === -1
+ ) {
+ // No service worker found. Probably a different app. Reload the page.
+ navigator.serviceWorker.ready.then(async (registration) => {
+ await registration.unregister();
+ window.location.reload();
+ });
+ } else {
+ // Service worker found. Proceed as normal.
+ registerValidServiceWorker();
+ }
+ } catch (err) {
+ console.log(
+ 'No internet connection found. App is running in offline mode.'
+ );
+ }
+ }, [registerValidServiceWorker, serviceWorkerUrl]);
+
+ const register = useCallback(async () => {
+ if (typeof window !== 'undefined' && 'serviceWorker' in navigator) {
+ // The URL constructor is available in all browsers that support SW.
+ const pUrl = new URL(publicUrl, window.location);
+ if (pUrl.origin !== window.location.origin) {
+ // Our service worker won't work if PUBLIC_URL is on a different origin
+ // from what our page is served on. This might happen if a CDN is used to
+ // serve assets; see https://github.com/facebookincubator/create-react-app/issues/2374
+ return;
+ }
+ if (isLocalhost) {
+ // This is running on localhost. Lets check if a service worker still exists or not.
+ checkValidServiceWorker();
+ // Add some additional logging to localhost, pointing developers to the
+ // service worker/PWA documentation.
+ navigator.serviceWorker.ready.then(() => {
+ console.log(
+ 'This web app is being served cache-first by a service ' +
+ 'worker. To learn more, visit https://goo.gl/SC7cgQ'
+ );
+ });
+ } else {
+ // Is not local host. Just register service worker
+ registerValidServiceWorker();
+ }
+ }
+ }, [checkValidServiceWorker, publicUrl, registerValidServiceWorker]);
+
+ const unregister = useCallback(() => {
+ registration && registration.unregister();
+ }, [registration]);
+
+ const update = useCallback(() => {
+ registration && registration.update();
+ registration.waiting.postMessage({ type: 'SKIP_WAITING' });
+ }, [registration]);
+
+ useEffect(() => {
+ if (process.env.NODE_ENV === 'production') {
+ register();
+ }
+ }, [register]);
+
+ return typeof children === 'function'
+ ? children({
+ registration,
+ register: register,
+ update: update,
+ unregister: unregister,
+ })
+ : children;
+};
+
+ServiceWorkerWrapper.propTypes = {
+ children: PropTypes.oneOfType([PropTypes.func, PropTypes.node]).isRequired,
+ onError: PropTypes.func,
+ onInstalled: PropTypes.func,
+ onUpdated: PropTypes.func,
+ onStaled: PropTypes.func,
+ publicServiceWorkerDest: PropTypes.string.isRequired,
+ publicUrl: PropTypes.string,
+};
+
+ServiceWorkerWrapper.defaultProps = {
+ onError: null,
+ onInstalled: null,
+ onUpdated: null,
+ onStaled: null,
+ publicUrl: '',
+};
+
+export default ServiceWorkerWrapper;
diff --git a/src/components/schedule/DialogAssignmentDelete.js b/src/components/schedule/DialogAssignmentDelete.js
new file mode 100644
index 00000000..eb1f9c88
--- /dev/null
+++ b/src/components/schedule/DialogAssignmentDelete.js
@@ -0,0 +1,127 @@
+import { useEffect, useState } from 'react';
+import { useRecoilState, useRecoilValue, useSetRecoilState } from 'recoil';
+import { useTranslation } from 'react-i18next';
+import dateFormat from 'dateformat';
+import Button from '@mui/material/Button';
+import Dialog from '@mui/material/Dialog';
+import DialogActions from '@mui/material/DialogActions';
+import DialogTitle from '@mui/material/DialogTitle';
+import DialogContent from '@mui/material/DialogContent';
+import Typography from '@mui/material/Typography';
+import {
+ currentScheduleState,
+ currentWeekSchedState,
+ dlgAssDeleteOpenState,
+ isDeleteSchedState,
+ isDlgActionOpenState,
+ schedActionTypeState,
+ weekListSchedState,
+ weeksToDeleteState,
+} from '../../appStates/appSchedule';
+import {
+ monthNamesState,
+ shortDateFormatState,
+} from '../../appStates/appSettings';
+
+const DialogAssignmentDelete = () => {
+ const { t } = useTranslation();
+
+ const [scheduleName, setScheduleName] = useState('');
+
+ const [currentWeekFormat, setCurrentWeekFormat] = useState('');
+
+ const [dlgAssDeleteOpen, setDlgAssDeleteOpen] = useRecoilState(
+ dlgAssDeleteOpenState
+ );
+
+ const setIsDlgActionOpen = useSetRecoilState(isDlgActionOpenState);
+ const setIsDeleteSched = useSetRecoilState(isDeleteSchedState);
+ const setWeeksDelete = useSetRecoilState(weeksToDeleteState);
+ const setActionType = useSetRecoilState(schedActionTypeState);
+
+ const currentSchedule = useRecoilValue(currentScheduleState);
+ const monthNames = useRecoilValue(monthNamesState);
+ const weekList = useRecoilValue(weekListSchedState);
+ const currentWeek = useRecoilValue(currentWeekSchedState);
+ const shortDateFormat = useRecoilValue(shortDateFormatState);
+
+ const handleDeleteAll = () => {
+ setActionType('DeleteAssignment');
+ setWeeksDelete(weekList);
+ setIsDeleteSched(true);
+ setIsDlgActionOpen(true);
+ setDlgAssDeleteOpen(false);
+ };
+
+ const handleDeleteWeek = () => {
+ var obj = [];
+ obj.push({ value: currentWeek });
+ setActionType('DeleteAssignment');
+ setWeeksDelete(obj);
+ setIsDeleteSched(true);
+ setIsDlgActionOpen(true);
+ setDlgAssDeleteOpen(false);
+ };
+
+ const handleClose = () => {
+ setDlgAssDeleteOpen(false);
+ };
+
+ useEffect(() => {
+ if (currentWeek !== '') {
+ const dateWeek = new Date(currentWeek);
+ const newDate = dateFormat(dateWeek, shortDateFormat);
+ setCurrentWeekFormat(newDate);
+ }
+ }, [currentWeek, shortDateFormat]);
+
+ useEffect(() => {
+ if (currentSchedule !== '') {
+ const sched = currentSchedule;
+ const month = sched.split('/')[0];
+ const year = sched.split('/')[1];
+
+ const monthName = monthNames[+month - 1];
+
+ const str = monthName + ' ' + year;
+ setScheduleName(str);
+ }
+ }, [currentSchedule, monthNames]);
+
+ return (
+
+ );
+};
+
+export default DialogAssignmentDelete;
diff --git a/src/components/schedule/DialogAutoFill.js b/src/components/schedule/DialogAutoFill.js
new file mode 100644
index 00000000..650da30c
--- /dev/null
+++ b/src/components/schedule/DialogAutoFill.js
@@ -0,0 +1,86 @@
+import { useEffect, useState } from 'react';
+import { useRecoilState, useRecoilValue, useSetRecoilState } from 'recoil';
+import { useTranslation } from 'react-i18next';
+import Button from '@mui/material/Button';
+import Dialog from '@mui/material/Dialog';
+import DialogActions from '@mui/material/DialogActions';
+import DialogTitle from '@mui/material/DialogTitle';
+import DialogContent from '@mui/material/DialogContent';
+import Typography from '@mui/material/Typography';
+import {
+ currentScheduleState,
+ dlgAutoFillOpenState,
+ isAutoFillSchedState,
+ isDlgActionOpenState,
+ schedActionTypeState,
+} from '../../appStates/appSchedule';
+import { monthNamesState } from '../../appStates/appSettings';
+
+const DialogAutoFill = () => {
+ const { t } = useTranslation();
+
+ const [scheduleName, setScheduleName] = useState('');
+
+ const [dlgAutoFillOpen, setDlgAutoFillOpen] =
+ useRecoilState(dlgAutoFillOpenState);
+
+ const setIsAutoFill = useSetRecoilState(isAutoFillSchedState);
+ const setIsDlgActionOpen = useSetRecoilState(isDlgActionOpenState);
+ const setActionType = useSetRecoilState(schedActionTypeState);
+
+ const currentSchedule = useRecoilValue(currentScheduleState);
+ const monthNames = useRecoilValue(monthNamesState);
+
+ const handleAutoFill = () => {
+ setActionType('AutoFill');
+ setIsAutoFill(true);
+ setIsDlgActionOpen(true);
+ setDlgAutoFillOpen(false);
+ };
+
+ const handleClose = () => {
+ setDlgAutoFillOpen(false);
+ };
+
+ useEffect(() => {
+ if (currentSchedule !== '') {
+ const sched = currentSchedule;
+ const month = sched.split('/')[0];
+ const year = sched.split('/')[1];
+
+ const monthName = monthNames[+month - 1];
+
+ const str = monthName + ' ' + year;
+ setScheduleName(str);
+ }
+ }, [currentSchedule, monthNames]);
+
+ return (
+
+ );
+};
+
+export default DialogAutoFill;
diff --git a/src/components/schedule/S89.js b/src/components/schedule/S89.js
new file mode 100644
index 00000000..e9a2d5a7
--- /dev/null
+++ b/src/components/schedule/S89.js
@@ -0,0 +1,153 @@
+import { useEffect, useState } from 'react';
+import { useNavigate } from 'react-router-dom';
+import { useRecoilValue, useSetRecoilState } from 'recoil';
+import { useTranslation } from 'react-i18next';
+import Box from '@mui/material/Box';
+import Button from '@mui/material/Button';
+import CircularProgress from '@mui/material/CircularProgress';
+import Container from '@mui/material/Container';
+import PlayArrowIcon from '@mui/icons-material/PlayArrow';
+import Typography from '@mui/material/Typography';
+import WarningIcon from '@mui/icons-material/Warning';
+import {
+ dbGetS89ItemData,
+ dbGetS89WeekList,
+} from '../../indexedDb/dbAssignment';
+import TreeViewCheckbox from '../reusable/TreeViewCheckbox';
+import {
+ currentScheduleState,
+ s89DataState,
+} from '../../appStates/appSchedule';
+import { rootModalOpenState } from '../../appStates/appSettings';
+
+const S89 = () => {
+ const { t } = useTranslation();
+ let navigate = useNavigate();
+
+ const [data, setData] = useState({});
+ const [selected, setSelected] = useState([]);
+ const [loading, setLoading] = useState(true);
+ const [disablePDF, setDisablePDF] = useState(false);
+
+ const setS89Data = useSetRecoilState(s89DataState);
+ const setRootModalOpen = useSetRecoilState(rootModalOpenState);
+
+ const currentSchedule = useRecoilValue(currentScheduleState);
+
+ useEffect(() => {
+ const getDataS89 = async () => {
+ const data = await dbGetS89WeekList(currentSchedule);
+ setData(data);
+ setLoading(false);
+ };
+ if (currentSchedule !== '') {
+ getDataS89();
+ }
+ }, [currentSchedule]);
+
+ const handlePreviewS89 = async () => {
+ setRootModalOpen(true);
+ const realData = selected.filter((item) => item.length > 10);
+ realData.sort((a, b) => {
+ return a > b ? 1 : -1;
+ });
+
+ let s89Data = [];
+
+ for (let i = 0; i < realData.length; i++) {
+ const week = realData[i].split('-')[0];
+ const assType = realData[i].split('@')[1].split('-')[0];
+ const classLabel = realData[i].split('-')[2];
+
+ const data = await dbGetS89ItemData(week, assType, classLabel);
+
+ let obj = {};
+ obj.id = realData[i];
+
+ s89Data.push({ ...obj, ...data });
+ }
+
+ setS89Data(s89Data);
+
+ navigate('/s89-template');
+ setRootModalOpen(false);
+ };
+
+ useEffect(() => {
+ const realData = selected.filter((item) => item.length > 10);
+ if (realData.length === 0) {
+ setDisablePDF(true);
+ } else {
+ setDisablePDF(false);
+ }
+ }, [selected]);
+
+ return (
+
+ {loading && (
+
+ )}
+ {!loading && (
+ <>
+ {Object.keys(data).length > 2 && (
+ <>
+ {data.children.length > 0 && (
+ <>
+
+ }
+ disabled={disablePDF}
+ onClick={() => handlePreviewS89()}
+ sx={{ marginRight: '10px' }}
+ >
+ {t('global.preview')}
+
+
+ setSelected(value)}
+ defaultExpanded={['S89']}
+ />
+
+ )}
+ {data.children.length === 0 && (
+
+
+
+ {t('schedule.s89NoData')}
+
+
+ )}
+
+ )}
+
+ )}
+
+ );
+};
+
+export default S89;
diff --git a/src/components/schedule/ScheduleAYF.js b/src/components/schedule/ScheduleAYF.js
new file mode 100644
index 00000000..b3188a7d
--- /dev/null
+++ b/src/components/schedule/ScheduleAYF.js
@@ -0,0 +1,290 @@
+import { useRecoilValue } from 'recoil';
+import { useTranslation } from 'react-i18next';
+import Box from '@mui/material/Box';
+import CircularProgress from '@mui/material/CircularProgress';
+import EditIcon from '@mui/icons-material/Edit';
+import Grid from '@mui/material/Grid';
+import IconButton from '@mui/material/IconButton';
+import Typography from '@mui/material/Typography';
+import { classCountState } from '../../appStates/appCongregation';
+
+const boxStudentAYF = {
+ display: 'flex',
+ flexDirection: 'column',
+ marginBottom: '8px',
+};
+
+const typoStudentField = {
+ height: '25px',
+ lineHeight: '25px',
+ width: '165px',
+ backgroundColor: 'lightblue',
+ color: 'purple',
+ padding: '2px 2px 2px 5px',
+ borderRadius: 5,
+ fontWeight: 'bold',
+};
+
+const boxStudentFldContainer = {
+ display: 'flex',
+ marginRight: '5px',
+ alignItems: 'flex-end',
+};
+
+const iconButtonContainer = {
+ padding: '1px',
+};
+
+const editIconButton = {
+ fontSize: '24px',
+};
+
+const StudentAYF = (props) => {
+ const { t } = useTranslation();
+
+ const {
+ assType,
+ assTypeName,
+ assTime,
+ assSrc,
+ stuA,
+ assA,
+ stuB,
+ assB,
+ stuAID,
+ assAID,
+ stuBID,
+ assBID,
+ isStuA,
+ isAssA,
+ isStuB,
+ isAssB,
+ } = props.params;
+ const { loadStudentPicker } = props;
+
+ const classCount = useRecoilValue(classCountState);
+
+ const studentPartWrapper1Styles = {
+ width: {
+ xs: '100%',
+ sm: 'calc(100% - 200px)',
+ },
+ };
+
+ const studentPartWrapper2Styles = {
+ width: {
+ xs: '100%',
+ sm: 'calc(100% - 200px)',
+ sm800: 'calc(100% - 400px)',
+ lg: 'calc(100% - 200px)',
+ },
+ flexDirection: {
+ sm800: 'row',
+ },
+ };
+
+ const studentContainer1Styles = {
+ display: 'flex',
+ justifyContent: {
+ xs: 'flex-start',
+ sm: 'flex-end',
+ },
+ };
+
+ const studentContainer2Styles = {
+ display: 'flex',
+ justifyContent: {
+ xs: 'flex-start',
+ sm: 'flex-end',
+ },
+ flexDirection: {
+ xs: 'column',
+ xs420: 'row',
+ sm: 'column',
+ sm800: 'row',
+ lg: 'column',
+ },
+ };
+
+ const loadStuPicker = (
+ assID,
+ assType,
+ assTypeName,
+ currentStudent,
+ stuForAssistant,
+ assTypeNameForAssistant
+ ) => {
+ var obj = {};
+ obj.assID = assID;
+ obj.assType = assType;
+ obj.assTypeName = assTypeName;
+ obj.currentStudent = currentStudent;
+ obj.stuForAssistant = stuForAssistant;
+ obj.assTypeNameForAssistant = assTypeNameForAssistant;
+ loadStudentPicker(obj);
+ };
+
+ return (
+ <>
+ {assSrc && (
+
+
+ {assType !== 107 && (
+
+ {assTypeName} ({assTime} min.)
+
+ )}
+ {assSrc}
+
+ {assType !== 105 && assType !== 106 && assType !== 107 && (
+
+
+
+
+ {stuA}
+
+ {isStuA && (
+
+ )}
+ {!isStuA && (
+
+ loadStuPicker(stuAID, assType, assTypeName, stuA)
+ }
+ >
+
+
+ )}
+
+ {assType !== 104 && (
+
+
+ {assA}
+
+ {isAssA && (
+
+ )}
+ {!isAssA && (
+
+ loadStuPicker(
+ assAID,
+ assType,
+ t('global.assistant'),
+ assA,
+ stuA,
+ assTypeName
+ )
+ }
+ >
+
+
+ )}
+
+ )}
+
+ {classCount === 2 && (
+
+
+
+ {stuB}
+
+ {isStuB && (
+
+ )}
+ {!isStuB && (
+
+ loadStuPicker(stuBID, assType, assTypeName, stuB)
+ }
+ >
+
+
+ )}
+
+ {assType !== 104 && (
+
+
+ {assB}
+
+ {isAssB && (
+
+ )}
+ {!isAssB && (
+
+ loadStuPicker(
+ assBID,
+ assType,
+ t('global.assistant'),
+ assB,
+ stuB,
+ assTypeName
+ )
+ }
+ >
+
+
+ )}
+
+ )}
+
+ )}
+
+ )}
+
+ )}
+
+ );
+};
+
+export default StudentAYF;
diff --git a/src/components/schedule/ScheduleActions.js b/src/components/schedule/ScheduleActions.js
new file mode 100644
index 00000000..a09b5e2f
--- /dev/null
+++ b/src/components/schedule/ScheduleActions.js
@@ -0,0 +1,95 @@
+import { useEffect } from 'react';
+import { useRecoilState, useRecoilValue, useSetRecoilState } from 'recoil';
+import { useTranslation } from 'react-i18next';
+import CircularProgress from '@mui/material/CircularProgress';
+import Dialog from '@mui/material/Dialog';
+import DialogTitle from '@mui/material/DialogTitle';
+import DialogContent from '@mui/material/DialogContent';
+import Typography from '@mui/material/Typography';
+import { dbAutoFill, dbDeleteWeekAssignment } from '../../indexedDb/dbSchedule';
+import {
+ currentScheduleState,
+ currentWeekSchedState,
+ isDlgActionOpenState,
+ isReloadScheduleState,
+ schedActionTypeState,
+ weeksToDeleteState,
+} from '../../appStates/appSchedule';
+
+const ScheduleActions = (props) => {
+ const { handleWeekChange } = props;
+
+ const { t } = useTranslation();
+
+ const [isDlgActionOpen, setIsDlgActionOpen] =
+ useRecoilState(isDlgActionOpenState);
+
+ const setIsReloadSchedule = useSetRecoilState(isReloadScheduleState);
+ const currentSchedule = useRecoilValue(currentScheduleState);
+ const actionType = useRecoilValue(schedActionTypeState);
+ const currentWeek = useRecoilValue(currentWeekSchedState);
+ const weeksDelete = useRecoilValue(weeksToDeleteState);
+
+ useEffect(() => {
+ const autoAssignSchedule = async () => {
+ if (currentSchedule !== '' && typeof currentSchedule !== 'undefined') {
+ await dbAutoFill(currentSchedule);
+ }
+ setIsDlgActionOpen(false);
+ setIsReloadSchedule(true);
+ };
+
+ const deleteAssignment = async () => {
+ if (weeksDelete.length > 0) {
+ for (let i = 0; i < weeksDelete.length; i++) {
+ await dbDeleteWeekAssignment(weeksDelete[i].value);
+ }
+ }
+
+ setIsDlgActionOpen(false);
+ setIsReloadSchedule(true);
+ };
+
+ if (actionType === 'AutoFill') {
+ autoAssignSchedule();
+ } else if (actionType === 'DeleteAssignment') {
+ deleteAssignment();
+ }
+
+ return () => {
+ //clean-up
+ };
+ }, [
+ actionType,
+ currentSchedule,
+ currentWeek,
+ handleWeekChange,
+ setIsDlgActionOpen,
+ setIsReloadSchedule,
+ weeksDelete,
+ ]);
+
+ return (
+
+ );
+};
+
+export default ScheduleActions;
diff --git a/src/components/schedule/ScheduleDetails.js b/src/components/schedule/ScheduleDetails.js
new file mode 100644
index 00000000..319c67f8
--- /dev/null
+++ b/src/components/schedule/ScheduleDetails.js
@@ -0,0 +1,678 @@
+import { useEffect, useState } from 'react';
+import { useRecoilState, useRecoilValue } from 'recoil';
+import { useTranslation } from 'react-i18next';
+import { useTheme } from '@mui/material';
+import useMediaQuery from '@mui/material/useMediaQuery';
+import Box from '@mui/material/Box';
+import CancelIcon from '@mui/icons-material/Cancel';
+import CircularProgress from '@mui/material/CircularProgress';
+import Container from '@mui/material/Container';
+import Dialog from '@mui/material/Dialog';
+import DialogTitle from '@mui/material/DialogTitle';
+import DialogContent from '@mui/material/DialogContent';
+import EditIcon from '@mui/icons-material/Edit';
+import Grid from '@mui/material/Grid';
+import IconButton from '@mui/material/IconButton';
+import NoMeetingRoomIcon from '@mui/icons-material/NoMeetingRoom';
+import Typography from '@mui/material/Typography';
+import ScheduleAYF from './ScheduleAYF';
+import StudentSelector from './StudentSelector';
+import S89 from './S89';
+import { dbSaveAss } from '../../indexedDb/dbAssignment';
+import {
+ isS89OpenState,
+ currentScheduleState,
+ isReloadScheduleState,
+} from '../../appStates/appSchedule';
+import { classCountState } from '../../appStates/appCongregation';
+import { dbGetSourceMaterial } from '../../indexedDb/dbSourceMaterial';
+import { dbGetScheduleData } from '../../indexedDb/dbSchedule';
+
+const sharedStyles = {
+ studentPartWrapper1: {
+ width: {
+ xs: '100%',
+ sm: 'calc(100% - 300px)',
+ },
+ },
+ studentPartWrapper2: {
+ width: {
+ xs: '100%',
+ sm: 'calc(100% - 300px)',
+ sm800: 'calc(100% - 600px)',
+ lg: 'calc(100% - 300px)',
+ },
+ flexDirection: {
+ sm800: 'row',
+ },
+ },
+ studentContainer1: {
+ display: 'flex',
+ justifyContent: {
+ xs: 'flex-start',
+ sm: 'flex-end',
+ },
+ },
+ studentContainer2: {
+ display: 'flex',
+ justifyContent: {
+ xs: 'flex-start',
+ sm: 'flex-end',
+ },
+ flexDirection: {
+ xs: 'column',
+ xs420: 'row',
+ sm: 'column',
+ sm800: 'row',
+ lg: 'column',
+ },
+ },
+ pickerDlgTitleContainer: {
+ padding: '5px 10px',
+ },
+ pickerDlgTitleSub: {
+ display: 'flex',
+ alignItems: 'center',
+ justifyContent: 'space-between',
+ },
+ pickerDlgTitleText: {
+ fontWeight: 'bold',
+ },
+};
+
+const boxMeetingPart = {
+ maxWidth: '100%',
+ minWidth: '320px',
+ borderRadius: '10px',
+ padding: '0 10px',
+ color: 'white',
+ marginTop: '10px',
+ marginBottom: '5px',
+};
+
+const typoStudentField = {
+ height: '25px',
+ lineHeight: '25px',
+ width: '165px',
+ backgroundColor: 'lightblue',
+ color: 'purple',
+ padding: '2px 2px 2px 5px',
+ borderRadius: 5,
+ fontWeight: 'bold',
+};
+
+const boxStudentFldContainer = {
+ display: 'flex',
+ marginRight: '5px',
+ alignItems: 'flex-end',
+};
+
+const iconButtonContainer = {
+ padding: '1px',
+};
+
+const editIconButton = {
+ fontSize: '24px',
+};
+
+const boxStudentSelector = {
+ marginLeft: '5px',
+ marginTop: '10px',
+ width: '600px',
+ display: {
+ xs: 'none',
+ lg: 'block',
+ },
+};
+
+const ScheduleDetails = ({ week }) => {
+ const { t } = useTranslation();
+
+ const [bibleReadingSrc, setBibleReadingSrc] = useState('');
+ const [ass1Type, setAss1Type] = useState('');
+ const [ass1TypeName, setAss1TypeName] = useState('');
+ const [ass1Time, setAss1Time] = useState('');
+ const [ass1Src, setAss1Src] = useState('');
+ const [ass2Type, setAss2Type] = useState('');
+ const [ass2TypeName, setAss2TypeName] = useState('');
+ const [ass2Time, setAss2Time] = useState('');
+ const [ass2Src, setAss2Src] = useState('');
+ const [ass3Type, setAss3Type] = useState('');
+ const [ass3TypeName, setAss3TypeName] = useState('');
+ const [ass3Time, setAss3Time] = useState('');
+ const [ass3Src, setAss3Src] = useState('');
+ const [ass4Type, setAss4Type] = useState('');
+ const [ass4TypeName, setAss4TypeName] = useState('');
+ const [ass4Time, setAss4Time] = useState('');
+ const [ass4Src, setAss4Src] = useState('');
+ const [noMeeting, setNoMeeting] = useState(false);
+ const [stuBReadA, setStuBReadA] = useState('');
+ const [isStuBReadA, setIsStuBReadA] = useState(false);
+ const [stuBReadB, setStuBReadB] = useState('');
+ const [isStuBReadB, setIsStuBReadB] = useState(false);
+ const [stu1A, setStu1A] = useState('');
+ const [isStu1A, setIsStu1A] = useState(false);
+ const [ass1A, setAss1A] = useState('');
+ const [isAss1A, setIsAss1A] = useState(false);
+ const [stu1B, setStu1B] = useState('');
+ const [isStu1B, setIsStu1B] = useState(false);
+ const [ass1B, setAss1B] = useState('');
+ const [isAss1B, setIsAss1B] = useState(false);
+ const [stu2A, setStu2A] = useState('');
+ const [isStu2A, setIsStu2A] = useState(false);
+ const [ass2A, setAss2A] = useState('');
+ const [isAss2A, setIsAss2A] = useState(false);
+ const [stu2B, setStu2B] = useState('');
+ const [isStu2B, setIsStu2B] = useState(false);
+ const [ass2B, setAss2B] = useState('');
+ const [isAss2B, setIsAss2B] = useState(false);
+ const [stu3A, setStu3A] = useState('');
+ const [isStu3A, setIsStu3A] = useState(false);
+ const [ass3A, setAss3A] = useState('');
+ const [isAss3A, setIsAss3A] = useState(false);
+ const [stu3B, setStu3B] = useState('');
+ const [isStu3B, setIsStu3B] = useState(false);
+ const [ass3B, setAss3B] = useState('');
+ const [isAss3B, setIsAss3B] = useState(false);
+ const [stu4A, setStu4A] = useState('');
+ const [isStu4A, setIsStu4A] = useState(false);
+ const [ass4A, setAss4A] = useState('');
+ const [isAss4A, setIsAss4A] = useState(false);
+ const [stu4B, setStu4B] = useState('');
+ const [isStu4B, setIsStu4B] = useState(false);
+ const [ass4B, setAss4B] = useState('');
+ const [isAss4B, setIsAss4B] = useState(false);
+ const [isAssign, setIsAssign] = useState(false);
+ const [assInfo, setAssInfo] = useState({});
+ const [isDlgOpen, setIsDlgOpen] = useState(false);
+
+ const [isS89, setIsS89] = useRecoilState(isS89OpenState);
+ const [isReload, setIsReload] = useRecoilState(isReloadScheduleState);
+
+ const classCount = useRecoilValue(classCountState);
+ const currentSchedule = useRecoilValue(currentScheduleState);
+
+ const theme = useTheme();
+ const mdDown = useMediaQuery(theme.breakpoints.down('lg'), { noSsr: true });
+
+ const loadStudentPicker = (obj) => {
+ setIsS89(false);
+ const args = { ...obj, isAssign: true };
+ setAssInfo(args);
+ setIsAssign(true);
+ setIsDlgOpen(true);
+ };
+
+ const handleDlgClose = () => {
+ setIsAssign(false);
+ setIsS89(false);
+ };
+
+ const deleteStudent = async (assID) => {
+ var obj = {};
+ obj.assID = assID;
+ obj.assType = '';
+ obj.studentId = undefined;
+ obj.studentName = '';
+ await setSelectedStudent(obj);
+ };
+
+ const setSelectedStudent = async (selectedStudent) => {
+ const assID = selectedStudent.assID;
+ var studentID = undefined;
+ if (typeof selectedStudent.studentId !== 'undefined') {
+ studentID = selectedStudent.studentId;
+ }
+ const studentName = selectedStudent.studentName;
+
+ if (assID === 0) {
+ setIsStuBReadA(true);
+ await dbSaveAss(week, studentID, 'bRead_stu_A');
+ setStuBReadA(studentName);
+ setIsStuBReadA(false);
+ } else if (assID === 1) {
+ setIsStuBReadB(true);
+ await dbSaveAss(week, studentID, 'bRead_stu_B');
+ setStuBReadB(studentName);
+ setIsStuBReadB(false);
+ } else if (assID === 2) {
+ setIsStu1A(true);
+ await dbSaveAss(week, studentID, 'ass1_stu_A');
+ setStu1A(studentName);
+ setIsStu1A(false);
+ } else if (assID === 3) {
+ setIsAss1A(true);
+ await dbSaveAss(week, studentID, 'ass1_ass_A');
+ setAss1A(studentName);
+ setIsAss1A(false);
+ } else if (assID === 4) {
+ setIsStu1B(true);
+ await dbSaveAss(week, studentID, 'ass1_stu_B');
+ setStu1B(studentName);
+ setIsStu1B(false);
+ } else if (assID === 5) {
+ setIsAss1B(true);
+ await dbSaveAss(week, studentID, 'ass1_ass_B');
+ setAss1B(studentName);
+ setIsAss1B(false);
+ } else if (assID === 6) {
+ setIsStu2A(true);
+ await dbSaveAss(week, studentID, 'ass2_stu_A');
+ setStu2A(studentName);
+ setIsStu2A(false);
+ } else if (assID === 7) {
+ setIsAss2A(true);
+ await dbSaveAss(week, studentID, 'ass2_ass_A');
+ setAss2A(studentName);
+ setIsAss2A(false);
+ } else if (assID === 8) {
+ setIsStu2B(true);
+ await dbSaveAss(week, studentID, 'ass2_stu_B');
+ setStu2B(studentName);
+ setIsStu2B(false);
+ } else if (assID === 9) {
+ setIsAss2B(false);
+ await dbSaveAss(week, studentID, 'ass2_ass_B');
+ setAss2B(studentName);
+ setIsAss2B(true);
+ } else if (assID === 10) {
+ setIsStu3A(true);
+ await dbSaveAss(week, studentID, 'ass3_stu_A');
+ setStu3A(studentName);
+ setIsStu3A(false);
+ } else if (assID === 11) {
+ setIsAss3A(true);
+ await dbSaveAss(week, studentID, 'ass3_ass_A');
+ setAss3A(studentName);
+ setIsAss3A(false);
+ } else if (assID === 12) {
+ setIsStu3B(true);
+ await dbSaveAss(week, studentID, 'ass3_stu_B');
+ setStu3B(studentName);
+ setIsStu3B(false);
+ } else if (assID === 13) {
+ setIsAss3B(true);
+ await dbSaveAss(week, studentID, 'ass3_ass_B');
+ setAss3B(studentName);
+ setIsAss3B(false);
+ } else if (assID === 14) {
+ setIsStu4A(true);
+ await dbSaveAss(week, studentID, 'ass4_stu_A');
+ setStu4A(studentName);
+ setIsStu4A(false);
+ } else if (assID === 15) {
+ setIsAss4A(true);
+ await dbSaveAss(week, studentID, 'ass4_ass_A');
+ setAss4A(studentName);
+ setIsAss4A(false);
+ } else if (assID === 16) {
+ setIsStu4B(true);
+ await dbSaveAss(week, studentID, 'ass4_stu_B');
+ setStu4B(studentName);
+ setIsStu4B(false);
+ } else if (assID === 17) {
+ setIsAss4B(true);
+ await dbSaveAss(week, studentID, 'ass4_ass_B');
+ setAss4B(studentName);
+ setIsAss4B(false);
+ }
+ };
+
+ useEffect(() => {
+ const loadCurrentWeekData = async () => {
+ const scheduleData = await dbGetScheduleData(week);
+ const sourceData = await dbGetSourceMaterial(week);
+
+ setBibleReadingSrc(sourceData.bibleReading_src);
+ setStuBReadA(scheduleData.bRead_stu_A_dispName);
+ setStuBReadB(scheduleData.bRead_stu_B_dispName);
+ setAss1Type(sourceData.ass1_type);
+ setAss1TypeName(sourceData.ass1_type_name);
+ setAss1Time(sourceData.ass1_time);
+ setAss1Src(sourceData.ass1_src);
+ setStu1A(scheduleData.ass1_stu_A_dispName);
+ setAss1A(scheduleData.ass1_ass_A_dispName);
+ setStu1B(scheduleData.ass1_stu_B_dispName);
+ setAss1B(scheduleData.ass1_ass_B_dispName);
+ setAss2Type(sourceData.ass2_type);
+ setAss2TypeName(sourceData.ass2_type_name);
+ setAss2Time(sourceData.ass2_time);
+ setAss2Src(sourceData.ass2_src);
+ setStu2A(scheduleData.ass2_stu_A_dispName);
+ setAss2A(scheduleData.ass2_ass_A_dispName);
+ setStu2B(scheduleData.ass2_stu_B_dispName);
+ setAss2B(scheduleData.ass2_ass_B_dispName);
+ setAss3Type(sourceData.ass3_type);
+ setAss3TypeName(sourceData.ass3_type_name);
+ setAss3Time(sourceData.ass3_time);
+ setAss3Src(sourceData.ass3_src);
+ setStu3A(scheduleData.ass3_stu_A_dispName);
+ setAss3A(scheduleData.ass3_ass_A_dispName);
+ setStu3B(scheduleData.ass3_stu_B_dispName);
+ setAss3B(scheduleData.ass3_ass_B_dispName);
+ setAss4Type(sourceData.ass4_type);
+ setAss4TypeName(sourceData.ass4_type_name);
+ setAss4Time(sourceData.ass4_time);
+ setAss4Src(sourceData.ass4_src);
+ setStu4A(scheduleData.ass4_stu_A_dispName);
+ setAss4A(scheduleData.ass4_ass_A_dispName);
+ setStu4B(scheduleData.ass4_stu_B_dispName);
+ setAss4B(scheduleData.ass4_ass_B_dispName);
+ setNoMeeting(scheduleData.noMeeting);
+ };
+
+ if (week !== '' || isReload) {
+ loadCurrentWeekData();
+ setIsReload(false);
+ }
+ }, [t, week, isReload, setIsReload]);
+
+ useEffect(() => {
+ if (isS89) {
+ setIsAssign(false);
+ }
+ }, [isS89]);
+
+ if (noMeeting) {
+ return (
+
+
+
+ {t('global.noMidweekMeeting')}
+
+
+ );
+ }
+
+ return (
+
+ {isAssign && (
+
+ )}
+ {isS89 && (
+
+ )}
+
+
+ {t('global.treasuresPart')}
+
+
+
+
+ {t('global.bibleReadingText')}
+
+ {bibleReadingSrc}
+
+
+
+
+ {stuBReadA}
+
+ {isStuBReadA && (
+
+ )}
+ {!isStuBReadA && (
+
+ loadStudentPicker({
+ assID: 0,
+ assType: 100,
+ assTypeName: t('global.bibleReading'),
+ currentStudent: stuBReadA,
+ })
+ }
+ >
+
+
+ )}
+
+ {classCount === 2 && (
+
+
+ {stuBReadB}
+
+ {isStuBReadB && (
+
+ )}
+ {!isStuBReadB && (
+
+ loadStudentPicker({
+ assID: 1,
+ assType: 100,
+ assTypeName: t('global.bibleReading'),
+ currentStudent: stuBReadB,
+ })
+ }
+ >
+
+
+ )}
+
+ )}
+
+
+
+
+ {t('global.applyFieldMinistryPart')}
+
+
+ loadStudentPicker(value)}
+ />
+ {!isNaN(ass2Type) && (
+ loadStudentPicker(value)}
+ />
+ )}
+ {!isNaN(ass3Type) && (
+ loadStudentPicker(value)}
+ />
+ )}
+ {!isNaN(ass4Type) && (
+ loadStudentPicker(value)}
+ />
+ )}
+
+ {!mdDown && (
+
+ {isAssign && (
+ setIsAssign(value)}
+ setSelectedStudent={(value) => setSelectedStudent(value)}
+ deleteStudent={(value) => deleteStudent(value)}
+ />
+ )}
+ {isS89 && (
+ setIsS89(value)}
+ />
+ )}
+
+ )}
+
+ );
+};
+
+export default ScheduleDetails;
diff --git a/src/components/schedule/SchedulePublish.js b/src/components/schedule/SchedulePublish.js
new file mode 100644
index 00000000..b4052f4e
--- /dev/null
+++ b/src/components/schedule/SchedulePublish.js
@@ -0,0 +1,141 @@
+import { useCallback, useEffect, useMemo } from 'react';
+import { useRecoilState, useRecoilValue, useSetRecoilState } from 'recoil';
+import { useTranslation } from 'react-i18next';
+import CircularProgress from '@mui/material/CircularProgress';
+import Dialog from '@mui/material/Dialog';
+import DialogTitle from '@mui/material/DialogTitle';
+import DialogContent from '@mui/material/DialogContent';
+import Typography from '@mui/material/Typography';
+import { congIDState } from '../../appStates/appCongregation';
+import {
+ appMessageState,
+ appSeverityState,
+ appSnackOpenState,
+} from '../../appStates/appNotification';
+import {
+ currentScheduleState,
+ isPublishOpenState,
+} from '../../appStates/appSchedule';
+import {
+ apiHostState,
+ userEmailState,
+ visitorIDState,
+} from '../../appStates/appSettings';
+import { dbBuildScheduleForShare } from '../../indexedDb/dbSchedule';
+
+const SchedulePublish = () => {
+ const { t } = useTranslation();
+
+ let abortCont = useMemo(() => new AbortController(), []);
+
+ const [open, setOpen] = useRecoilState(isPublishOpenState);
+
+ const setAppSnackOpen = useSetRecoilState(appSnackOpenState);
+ const setAppSeverity = useSetRecoilState(appSeverityState);
+ const setAppMessage = useSetRecoilState(appMessageState);
+
+ const visitorID = useRecoilValue(visitorIDState);
+ const userEmail = useRecoilValue(userEmailState);
+ const apiHost = useRecoilValue(apiHostState);
+ const currentSchedule = useRecoilValue(currentScheduleState);
+ const congID = useRecoilValue(congIDState);
+
+ const handleClose = useCallback(
+ (event, reason) => {
+ if (reason === 'clickaway' || reason === 'backdropClick') {
+ return;
+ }
+ setOpen(false);
+ },
+ [setOpen]
+ );
+
+ const publishSchedulePocket = useCallback(async () => {
+ try {
+ const dataPocket = await dbBuildScheduleForShare(currentSchedule);
+ const { cong_schedule, cong_sourceMaterial } = dataPocket;
+
+ if (apiHost !== '') {
+ const res = await fetch(
+ `${apiHost}api/congregations/${congID}/schedule`,
+ {
+ signal: abortCont.signal,
+ method: 'POST',
+ headers: {
+ 'Content-Type': 'application/json',
+ visitor_id: visitorID,
+ email: userEmail,
+ },
+ body: JSON.stringify({ cong_schedule, cong_sourceMaterial }),
+ }
+ );
+
+ const data = await res.json();
+
+ if (res.status === 200) {
+ setAppMessage(t('schedule.publishSuccess'));
+ setAppSeverity('success');
+ setAppSnackOpen(true);
+ handleClose(false);
+
+ return;
+ }
+
+ setAppMessage(data.message);
+ setAppSeverity('warning');
+ setAppSnackOpen(true);
+ handleClose(false);
+ }
+ } catch (err) {
+ setAppMessage(err.message);
+ setAppSeverity('error');
+ setAppSnackOpen(true);
+ handleClose();
+ }
+ }, [
+ abortCont,
+ apiHost,
+ congID,
+ currentSchedule,
+ handleClose,
+ setAppMessage,
+ setAppSeverity,
+ setAppSnackOpen,
+ t,
+ userEmail,
+ visitorID,
+ ]);
+
+ useEffect(() => {
+ publishSchedulePocket();
+ }, [publishSchedulePocket]);
+
+ return (
+
+
+
+ );
+};
+
+export default SchedulePublish;
diff --git a/src/components/schedule/StudentSelector.js b/src/components/schedule/StudentSelector.js
new file mode 100644
index 00000000..a32376dd
--- /dev/null
+++ b/src/components/schedule/StudentSelector.js
@@ -0,0 +1,581 @@
+import { useEffect, useState } from 'react';
+import { useRecoilValue } from 'recoil';
+import { useTranslation } from 'react-i18next';
+import AccountCircleIcon from '@mui/icons-material/AccountCircle';
+import Box from '@mui/material/Box';
+import Button from '@mui/material/Button';
+import CircularProgress from '@mui/material/CircularProgress';
+import DeleteIcon from '@mui/icons-material/Delete';
+import IconButton from '@mui/material/IconButton';
+import Table from '@mui/material/Table';
+import TableBody from '@mui/material/TableBody';
+import TableCell from '@mui/material/TableCell';
+import TableContainer from '@mui/material/TableContainer';
+import TableHead from '@mui/material/TableHead';
+import TableRow from '@mui/material/TableRow';
+import Typography from '@mui/material/Typography';
+import { green, grey } from '@mui/material/colors';
+import { studentsAssignmentHistoryState } from '../../appStates/appStudents';
+import {
+ dbGetPersonsByAssType,
+ dbHistoryAssistant,
+} from '../../indexedDb/dbPersons';
+import { formatDateForCompare } from '../../utils/app';
+
+const sharedStyles = {
+ tblContainer: {
+ maxHeight: '170px',
+ marginBottom: '5px',
+ },
+ tblData: {
+ padding: '6px 3px 6px 3px',
+ },
+ tableHeader: {
+ marginTop: '20px',
+ fontWeight: 'bold',
+ textAlign: 'center',
+ backgroundColor: grey[200],
+ borderRadius: '3px',
+ padding: '3px',
+ },
+ tableLoader: {
+ display: 'flex',
+ margin: '10px auto',
+ },
+};
+
+const StudentSelector = (props) => {
+ const { t } = useTranslation();
+
+ const dbHistory = useRecoilValue(studentsAssignmentHistoryState);
+
+ const { assInfo, currentWeek } = props;
+
+ const [assID, setAssID] = useState('');
+ const [assType, setAssType] = useState('');
+ const [assTypeName, setAssTypeName] = useState('');
+ const [currentStudent, setCurrentStudent] = useState('');
+ const [selectedStudent, setSelectedStudent] = useState('');
+ const [selectedStuID, setSelectedStuID] = useState('');
+ const [stuForAssistant, setStuForAssistant] = useState('');
+ const [assTypeNameForAssistant, setAssTypeNameForAssistant] = useState('');
+ const [pickStudents, setPickStudents] = useState([]);
+ const [stuHistory, setStuHistory] = useState([]);
+ const [assistantHistory, setAssistantHistory] = useState([]);
+ const [assHistory, setAssHistory] = useState([]);
+ const [isLoadingStudent, setIsLoadingStudent] = useState(false);
+ const [isLoadingStuHistory, setIsLoadingStuHistory] = useState(true);
+ const [isLoadingAssistantHistory, setIsLoadingAssistantHistory] =
+ useState(true);
+ const [isLoadingAssHistory, setIsLoadingAssHistory] = useState(true);
+
+ const handleSelectStudent = (selectedStudent) => {
+ setSelectedStudent(selectedStudent.innerText);
+ setSelectedStuID(selectedStudent.dataset.personId);
+ };
+
+ const handleAssignStudent = () => {
+ var obj = {};
+ obj.assID = assID;
+ obj.assType = assType;
+ obj.studentId = selectedStuID;
+ obj.studentName = selectedStudent;
+ props.setSelectedStudent(obj);
+ props.setIsAssign(false);
+ };
+
+ const handleDelete = () => {
+ props.deleteStudent(assID);
+ props.setIsAssign(false);
+ };
+
+ useEffect(() => {
+ if (assInfo.isAssign) {
+ setAssID(assInfo.assID);
+ setAssType(assInfo.assType);
+ setCurrentStudent(assInfo.currentStudent);
+ setAssTypeName(assInfo.assTypeName);
+ if (assInfo.stuForAssistant !== undefined) {
+ setStuForAssistant(assInfo.stuForAssistant);
+ }
+ if (assInfo.assTypeNameForAssistant !== undefined) {
+ setAssTypeNameForAssistant(assInfo.assTypeNameForAssistant);
+ }
+ setIsLoadingStudent(true);
+ }
+ }, [assInfo]);
+
+ useEffect(() => {
+ let isSubscribed = true;
+ const loadStudents = async () => {
+ var students = [];
+ if (
+ assID === 3 ||
+ assID === 5 ||
+ assID === 7 ||
+ assID === 9 ||
+ assID === 11 ||
+ assID === 13 ||
+ assID === 15 ||
+ assID === 17
+ ) {
+ students = await dbGetPersonsByAssType('isAssistant');
+ } else {
+ students = await dbGetPersonsByAssType(assType);
+ }
+
+ // remove unavailable students based on time away
+ let available = [];
+ for (let a = 0; a < students.length; a++) {
+ const student = students[a];
+ if (student.timeAway.length === 0) {
+ available.push(student);
+ } else {
+ const timeAways = student.timeAway;
+ for (let b = 0; b < timeAways.length; b++) {
+ const timeAway = timeAways[b];
+
+ if (timeAway.endDate === null) {
+ const dateA = formatDateForCompare(currentWeek);
+ const dateB = formatDateForCompare(timeAway.startDate);
+ if (dateA < dateB) {
+ available.push(student);
+ break;
+ }
+ } else {
+ const dateA = formatDateForCompare(currentWeek);
+ const dateB = formatDateForCompare(timeAway.startDate);
+ const dateC = formatDateForCompare(timeAway.endDate);
+
+ if (dateA < dateB) {
+ available.push(student);
+ break;
+ } else if (dateA > dateB && dateA > dateC) {
+ available.push(student);
+ break;
+ }
+ }
+ }
+ }
+ }
+
+ setPickStudents(available);
+ setIsLoadingStudent(false);
+
+ var filteredHistory = [];
+ if (
+ assID === 3 ||
+ assID === 5 ||
+ assID === 7 ||
+ assID === 9 ||
+ assID === 11 ||
+ assID === 13 ||
+ assID === 15 ||
+ assID === 17
+ ) {
+ filteredHistory = dbHistory.filter((item) => item.assignmentID === 109);
+ } else {
+ filteredHistory = dbHistory.filter(
+ (item) => item.assignmentID === assType
+ );
+ }
+ setAssHistory(filteredHistory);
+ setIsLoadingAssHistory(false);
+ };
+
+ if (isSubscribed) {
+ if (isLoadingStudent) {
+ loadStudents();
+ }
+ }
+ return () => {
+ isSubscribed = false;
+ };
+ }, [currentWeek, dbHistory, isLoadingStudent, assID, assType]);
+
+ useEffect(() => {
+ let isSubscribed = true;
+ const loadStudentHistory = async () => {
+ let dbStuHistory = dbHistory.filter(
+ (history) => history.studentID === selectedStuID
+ );
+ setStuHistory(dbStuHistory);
+ setIsLoadingStuHistory(false);
+ };
+
+ if (isSubscribed) {
+ if (selectedStuID !== '') {
+ setIsLoadingStuHistory(true);
+ loadStudentHistory();
+ }
+ }
+ return () => {
+ isSubscribed = false;
+ };
+ }, [dbHistory, selectedStuID]);
+
+ useEffect(() => {
+ let isSubscribed = true;
+ const loadAssistantHistory = async () => {
+ const assistants = await dbHistoryAssistant(stuForAssistant);
+ setAssistantHistory(assistants);
+ setIsLoadingAssistantHistory(false);
+ };
+
+ if (isSubscribed) {
+ if (stuForAssistant !== '') {
+ setIsLoadingAssistantHistory(true);
+ loadAssistantHistory();
+ }
+ }
+ return () => {
+ isSubscribed = false;
+ };
+ }, [stuForAssistant]);
+
+ return (
+
+
+
+
+ {assTypeName}
+
+ {currentStudent}
+ {(assID === 3 ||
+ assID === 5 ||
+ assID === 7 ||
+ assID === 9 ||
+ assID === 11 ||
+ assID === 13 ||
+ assID === 15 ||
+ assID === 17) && (
+ <>
+
+ {assTypeNameForAssistant}
+
+
+ {t('students.student')}: {stuForAssistant}
+
+
+ )}
+
+ {currentStudent !== '' && (
+
+
+
+ )}
+
+
+ {t('schedule.availableStudents')}
+
+ {isLoadingStudent && (
+
+ )}
+ {!isLoadingStudent && (
+
+
+
+
+
+ {t('global.student')}
+
+
+ {t('global.lastAssignment')}
+
+
+
+
+ {pickStudents.map((student) => (
+
+ handleSelectStudent(e.target)}
+ sx={{
+ '& .MuiTableCell-sizeSmall': sharedStyles.tblData,
+ cursor: 'pointer',
+ }}
+ >
+ {student.person_displayName}
+
+
+ {student.lastAssignmentFormat}
+
+
+ ))}
+
+
+
+ )}
+ {selectedStudent !== '' && (
+ <>
+
+ {t('schedule.studentHistory', { currentStudent: selectedStudent })}
+
+ {isLoadingStuHistory && (
+
+ )}
+ {!isLoadingStuHistory && (
+ <>
+
+
+
+
+
+ {t('global.date')}
+
+
+ {t('global.assignment')}
+
+
+ {t('global.class')}
+
+
+
+
+ {stuHistory.map((history) => (
+
+
+ {history.weekOfFormatted}
+
+
+ {history.assignmentName}
+
+
+ {history.class}
+
+
+ ))}
+
+
+
+ {currentStudent !== selectedStudent && (
+ }
+ onClick={() => handleAssignStudent()}
+ sx={{ backgroundColor: green[600] }}
+ >
+ {t('schedule.assign')}
+
+ )}
+
+ )}
+
+ )}
+ {(assID === 3 ||
+ assID === 5 ||
+ assID === 7 ||
+ assID === 9 ||
+ assID === 11 ||
+ assID === 13 ||
+ assID === 15 ||
+ assID === 17) && (
+ <>
+ {stuForAssistant !== '' && (
+ <>
+
+ {t('schedule.assistantHistory', {
+ currentStudent: stuForAssistant,
+ })}
+
+ {isLoadingAssistantHistory && (
+
+ )}
+ {!isLoadingAssistantHistory && (
+
+
+
+
+
+ {t('global.date')}
+
+
+ {t('global.student')}
+
+
+
+
+ {assistantHistory.map((history) => (
+
+
+ {history.weekOfFormatted}
+
+
+ {history.assistantName}
+
+
+ ))}
+
+
+
+ )}
+
+ )}
+
+ )}
+
+ {t('schedule.assignmentHistory')}
+
+ {isLoadingAssHistory && (
+
+ )}
+ {!isLoadingAssHistory && (
+
+
+
+
+
+ {t('global.date')}
+
+
+ {t('global.student')}
+
+
+ {t('global.class')}
+
+
+
+
+ {assHistory.map((history) => (
+
+
+ {history.weekOfFormatted}
+
+
+ {history.studentName}
+
+
+ {history.class}
+
+
+ ))}
+
+
+
+ )}
+
+ );
+};
+
+export default StudentSelector;
diff --git a/src/components/settings/BackupDbDialog.js b/src/components/settings/BackupDbDialog.js
new file mode 100644
index 00000000..2e807d91
--- /dev/null
+++ b/src/components/settings/BackupDbDialog.js
@@ -0,0 +1,236 @@
+import { useCallback, useEffect, useMemo, useState } from 'react';
+import { useRecoilState, useRecoilValue, useSetRecoilState } from 'recoil';
+import { useTranslation } from 'react-i18next';
+import dateFormat from 'dateformat';
+import Box from '@mui/material/Box';
+import Button from '@mui/material/Button';
+import CircularProgress from '@mui/material/CircularProgress';
+import Dialog from '@mui/material/Dialog';
+import DialogActions from '@mui/material/DialogActions';
+import DialogContent from '@mui/material/DialogContent';
+import DialogTitle from '@mui/material/DialogTitle';
+import Typography from '@mui/material/Typography';
+import { congIDState } from '../../appStates/appCongregation';
+import {
+ apiHostState,
+ backupDbOpenState,
+ shortDateFormatState,
+ userEmailState,
+ visitorIDState,
+} from '../../appStates/appSettings';
+import {
+ appMessageState,
+ appSeverityState,
+ appSnackOpenState,
+} from '../../appStates/appNotification';
+import { dbExportDataOnline } from '../../indexedDb/dbUtility';
+
+const BackupDbDialog = () => {
+ let abortCont = useMemo(() => new AbortController(), []);
+ const { t } = useTranslation();
+
+ const [open, setOpen] = useRecoilState(backupDbOpenState);
+
+ const setAppSnackOpen = useSetRecoilState(appSnackOpenState);
+ const setAppSeverity = useSetRecoilState(appSeverityState);
+ const setAppMessage = useSetRecoilState(appMessageState);
+
+ const apiHost = useRecoilValue(apiHostState);
+ const visitorID = useRecoilValue(visitorIDState);
+ const userEmail = useRecoilValue(userEmailState);
+ const congID = useRecoilValue(congIDState);
+ const shortDateFormat = useRecoilValue(shortDateFormatState);
+
+ const [isProcessing, setIsProcessing] = useState(true);
+ const [hasBackup, setHasBackup] = useState(false);
+ const [backup, setBackup] = useState({});
+
+ const handleClose = useCallback(
+ (event, reason) => {
+ if (reason === 'clickaway' || reason === 'backdropClick') {
+ return;
+ }
+ setOpen(false);
+ },
+ [setOpen]
+ );
+
+ const fetchLastBackup = useCallback(async () => {
+ try {
+ if (apiHost !== '') {
+ setIsProcessing(true);
+ const res = await fetch(
+ `${apiHost}api/congregations/${congID}/backup/last`,
+ {
+ signal: abortCont.signal,
+ method: 'GET',
+ headers: {
+ 'Content-Type': 'application/json',
+ visitor_id: visitorID,
+ email: userEmail,
+ },
+ }
+ );
+
+ const data = await res.json();
+
+ if (res.status === 200) {
+ if (data.message) {
+ setHasBackup(false);
+ setIsProcessing(false);
+ } else {
+ setBackup(data);
+ setHasBackup(true);
+ setIsProcessing(false);
+ }
+
+ return;
+ }
+
+ setIsProcessing(false);
+ setAppMessage(data.message);
+ setAppSeverity('error');
+ setAppSnackOpen(true);
+ setOpen(false);
+ }
+ } catch (err) {
+ setIsProcessing(false);
+ setAppMessage(err.message);
+ setAppSeverity('error');
+ setAppSnackOpen(true);
+ setOpen(false);
+ }
+ }, [
+ abortCont,
+ apiHost,
+ congID,
+ setAppMessage,
+ setAppSeverity,
+ setAppSnackOpen,
+ setOpen,
+ userEmail,
+ visitorID,
+ ]);
+
+ const handleCreateBackup = async () => {
+ try {
+ setIsProcessing(true);
+
+ if (apiHost !== '') {
+ const { dbPersons, dbSourceMaterial, dbSchedule, dbPocketTbl } =
+ await dbExportDataOnline();
+
+ const reqPayload = {
+ cong_persons: dbPersons,
+ cong_schedule: dbSchedule,
+ cong_sourceMaterial: dbSourceMaterial,
+ cong_swsPocket: dbPocketTbl,
+ };
+
+ const res = await fetch(
+ `${apiHost}api/congregations/${congID}/backup`,
+ {
+ signal: abortCont.signal,
+ method: 'POST',
+ headers: {
+ 'Content-Type': 'application/json',
+ visitor_id: visitorID,
+ email: userEmail,
+ },
+ body: JSON.stringify(reqPayload),
+ }
+ );
+
+ const data = await res.json();
+
+ if (res.status === 200) {
+ setAppMessage(t('settings.backupSuccess'));
+ setAppSeverity('success');
+ setAppSnackOpen(true);
+ setOpen(false);
+ return;
+ }
+
+ setIsProcessing(false);
+ setAppMessage(data.message);
+ setAppSeverity('error');
+ setAppSnackOpen(true);
+ setOpen(false);
+ }
+ } catch (err) {
+ setIsProcessing(false);
+ setAppMessage(err.message);
+ setAppSeverity('error');
+ setAppSnackOpen(true);
+ setOpen(false);
+ }
+ };
+
+ useEffect(() => {
+ fetchLastBackup();
+ }, [fetchLastBackup]);
+
+ useEffect(() => {
+ return () => abortCont.abort();
+ }, [abortCont]);
+
+ return (
+
+
+
+ );
+};
+
+export default BackupDbDialog;
diff --git a/src/components/settings/BasicSettings.js b/src/components/settings/BasicSettings.js
new file mode 100644
index 00000000..55965b1e
--- /dev/null
+++ b/src/components/settings/BasicSettings.js
@@ -0,0 +1,201 @@
+import { useState } from 'react';
+import { useRecoilState, useSetRecoilState } from 'recoil';
+import { useTranslation } from 'react-i18next';
+import Box from '@mui/material/Box';
+import Button from '@mui/material/Button';
+import Divider from '@mui/material/Divider';
+import MenuItem from '@mui/material/MenuItem';
+import SaveIcon from '@mui/icons-material/Save';
+import TextField from '@mui/material/TextField';
+import Typography from '@mui/material/Typography';
+import { dbUpdateAppSettings } from '../../indexedDb/dbAppSettings';
+import {
+ appMessageState,
+ appSeverityState,
+ appSnackOpenState,
+} from '../../appStates/appNotification';
+import {
+ classCountState,
+ congNameState,
+ congNumberState,
+ meetingDayState,
+} from '../../appStates/appCongregation';
+
+const BasicSettings = () => {
+ const { t } = useTranslation();
+
+ const [isErrorCongName, setIsErrorCongName] = useState(false);
+ const [isErrorCongNumber, setIsErrorCongNumber] = useState(false);
+
+ const [congName, setCongName] = useRecoilState(congNameState);
+ const [congNumber, setCongNumber] = useRecoilState(congNumberState);
+ const [meetingDay, setMeetingDay] = useRecoilState(meetingDayState);
+ const [classCount, setClassCount] = useRecoilState(classCountState);
+
+ const setAppSnackOpen = useSetRecoilState(appSnackOpenState);
+ const setAppSeverity = useSetRecoilState(appSeverityState);
+ const setAppMessage = useSetRecoilState(appMessageState);
+
+ const [tempCongName, setTempCongName] = useState(congName);
+ const [tempCongNumber, setTempCongNumber] = useState(congNumber);
+ const [tempMeetingDay, setTempMeetingDay] = useState(meetingDay);
+ const [tempClassCount, setTempClassCount] = useState(classCount);
+
+ const handleCongNameChange = (value) => {
+ if (value) {
+ setIsErrorCongName(false);
+ } else {
+ setIsErrorCongName(true);
+ }
+ setTempCongName(value);
+ };
+
+ const handleCongNumberChange = (value) => {
+ if (value) {
+ setIsErrorCongNumber(false);
+ } else {
+ setIsErrorCongNumber(true);
+ }
+ setTempCongNumber(value);
+ };
+
+ const handleMeetingDayChange = (e) => {
+ setTempMeetingDay(e.target.value);
+ };
+
+ const handleClassChange = (e) => {
+ setTempClassCount(e.target.value);
+ };
+
+ const saveAppSettings = async () => {
+ var obj = {};
+ obj.cong_name = tempCongName;
+ obj.cong_number = tempCongNumber;
+ obj.class_count = tempClassCount;
+ obj.meeting_day = tempMeetingDay;
+ await dbUpdateAppSettings(obj);
+
+ setCongName(tempCongName);
+ setCongNumber(tempCongNumber);
+ setClassCount(tempClassCount);
+ setMeetingDay(tempMeetingDay);
+
+ setAppSnackOpen(true);
+ setAppSeverity('success');
+ setAppMessage(t('settings.saved'));
+ };
+
+ return (
+
+
+ {t('settings.aboutCongregation')}
+
+
+
+ handleCongNameChange(e.target.value)}
+ InputProps={{
+ readOnly: true,
+ }}
+ />
+ handleCongNumberChange(e.target.value)}
+ InputProps={{
+ readOnly: true,
+ }}
+ />
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ }
+ onClick={() => saveAppSettings()}
+ >
+ {t('global.save')}
+
+
+
+
+ );
+};
+
+export default BasicSettings;
diff --git a/src/components/settings/DataStorage.js b/src/components/settings/DataStorage.js
new file mode 100644
index 00000000..52514b4e
--- /dev/null
+++ b/src/components/settings/DataStorage.js
@@ -0,0 +1,50 @@
+import { useEffect } from 'react';
+import { useSetRecoilState } from 'recoil';
+import { useTranslation } from 'react-i18next';
+import Box from '@mui/material/Box';
+import Button from '@mui/material/Button';
+import Divider from '@mui/material/Divider';
+import DeleteForeverIcon from '@mui/icons-material/DeleteForever';
+import Typography from '@mui/material/Typography';
+import DialogDbDeletion from './DialogDbDeletion';
+import { isDeleteDbOpenState } from '../../appStates/appSettings';
+
+const DataStorage = () => {
+ const { t } = useTranslation();
+
+ const setIsDeleteDb = useSetRecoilState(isDeleteDbOpenState);
+
+ const handleDelete = () => {
+ setIsDeleteDb(true);
+ };
+
+ useEffect(() => {
+ setIsDeleteDb(false);
+ }, [setIsDeleteDb]);
+
+ return (
+ <>
+
+
+ {t('settings.offlineDataStorage')}
+
+
+
+
+ {t('settings.eraseDesc')}
+
+ }
+ onClick={() => handleDelete()}
+ >
+ {t('global.delete')}
+
+
+
+ );
+};
+
+export default DataStorage;
diff --git a/src/components/settings/DialogDbDeletion.js b/src/components/settings/DialogDbDeletion.js
new file mode 100644
index 00000000..3fec2873
--- /dev/null
+++ b/src/components/settings/DialogDbDeletion.js
@@ -0,0 +1,55 @@
+import { useRecoilState } from 'recoil';
+import { useTranslation } from 'react-i18next';
+import Button from '@mui/material/Button';
+import Dialog from '@mui/material/Dialog';
+import DialogActions from '@mui/material/DialogActions';
+import DialogContent from '@mui/material/DialogContent';
+import DialogContentText from '@mui/material/DialogContentText';
+import DialogTitle from '@mui/material/DialogTitle';
+import { deleteDb } from '../../indexedDb/dbUtility';
+import { isDeleteDbOpenState } from '../../appStates/appSettings';
+
+const DialogDbDeletion = () => {
+ const { t } = useTranslation();
+
+ const [open, setOpen] = useRecoilState(isDeleteDbOpenState);
+
+ const handleClose = () => {
+ setOpen(false);
+ };
+
+ const handleDelete = async () => {
+ await deleteDb();
+ window.location.href = './';
+ };
+
+ return (
+
+
+
+ );
+};
+
+export default DialogDbDeletion;
diff --git a/src/components/settings/MyAccount.js b/src/components/settings/MyAccount.js
new file mode 100644
index 00000000..e80ec009
--- /dev/null
+++ b/src/components/settings/MyAccount.js
@@ -0,0 +1,40 @@
+import { useTranslation } from 'react-i18next';
+import Box from '@mui/material/Box';
+import Divider from '@mui/material/Divider';
+import Typography from '@mui/material/Typography';
+import User2FA from './User2FA';
+import UserChangePassword from './UserChangePassword';
+import UserFullname from './UserFullname';
+import UserSessions from './UserSessions';
+
+const subtitles = {
+ fontWeight: 'bold',
+ lineHeight: 1.2,
+};
+
+const MyAccount = () => {
+ const { t } = useTranslation();
+
+ return (
+
+
+ {t('settings.myAccount')}
+
+
+
+
+
+ {t('settings.changePassword')}
+
+
+ {t('settings.twoFactor')}
+
+
+ {t('settings.sessions')}
+
+
+
+ );
+};
+
+export default MyAccount;
diff --git a/src/components/settings/RestoreDbDialog.js b/src/components/settings/RestoreDbDialog.js
new file mode 100644
index 00000000..221dfeee
--- /dev/null
+++ b/src/components/settings/RestoreDbDialog.js
@@ -0,0 +1,235 @@
+import { useCallback, useEffect, useMemo, useState } from 'react';
+import { useRecoilState, useRecoilValue, useSetRecoilState } from 'recoil';
+import { useTranslation } from 'react-i18next';
+import dateFormat from 'dateformat';
+import Box from '@mui/material/Box';
+import Button from '@mui/material/Button';
+import CircularProgress from '@mui/material/CircularProgress';
+import Dialog from '@mui/material/Dialog';
+import DialogActions from '@mui/material/DialogActions';
+import DialogContent from '@mui/material/DialogContent';
+import DialogTitle from '@mui/material/DialogTitle';
+import Typography from '@mui/material/Typography';
+import { congIDState } from '../../appStates/appCongregation';
+import {
+ apiHostState,
+ restoreDbOpenState,
+ shortDateFormatState,
+ userEmailState,
+ visitorIDState,
+} from '../../appStates/appSettings';
+import {
+ appMessageState,
+ appSeverityState,
+ appSnackOpenState,
+} from '../../appStates/appNotification';
+import { dbRestoreCongregationBackup } from '../../indexedDb/dbUtility';
+
+const RestoreDbDialog = () => {
+ let abortCont = useMemo(() => new AbortController(), []);
+ const { t } = useTranslation();
+
+ const [open, setOpen] = useRecoilState(restoreDbOpenState);
+
+ const setAppSnackOpen = useSetRecoilState(appSnackOpenState);
+ const setAppSeverity = useSetRecoilState(appSeverityState);
+ const setAppMessage = useSetRecoilState(appMessageState);
+
+ const apiHost = useRecoilValue(apiHostState);
+ const visitorID = useRecoilValue(visitorIDState);
+ const userEmail = useRecoilValue(userEmailState);
+ const congID = useRecoilValue(congIDState);
+ const shortDateFormat = useRecoilValue(shortDateFormatState);
+
+ const [isProcessing, setIsProcessing] = useState(true);
+ const [hasBackup, setHasBackup] = useState(false);
+ const [backup, setBackup] = useState({});
+
+ const handleClose = useCallback(
+ (event, reason) => {
+ if (reason === 'clickaway' || reason === 'backdropClick') {
+ return;
+ }
+ setOpen(false);
+ },
+ [setOpen]
+ );
+
+ const fetchLastBackup = useCallback(async () => {
+ try {
+ if (apiHost !== '') {
+ setIsProcessing(true);
+ const res = await fetch(
+ `${apiHost}api/congregations/${congID}/backup/last`,
+ {
+ signal: abortCont.signal,
+ method: 'GET',
+ headers: {
+ 'Content-Type': 'application/json',
+ visitor_id: visitorID,
+ email: userEmail,
+ },
+ }
+ );
+
+ const data = await res.json();
+
+ if (res.status === 200) {
+ if (data.message) {
+ setHasBackup(false);
+ setIsProcessing(false);
+ } else {
+ setBackup(data);
+ setHasBackup(true);
+ setIsProcessing(false);
+ }
+
+ return;
+ }
+
+ setIsProcessing(false);
+ setAppMessage(data.message);
+ setAppSeverity('error');
+ setAppSnackOpen(true);
+ setOpen(false);
+ }
+ } catch (err) {
+ setIsProcessing(false);
+ setAppMessage(err.message);
+ setAppSeverity('error');
+ setAppSnackOpen(true);
+ setOpen(false);
+ }
+ }, [
+ abortCont,
+ apiHost,
+ congID,
+ setAppMessage,
+ setAppSeverity,
+ setAppSnackOpen,
+ setOpen,
+ userEmail,
+ visitorID,
+ ]);
+
+ const restoreBackup = async () => {
+ try {
+ if (apiHost !== '') {
+ setIsProcessing(true);
+ const res = await fetch(
+ `${apiHost}api/congregations/${congID}/backup`,
+ {
+ signal: abortCont.signal,
+ method: 'GET',
+ headers: {
+ 'Content-Type': 'application/json',
+ visitor_id: visitorID,
+ email: userEmail,
+ },
+ }
+ );
+
+ const data = await res.json();
+
+ if (res.status === 200) {
+ const {
+ cong_persons,
+ cong_schedule,
+ cong_sourceMaterial,
+ cong_swsPocket,
+ } = data;
+
+ await dbRestoreCongregationBackup(
+ cong_persons,
+ cong_schedule,
+ cong_sourceMaterial,
+ cong_swsPocket
+ );
+
+ window.location.reload();
+ return;
+ }
+
+ setIsProcessing(false);
+ setAppMessage(data.message);
+ setAppSeverity('error');
+ setAppSnackOpen(true);
+ setOpen(false);
+ }
+ } catch (err) {
+ setIsProcessing(false);
+ setAppMessage(err.message);
+ setAppSeverity('error');
+ setAppSnackOpen(true);
+ setOpen(false);
+ }
+ };
+
+ useEffect(() => {
+ fetchLastBackup();
+ }, [fetchLastBackup]);
+
+ useEffect(() => {
+ return () => abortCont.abort();
+ }, [abortCont]);
+
+ return (
+
+
+
+ );
+};
+
+export default RestoreDbDialog;
diff --git a/src/components/settings/UseInternet.js b/src/components/settings/UseInternet.js
new file mode 100644
index 00000000..c7c0d15f
--- /dev/null
+++ b/src/components/settings/UseInternet.js
@@ -0,0 +1,183 @@
+import { useEffect, useState } from "react";
+import Box from '@mui/material/Box';
+import Button from '@mui/material/Button';
+import ExitToAppIcon from '@mui/icons-material/ExitToApp';
+import FlashAutoIcon from '@mui/icons-material/FlashAuto';
+import FiberPinIcon from '@mui/icons-material/FiberPin';
+import TextField from '@mui/material/TextField';
+import Typography from '@mui/material/Typography';
+import { dbGetAppSettings } from "../../indexedDb/dbAppSettings";
+
+const sharedStyles = {
+ btnSubItem: {
+ marginRight: '5px',
+ marginBottom: '5px',
+ display: 'flex',
+ alignItems: 'center',
+ },
+ textBeforeField: {
+ marginBottom: '10px',
+ },
+ inputCongID: {
+ width: '210px',
+ marginRight: '5px',
+ marginBottom: '10px',
+ },
+ inputCongPIN: {
+ width: '160px',
+ marginBottom: '10px',
+ },
+}
+
+const UseInternet = (props) => {
+ const [congID, setCongID] = useState("");
+ const [isErrorID, setIsErrorID] = useState(false);
+ const [isLessID, setIsLessID] = useState(true);
+ const [congPIN, setCongPIN] = useState("");
+ const [isErrorPIN, setIsErrorPIN] = useState(false);
+ const [isLessPIN, setIsLessPIN] = useState(true);
+ const [isBtnDisabled, setIsBtnDisabled] = useState(false);
+
+ const handleChangeID = (value) => {
+ setIsErrorID(false);
+ setIsLessID(false);
+
+ if (value === "") {
+ setCongID(value);
+ setIsLessID(true);
+ } else {
+ if (value.length < 10) {
+ setIsLessID(true);
+ setIsErrorID(true);
+ } else if (value.length === 10) {
+ setIsLessID(false);
+ }
+ setCongID(parseInt(value, 10));
+ }
+ }
+
+ const handleChangePIN = (value) => {
+ setIsErrorPIN(false);
+ setIsLessPIN(false);
+
+ if (value === "") {
+ setCongPIN(value);
+ setIsLessPIN(true);
+ } else {
+ if (value.length < 6) {
+ setIsLessPIN(true);
+ setIsErrorPIN(true);
+ } else if (value.length === 6) {
+ setIsLessPIN(false);
+ }
+ setCongPIN(parseInt(value, 10));
+ }
+ }
+
+ const handleSaveLogin = async () => {
+
+ }
+
+ const handleUserSignIn = () => {
+
+ };
+
+ const handleGenerateCongID = async () => {
+
+ }
+
+ useEffect(() => {
+ const loadInfo = async () => {
+ const appSettings = await dbGetAppSettings();
+ if (appSettings.cong_ID !== undefined) {
+ setCongID(appSettings.cong_ID);
+ setIsLessID(false);
+ }
+ if (appSettings.cong_PIN !== undefined) {
+ setCongPIN(appSettings.cong_PIN);
+ setIsLessPIN(false);
+ }
+ };
+ loadInfo();
+ }, [])
+
+ useEffect(() => {
+ if (!isLessID && !isLessPIN) {
+ setIsBtnDisabled(false);
+ } else {
+ setIsBtnDisabled(true);
+ }
+ }, [isLessID, isLessPIN])
+
+ return (
+ <>
+ HAMPIASA INTERNET
+
+
+ Mila manana kaonty Gmail aloha ianao raha tianao ny hampiasa internet. Ireto avy ny zavatra fanampiny azo atao ao amin’ny LMM-OA: mandefa rakitra fiandry any amin’ny internet, mandefa ny fandaharana misy ny anjaran’ny mpianatra any amin’ny Anti-panahy Mpandrindra, sy ny mpianatra rehetra.
+
+ } //{isLoggedIn ? : }
+ onClick={() => handleUserSignIn()}
+ >
+
+
+
+
+
+ Hitanao eto ambany ny nomerao famantarana sy ny kaody miafina ampiasain’ny fiangonana raha te hizara fanazavana avy ato amin’ny LMM-OA.
+
+ handleChangeID(e.target.value)}
+ />
+ handleChangePIN(e.target.value)}
+ />
+
+ }
+ onClick={handleSaveLogin}
+ >
+ Hitahiry
+
+ }
+ onClick={handleGenerateCongID}
+ >
+ Vaovao
+
+
+
+
+ );
+}
+
+export default UseInternet;
\ No newline at end of file
diff --git a/src/components/settings/User2FA.js b/src/components/settings/User2FA.js
new file mode 100644
index 00000000..c8caf240
--- /dev/null
+++ b/src/components/settings/User2FA.js
@@ -0,0 +1,160 @@
+import { useCallback, useEffect, useMemo, useState } from 'react';
+import { useRecoilValue, useSetRecoilState } from 'recoil';
+import { useTranslation } from 'react-i18next';
+import { Markup } from 'interweave';
+import QRCode from 'qrcode';
+import Box from '@mui/material/Box';
+import Button from '@mui/material/Button';
+import ContentCopyIcon from '@mui/icons-material/ContentCopy';
+import Dialog from '@mui/material/Dialog';
+import DialogContent from '@mui/material/DialogContent';
+import DialogTitle from '@mui/material/DialogTitle';
+import IconButton from '@mui/material/IconButton';
+import TextField from '@mui/material/TextField';
+import Typography from '@mui/material/Typography';
+import {
+ apiHostState,
+ rootModalOpenState,
+ userEmailState,
+ userIDState,
+ visitorIDState,
+} from '../../appStates/appSettings';
+import {
+ appMessageState,
+ appSeverityState,
+ appSnackOpenState,
+} from '../../appStates/appNotification';
+
+const User2FA = () => {
+ let abortCont = useMemo(() => new AbortController(), []);
+
+ const { t } = useTranslation();
+
+ const setModalOpen = useSetRecoilState(rootModalOpenState);
+ const setAppSnackOpen = useSetRecoilState(appSnackOpenState);
+ const setAppSeverity = useSetRecoilState(appSeverityState);
+ const setAppMessage = useSetRecoilState(appMessageState);
+
+ const userEmail = useRecoilValue(userEmailState);
+ const apiHost = useRecoilValue(apiHostState);
+ const visitorID = useRecoilValue(visitorIDState);
+ const userID = useRecoilValue(userIDState);
+
+ const [qrCode, setQrCode] = useState('');
+ const [token, setToken] = useState('');
+ const [viewerOpen, setViewerOpen] = useState(false);
+
+ const handleCopyClipboard = useCallback(async (text) => {
+ await navigator.clipboard.writeText(text);
+ }, []);
+
+ const handleClose = useCallback(() => {
+ setViewerOpen(false);
+ }, []);
+
+ const handleFetch2FA = async () => {
+ try {
+ if (apiHost !== '') {
+ setModalOpen(true);
+
+ const res = await fetch(`${apiHost}api/users/${userID}/2fa`, {
+ signal: abortCont.signal,
+ method: 'GET',
+ headers: {
+ 'Content-Type': 'application/json',
+ visitor_id: visitorID,
+ email: userEmail,
+ },
+ });
+
+ const data = await res.json();
+
+ if (res.status === 200) {
+ const qrImg = await QRCode.toDataURL(data.qrCode);
+ setQrCode(qrImg);
+ setToken(data.secret);
+ setModalOpen(false);
+ setViewerOpen(true);
+ return;
+ }
+
+ setModalOpen(false);
+ setAppMessage(data.message);
+ setAppSeverity('warning');
+ setAppSnackOpen(true);
+ }
+ } catch (err) {
+ setModalOpen(false);
+ setAppMessage(err.message);
+ setAppSeverity('error');
+ setAppSnackOpen(true);
+ }
+ };
+
+ useEffect(() => {
+ return () => abortCont.abort();
+ }, [abortCont]);
+
+ return (
+
+ {viewerOpen && (
+
+ )}
+ {t('settings.twoFactorDesc')}
+
+
+ );
+};
+
+export default User2FA;
diff --git a/src/components/settings/UserChangePassword.js b/src/components/settings/UserChangePassword.js
new file mode 100644
index 00000000..2e1e5662
--- /dev/null
+++ b/src/components/settings/UserChangePassword.js
@@ -0,0 +1,168 @@
+import { useEffect, useMemo, useState } from 'react';
+import { useRecoilValue, useSetRecoilState } from 'recoil';
+import { useTranslation } from 'react-i18next';
+import Box from '@mui/material/Box';
+import Button from '@mui/material/Button';
+import TextField from '@mui/material/TextField';
+import { dbGetAppSettings } from '../../indexedDb/dbAppSettings';
+import { decryptString } from '../../utils/sws-encryption';
+import {
+ apiHostState,
+ rootModalOpenState,
+ userEmailState,
+ userIDState,
+ visitorIDState,
+} from '../../appStates/appSettings';
+import {
+ appMessageState,
+ appSeverityState,
+ appSnackOpenState,
+} from '../../appStates/appNotification';
+
+const password = {
+ width: '320px',
+ marginRight: '5px',
+ marginBottom: '15px',
+};
+
+const UserChangePassword = () => {
+ let abortCont = useMemo(() => new AbortController(), []);
+
+ const { t } = useTranslation();
+
+ const setAppSnackOpen = useSetRecoilState(appSnackOpenState);
+ const setAppSeverity = useSetRecoilState(appSeverityState);
+ const setAppMessage = useSetRecoilState(appMessageState);
+ const setModalOpen = useSetRecoilState(rootModalOpenState);
+
+ const userEmail = useRecoilValue(userEmailState);
+ const apiHost = useRecoilValue(apiHostState);
+ const visitorID = useRecoilValue(visitorIDState);
+ const userID = useRecoilValue(userIDState);
+
+ const [oldPassword, setOldPassword] = useState('');
+ const [newPassword, setNewPassword] = useState('');
+ const [newPasswordConfirm, setNewPasswordConfirm] = useState('');
+
+ const handleUpdatePassword = async () => {
+ try {
+ // verify password requirements
+ if (newPassword.length < 10 || newPasswordConfirm.length < 10) {
+ setAppMessage(t('settings.passwordRequirements'));
+ setAppSeverity('warning');
+ setAppSnackOpen(true);
+ return;
+ }
+
+ // validating old password
+ const { userPass } = await dbGetAppSettings();
+ const crdParse = await decryptString(oldPassword, userPass);
+ if (!crdParse.pwd) {
+ setAppMessage(t('settings.passwordIncorrect'));
+ setAppSeverity('warning');
+ setAppSnackOpen(true);
+ return;
+ }
+
+ // validating new password
+ if (newPassword !== newPasswordConfirm) {
+ setAppMessage(t('settings.passwordNotEqual'));
+ setAppSeverity('warning');
+ setAppSnackOpen(true);
+ return;
+ }
+
+ // update password in firebase auth
+ if (apiHost !== '') {
+ setModalOpen(true);
+
+ const res = await fetch(`${apiHost}api/users/${userID}/password`, {
+ signal: abortCont.signal,
+ method: 'PATCH',
+ headers: {
+ 'Content-Type': 'application/json',
+ visitor_id: visitorID,
+ email: userEmail,
+ },
+ body: JSON.stringify({ password: newPassword }),
+ });
+
+ const data = await res.json();
+
+ if (res.status === 200) {
+ setModalOpen(false);
+ setAppMessage(t('settings.passwordChanged'));
+ setAppSeverity('success');
+ setAppSnackOpen(true);
+
+ setOldPassword('');
+ setNewPassword('');
+ setNewPasswordConfirm('');
+ return;
+ }
+
+ setModalOpen(false);
+ setAppMessage(data.message);
+ setAppSeverity('warning');
+ setAppSnackOpen(true);
+ }
+ } catch (err) {
+ setModalOpen(false);
+ setAppMessage(err.message);
+ setAppSeverity('error');
+ setAppSnackOpen(true);
+ }
+ };
+
+ useEffect(() => {
+ return () => abortCont.abort();
+ }, [abortCont]);
+
+ return (
+
+
+ setOldPassword(e.target.value)}
+ />
+ setNewPassword(e.target.value)}
+ />
+ setNewPasswordConfirm(e.target.value)}
+ />
+
+
+
+ );
+};
+
+export default UserChangePassword;
diff --git a/src/components/settings/UserFullname.js b/src/components/settings/UserFullname.js
new file mode 100644
index 00000000..ac5437b0
--- /dev/null
+++ b/src/components/settings/UserFullname.js
@@ -0,0 +1,171 @@
+import { useEffect, useMemo, useState } from 'react';
+import { useRecoilState, useRecoilValue, useSetRecoilState } from 'recoil';
+import { useTranslation } from 'react-i18next';
+import Box from '@mui/material/Box';
+import Button from '@mui/material/Button';
+import TextField from '@mui/material/TextField';
+import Typography from '@mui/material/Typography';
+import { usernameState } from '../../appStates/appCongregation';
+import {
+ apiHostState,
+ rootModalOpenState,
+ userEmailState,
+ userIDState,
+ visitorIDState,
+} from '../../appStates/appSettings';
+import {
+ appMessageState,
+ appSeverityState,
+ appSnackOpenState,
+} from '../../appStates/appNotification';
+
+const UserFullname = () => {
+ let abortCont = useMemo(() => new AbortController(), []);
+
+ const { t } = useTranslation();
+
+ const [username, setUsername] = useRecoilState(usernameState);
+
+ const setModalOpen = useSetRecoilState(rootModalOpenState);
+ const setAppSnackOpen = useSetRecoilState(appSnackOpenState);
+ const setAppSeverity = useSetRecoilState(appSeverityState);
+ const setAppMessage = useSetRecoilState(appMessageState);
+
+ const userEmail = useRecoilValue(userEmailState);
+ const apiHost = useRecoilValue(apiHostState);
+ const visitorID = useRecoilValue(visitorIDState);
+ const userID = useRecoilValue(userIDState);
+
+ const [tmpUsername, setTempUsername] = useState(username);
+ const [isEdit, setIsEdit] = useState(false);
+
+ const handleCancelChanges = () => {
+ setTempUsername(username);
+ };
+
+ const handleUpdateUsername = async () => {
+ try {
+ if (apiHost !== '') {
+ setModalOpen(true);
+
+ const res = await fetch(`${apiHost}api/users/${userID}/fullname`, {
+ signal: abortCont.signal,
+ method: 'PATCH',
+ headers: {
+ 'Content-Type': 'application/json',
+ visitor_id: visitorID,
+ email: userEmail,
+ },
+ body: JSON.stringify({ fullname: tmpUsername }),
+ });
+
+ const data = await res.json();
+
+ if (res.status === 200) {
+ setModalOpen(false);
+ setAppMessage(t('global.savedSuccess'));
+ setAppSeverity('success');
+ setAppSnackOpen(true);
+
+ setUsername(data.fullname);
+ return;
+ }
+
+ setModalOpen(false);
+ setAppMessage(data.message);
+ setAppSeverity('warning');
+ setAppSnackOpen(true);
+ }
+ } catch (err) {
+ setModalOpen(false);
+ setAppMessage(err.message);
+ setAppSeverity('error');
+ setAppSnackOpen(true);
+ }
+ };
+
+ useEffect(() => {
+ setIsEdit(tmpUsername !== username);
+ }, [tmpUsername, username]);
+
+ useEffect(() => {
+ return () => abortCont.abort();
+ }, [abortCont]);
+
+ return (
+
+
+ setTempUsername(e.target.value)}
+ />
+ {isEdit && (
+
+
+
+
+ )}
+
+
+
+
+ {t('settings.emailLocked')}
+
+
+
+ );
+};
+
+export default UserFullname;
diff --git a/src/components/settings/UserSessionItem.js b/src/components/settings/UserSessionItem.js
new file mode 100644
index 00000000..a33bfb0b
--- /dev/null
+++ b/src/components/settings/UserSessionItem.js
@@ -0,0 +1,131 @@
+import { useMemo } from 'react';
+import { useSetRecoilState, useRecoilValue } from 'recoil';
+import { useTranslation } from 'react-i18next';
+import dateFormat from 'dateformat';
+import Box from '@mui/material/Box';
+import Button from '@mui/material/Button';
+import Chip from '@mui/material/Chip';
+import GpsFixedIcon from '@mui/icons-material/GpsFixed';
+import Typography from '@mui/material/Typography';
+import {
+ apiHostState,
+ rootModalOpenState,
+ userEmailState,
+ userIDState,
+ visitorIDState,
+} from '../../appStates/appSettings';
+import {
+ appMessageState,
+ appSeverityState,
+ appSnackOpenState,
+} from '../../appStates/appNotification';
+
+const UserSessionItem = ({ session, setSessions }) => {
+ let abortCont = useMemo(() => new AbortController(), []);
+
+ const { t } = useTranslation();
+
+ const setModalOpen = useSetRecoilState(rootModalOpenState);
+ const setAppSnackOpen = useSetRecoilState(appSnackOpenState);
+ const setAppSeverity = useSetRecoilState(appSeverityState);
+ const setAppMessage = useSetRecoilState(appMessageState);
+
+ const userEmail = useRecoilValue(userEmailState);
+ const apiHost = useRecoilValue(apiHostState);
+ const visitorID = useRecoilValue(visitorIDState);
+ const userID = useRecoilValue(userIDState);
+
+ const lastSeen = dateFormat(
+ new Date(session.last_seen),
+ t('global.shortDateTimeFormat')
+ );
+
+ const handleRevokeSession = async () => {
+ try {
+ if (apiHost !== '') {
+ setModalOpen(true);
+
+ const res = await fetch(`${apiHost}api/users/${userID}/sessions`, {
+ signal: abortCont.signal,
+ method: 'DELETE',
+ headers: {
+ 'Content-Type': 'application/json',
+ visitor_id: visitorID,
+ email: userEmail,
+ },
+ body: JSON.stringify({ session: session.visitor_id }),
+ });
+
+ const data = await res.json();
+
+ if (res.status === 200) {
+ setModalOpen(false);
+ setSessions(data);
+ return;
+ }
+
+ setModalOpen(false);
+ setAppMessage(data.message);
+ setAppSeverity('warning');
+ setAppSnackOpen(true);
+ }
+ } catch (err) {
+ setModalOpen(false);
+ setAppMessage(err.message);
+ setAppSeverity('error');
+ setAppSnackOpen(true);
+ }
+ };
+
+ return (
+
+
+
+
+ {`${session.ip} - ${session.country_name}`}
+ {`${session.device.browserName} (${session.device.os} ${session.device.osVersion})`}
+
+ {t('settings.lastSeen', { last_seen: lastSeen })}
+
+ {visitorID === session.visitor_id && (
+
+ )}
+
+
+
+
+
+
+ );
+};
+
+export default UserSessionItem;
diff --git a/src/components/settings/UserSessions.js b/src/components/settings/UserSessions.js
new file mode 100644
index 00000000..5a40dc69
--- /dev/null
+++ b/src/components/settings/UserSessions.js
@@ -0,0 +1,113 @@
+import { useCallback, useEffect, useMemo, useState } from 'react';
+import { useRecoilValue, useSetRecoilState } from 'recoil';
+import { useTranslation } from 'react-i18next';
+import Box from '@mui/material/Box';
+import Typography from '@mui/material/Typography';
+import UserSessionItem from './UserSessionItem';
+import {
+ apiHostState,
+ rootModalOpenState,
+ userEmailState,
+ userIDState,
+ visitorIDState,
+} from '../../appStates/appSettings';
+import {
+ appMessageState,
+ appSeverityState,
+ appSnackOpenState,
+} from '../../appStates/appNotification';
+
+const UserSessions = () => {
+ let abortCont = useMemo(() => new AbortController(), []);
+
+ const { t } = useTranslation();
+
+ const setModalOpen = useSetRecoilState(rootModalOpenState);
+ const setAppSnackOpen = useSetRecoilState(appSnackOpenState);
+ const setAppSeverity = useSetRecoilState(appSeverityState);
+ const setAppMessage = useSetRecoilState(appMessageState);
+
+ const userEmail = useRecoilValue(userEmailState);
+ const apiHost = useRecoilValue(apiHostState);
+ const visitorID = useRecoilValue(visitorIDState);
+ const userID = useRecoilValue(userIDState);
+
+ const [sessions, setSessions] = useState([]);
+
+ const handleGetSessions = useCallback(async () => {
+ try {
+ if (apiHost !== '') {
+ setModalOpen(true);
+
+ const res = await fetch(`${apiHost}api/users/${userID}/sessions`, {
+ signal: abortCont.signal,
+ method: 'GET',
+ headers: {
+ 'Content-Type': 'application/json',
+ visitor_id: visitorID,
+ email: userEmail,
+ },
+ });
+
+ const data = await res.json();
+
+ if (res.status === 200) {
+ setModalOpen(false);
+ setSessions(data);
+ return;
+ }
+
+ setModalOpen(false);
+ setAppMessage(data.message);
+ setAppSeverity('warning');
+ setAppSnackOpen(true);
+ }
+ } catch (err) {
+ setModalOpen(false);
+ setAppMessage(err.message);
+ setAppSeverity('error');
+ setAppSnackOpen(true);
+ }
+ }, [
+ abortCont,
+ apiHost,
+ setAppMessage,
+ setAppSeverity,
+ setAppSnackOpen,
+ setModalOpen,
+ userEmail,
+ userID,
+ visitorID,
+ ]);
+
+ useEffect(() => {
+ handleGetSessions();
+ }, [handleGetSessions]);
+
+ useEffect(() => {
+ return () => abortCont.abort();
+ }, [abortCont]);
+
+ return (
+
+ {t('settings.sessionsDesc')}
+
+ {sessions.length > 0 &&
+ sessions.map((session) => (
+ setSessions(value)}
+ />
+ ))}
+
+
+ );
+};
+
+export default UserSessions;
diff --git a/src/components/sourceMaterial/ImportEPUB.js b/src/components/sourceMaterial/ImportEPUB.js
new file mode 100644
index 00000000..8680f905
--- /dev/null
+++ b/src/components/sourceMaterial/ImportEPUB.js
@@ -0,0 +1,147 @@
+import { useEffect, useState } from 'react';
+import { useRecoilState } from 'recoil';
+import { useTranslation } from 'react-i18next';
+import Button from '@mui/material/Button';
+import CircularProgress from '@mui/material/CircularProgress';
+import CheckCircleIcon from '@mui/icons-material/CheckCircle';
+import Container from '@mui/material/Container';
+import Dialog from '@mui/material/Dialog';
+import DialogActions from '@mui/material/DialogActions';
+import DialogContent from '@mui/material/DialogContent';
+import DialogTitle from '@mui/material/DialogTitle';
+import ErrorIcon from '@mui/icons-material/Error';
+import Typography from '@mui/material/Typography';
+import {
+ epubFileState,
+ isImportEPUBState,
+ isRerenderSourceState,
+} from '../../appStates/appSourceMaterial';
+import { addEpubDataToDb } from '../../epub/epubParser';
+
+const sharedStyles = {
+ epubLoad: {
+ display: 'flex',
+ flexDirection: 'column',
+ alignItems: 'center',
+ justifyContent: 'center',
+ marginTop: '20px',
+ },
+ textCircular: {
+ marginTop: '10px',
+ },
+};
+
+const ImportEPUB = () => {
+ const { t } = useTranslation();
+
+ const [isRerender, setIsRerender] = useRecoilState(isRerenderSourceState);
+ const [open, setOpen] = useRecoilState(isImportEPUBState);
+ const [fileEPUB, setFileEPUB] = useRecoilState(epubFileState);
+
+ const [isLoading, setIsLoading] = useState(true);
+ const [isComplete, setIsComplete] = useState(false);
+ const [isValid, setIsValid] = useState(true);
+ const [btnDisabled, setBtnDisabled] = useState(true);
+
+ const handleDlgClose = (event, reason) => {
+ if (reason === 'backdropClick' || reason === 'escapeKeyDown') {
+ return;
+ }
+
+ setOpen(false);
+ };
+
+ useEffect(() => {
+ const loadEPUB = async () => {
+ setIsLoading(false);
+ const result = await addEpubDataToDb(fileEPUB);
+ if (result === 'error') {
+ setIsValid(false);
+ } else {
+ setIsComplete(true);
+ setFileEPUB(undefined);
+ setIsRerender(!isRerender);
+ }
+ setBtnDisabled(false);
+ };
+
+ if (open && fileEPUB) {
+ loadEPUB();
+ }
+
+ return () => {
+ //clean
+ };
+ }, [open, fileEPUB, setFileEPUB, isRerender, setIsRerender]);
+
+ return (
+
+ {open && (
+
+ )}
+
+ );
+};
+
+export default ImportEPUB;
diff --git a/src/components/sourceMaterial/ImportJWOrg.js b/src/components/sourceMaterial/ImportJWOrg.js
new file mode 100644
index 00000000..503e666e
--- /dev/null
+++ b/src/components/sourceMaterial/ImportJWOrg.js
@@ -0,0 +1,179 @@
+import { useCallback, useEffect, useMemo, useState } from 'react';
+import { useRecoilState, useRecoilValue, useSetRecoilState } from 'recoil';
+import { useTranslation } from 'react-i18next';
+import Box from '@mui/material/Box';
+import Button from '@mui/material/Button';
+import CircularProgress from '@mui/material/CircularProgress';
+import CheckCircleIcon from '@mui/icons-material/CheckCircle';
+import Container from '@mui/material/Container';
+import Dialog from '@mui/material/Dialog';
+import DialogActions from '@mui/material/DialogActions';
+import DialogContent from '@mui/material/DialogContent';
+import DialogTitle from '@mui/material/DialogTitle';
+import Typography from '@mui/material/Typography';
+import { apiHostState, appLangState } from '../../appStates/appSettings';
+import {
+ appMessageState,
+ appSeverityState,
+ appSnackOpenState,
+} from '../../appStates/appNotification';
+import {
+ isImportJWOrgState,
+ isRerenderSourceState,
+} from '../../appStates/appSourceMaterial';
+import { isOnlineState } from '../../appStates/appSettings';
+import { addJwDataToDb } from '../../epub/epubParser';
+
+const sharedStyles = {
+ jwLoad: {
+ display: 'flex',
+ flexDirection: 'column',
+ alignItems: 'center',
+ justifyContent: 'center',
+ marginTop: '20px',
+ },
+ textCircular: {
+ marginTop: '20px',
+ },
+};
+
+const ImportJWOrg = () => {
+ let abortCont = useMemo(() => new AbortController(), []);
+
+ const { t } = useTranslation();
+
+ const setAppSnackOpen = useSetRecoilState(appSnackOpenState);
+ const setAppSeverity = useSetRecoilState(appSeverityState);
+ const setAppMessage = useSetRecoilState(appMessageState);
+
+ const [isRerender, setIsRerender] = useRecoilState(isRerenderSourceState);
+ const [open, setOpen] = useRecoilState(isImportJWOrgState);
+
+ const appLang = useRecoilValue(appLangState);
+ const apiHost = useRecoilValue(apiHostState);
+ const isOnline = useRecoilValue(isOnlineState);
+
+ const [isLoading, setIsLoading] = useState(true);
+
+ const handleDlgClose = (event, reason) => {
+ if (reason === 'backdropClick' || reason === 'escapeKeyDown') {
+ return;
+ }
+ setIsRerender(!isRerender);
+ setOpen(false);
+ };
+
+ const fetchSourcesJw = useCallback(async () => {
+ try {
+ if (apiHost !== '') {
+ const res = await fetch(
+ `${apiHost}api/public/source-material/${appLang}`,
+ {
+ signal: abortCont.signal,
+ method: 'GET',
+ }
+ );
+
+ const data = await res.json();
+
+ if (res.status === 200) {
+ await addJwDataToDb(data);
+ setIsLoading(false);
+ return;
+ }
+
+ setAppMessage(data.message);
+ setAppSeverity('error');
+ setAppSnackOpen(true);
+ setOpen(false);
+ }
+ } catch (err) {
+ setAppMessage(err.message);
+ setAppSeverity('error');
+ setAppSnackOpen(true);
+ setOpen(false);
+ }
+ }, [
+ abortCont,
+ apiHost,
+ appLang,
+ setAppMessage,
+ setAppSeverity,
+ setAppSnackOpen,
+ setOpen,
+ ]);
+
+ useEffect(() => {
+ fetchSourcesJw();
+ }, [fetchSourcesJw]);
+
+ useEffect(() => {
+ return () => abortCont.abort();
+ }, [abortCont]);
+
+ return (
+
+ {open && isOnline && (
+
+ )}
+
+ );
+};
+
+export default ImportJWOrg;
diff --git a/src/components/sourceMaterial/PartDuration.js b/src/components/sourceMaterial/PartDuration.js
new file mode 100644
index 00000000..ce990c83
--- /dev/null
+++ b/src/components/sourceMaterial/PartDuration.js
@@ -0,0 +1,62 @@
+import { useEffect, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import MenuItem from '@mui/material/MenuItem';
+import TextField from '@mui/material/TextField';
+
+const PartDuration = (props) => {
+ const { t } = useTranslation();
+
+ const [partTime, setPartTime] = useState('');
+
+ const handleChangeTime = async (e) => {
+ setPartTime(e.target.value);
+ if (props.ayf === 1) {
+ props.setAss1Time(e.target.value);
+ } else if (props.ayf === 2) {
+ props.setAss2Time(e.target.value);
+ } else if (props.ayf === 3) {
+ props.setAss3Time(e.target.value);
+ } else if (props.ayf === 4) {
+ props.setAss4Time(e.target.value);
+ }
+ };
+
+ useEffect(() => {
+ setPartTime(props.assTime);
+ return () => {
+ //clean
+ };
+ }, [props.assTime]);
+
+ return (
+ handleChangeTime(e)}
+ sx={{
+ minWidth: '130px',
+ marginBottom: '10px',
+ marginRight: '5px',
+ }}
+ >
+
+
+
+
+
+
+
+
+
+
+
+
+ );
+};
+
+export default PartDuration;
diff --git a/src/components/sourceMaterial/PartType.js b/src/components/sourceMaterial/PartType.js
new file mode 100644
index 00000000..8009f891
--- /dev/null
+++ b/src/components/sourceMaterial/PartType.js
@@ -0,0 +1,66 @@
+import { useEffect, useState } from 'react';
+import { useRecoilValue } from 'recoil';
+import { useTranslation } from 'react-i18next';
+import MenuItem from '@mui/material/MenuItem';
+import TextField from '@mui/material/TextField';
+import { assTypeLocalState } from '../../appStates/appSourceMaterial';
+
+const PartType = (props) => {
+ const { t } = useTranslation();
+
+ const [type, setType] = useState('');
+
+ const assTypeList = useRecoilValue(assTypeLocalState);
+
+ const handleChangeType = (e) => {
+ setType(e.target.value);
+ if (props.ayf === 1) {
+ props.setAss1Type(e.target.value);
+ } else if (props.ayf === 2) {
+ props.setAss2Type(e.target.value);
+ } else if (props.ayf === 3) {
+ props.setAss3Type(e.target.value);
+ } else if (props.ayf === 4) {
+ props.setAss4Type(e.target.value);
+ }
+ };
+
+ const renderPartType = (type) => {
+ return (
+
+ );
+ };
+
+ useEffect(() => {
+ setType(props.assType);
+ }, [props.assType]);
+
+ return (
+ <>
+ {assTypeList.length > 0 && (
+ handleChangeType(e)}
+ sx={{
+ minWidth: '250px',
+ marginBottom: '20px',
+ marginRight: '5px',
+ }}
+ >
+
+ {assTypeList.map((partType) => renderPartType(partType))}
+
+ )}
+
+ );
+};
+
+export default PartType;
diff --git a/src/components/sourceMaterial/SourceMaterialMenu.js b/src/components/sourceMaterial/SourceMaterialMenu.js
new file mode 100644
index 00000000..2828b297
--- /dev/null
+++ b/src/components/sourceMaterial/SourceMaterialMenu.js
@@ -0,0 +1,214 @@
+import { useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useTheme } from '@mui/material';
+import useMediaQuery from '@mui/material/useMediaQuery';
+import AddCircleIcon from '@mui/icons-material/AddCircle';
+import Button from '@mui/material/Button';
+import Box from '@mui/material/Box';
+import BrowserUpdatedIcon from '@mui/icons-material/BrowserUpdated';
+import Dialog from '@mui/material/Dialog';
+import DialogActions from '@mui/material/DialogActions';
+import DialogTitle from '@mui/material/DialogTitle';
+import DialogContent from '@mui/material/DialogContent';
+import DriveFileMoveIcon from '@mui/icons-material/DriveFileMove';
+import IconButton from '@mui/material/IconButton';
+import ListItemText from '@mui/material/ListItemText';
+import ListItemIcon from '@mui/material/ListItemIcon';
+import Menu from '@mui/material/Menu';
+import MenuItem from '@mui/material/MenuItem';
+import MoreVertIcon from '@mui/icons-material/MoreVert';
+import Tooltip from '@mui/material/Tooltip';
+import Typography from '@mui/material/Typography';
+import SaveIcon from '@mui/icons-material/Save';
+
+const sharedStyles = {
+ topMenu: {
+ marginLeft: '5px',
+ },
+ topSmallMenu: {
+ marginLeft: '5px',
+ background: '#D5DBDB',
+ },
+};
+
+const SourceMaterialMenu = (props) => {
+ const { t } = useTranslation();
+ const {
+ currentWeek,
+ handleWeekAdd,
+ handleImportEPUB,
+ handleImportJw,
+ handleSaveSource,
+ } = props;
+
+ const [isOpen, setIsOpen] = useState(false);
+ const [anchorEl, setAnchorEl] = useState(null);
+
+ const menuOpen = Boolean(anchorEl);
+
+ const handleMenuClick = (e) => {
+ setAnchorEl(e.currentTarget);
+ };
+
+ const handleMenuClose = () => {
+ setAnchorEl(null);
+ };
+
+ const theme = useTheme();
+ const largeMenu = useMediaQuery(theme.breakpoints.up(1300), {
+ noSsr: true,
+ });
+ const miniMenu = useMediaQuery(theme.breakpoints.up(630), {
+ noSsr: true,
+ });
+
+ const lauchWeekAdd = () => {
+ handleWeekAdd();
+ setIsOpen(false);
+ };
+
+ const launchImportEPUB = () => {
+ handleMenuClose();
+ handleImportEPUB();
+ };
+
+ const launchSaveSource = () => {
+ handleMenuClose();
+ handleSaveSource();
+ };
+
+ const handleAcceptAdd = () => {
+ handleMenuClose();
+ setIsOpen(true);
+ };
+
+ const launchImportFromJW = () => {
+ handleMenuClose();
+ handleImportJw();
+ };
+
+ const handleClose = () => {
+ setIsOpen(false);
+ };
+
+ const sourceMenu = [
+ {
+ label: t('sourceMaterial.addWeek'),
+ icon: ,
+ function: handleAcceptAdd,
+ disabled: false,
+ },
+ {
+ label: t('sourceMaterial.importEPUB'),
+ icon: ,
+ function: launchImportEPUB,
+ disabled: false,
+ },
+ {
+ label: t('sourceMaterial.importJw'),
+ icon: ,
+ function: launchImportFromJW,
+ disabled: false,
+ },
+ {
+ label: t('global.save'),
+ icon: ,
+ function: launchSaveSource,
+ disabled: currentWeek ? false : true,
+ },
+ ];
+
+ return (
+ <>
+
+
+ {!miniMenu && (
+ <>
+
+
+
+
+
+ )}
+ {miniMenu && !largeMenu && (
+ <>
+ {sourceMenu.map((menu, index) => (
+
+ menu.function()}
+ sx={sharedStyles.topSmallMenu}
+ >
+ {menu.icon}
+
+
+ ))}
+
+ )}
+ {largeMenu && (
+ <>
+ {sourceMenu.map((menu, index) => (
+
+ ))}
+
+ )}
+
+
+ );
+};
+
+export default SourceMaterialMenu;
diff --git a/src/components/sourceMaterial/WeekDetails.js b/src/components/sourceMaterial/WeekDetails.js
new file mode 100644
index 00000000..ca0f499c
--- /dev/null
+++ b/src/components/sourceMaterial/WeekDetails.js
@@ -0,0 +1,363 @@
+import { useEffect, useState } from 'react';
+import { useRecoilValue, useSetRecoilState } from 'recoil';
+import { useTranslation } from 'react-i18next';
+import { fileDialog } from 'file-select-dialog';
+import Box from '@mui/material/Box';
+import FormControlLabel from '@mui/material/FormControlLabel';
+import Switch from '@mui/material/Switch';
+import TextField from '@mui/material/TextField';
+import Typography from '@mui/material/Typography';
+import PartDuration from './PartDuration';
+import PartType from './PartType';
+import SourceMaterialMenu from './SourceMaterialMenu';
+import WeekList from './WeekList';
+import WeekType from './WeekType';
+import {
+ dbAddManualSource,
+ dbGetSourceMaterial,
+ dbSaveSrcData,
+} from '../../indexedDb/dbSourceMaterial';
+import {
+ appMessageState,
+ appSeverityState,
+ appSnackOpenState,
+} from '../../appStates/appNotification';
+import { appLangState } from '../../appStates/appSettings';
+import {
+ currentWeekState,
+ epubFileState,
+ isImportEPUBState,
+ isImportJWOrgState,
+ isRerenderSourceState,
+} from '../../appStates/appSourceMaterial';
+
+const sharedStyles = {
+ ayfStuPart: {
+ padding: '10px',
+ marginBottom: '15px',
+ boxShadow: '0 8px rgba(0, 0, 255, 0.2)',
+ },
+ ayfStuPartInfo: {
+ display: 'flex',
+ flexWrap: 'wrap',
+ },
+ inputAYF: {
+ width: '100%',
+ },
+ partHeader: {
+ fontWeight: 'bold',
+ marginBottom: '10px',
+ },
+};
+
+const WeekDetails = (props) => {
+ const { t } = useTranslation();
+
+ const currentWeek = useRecoilValue(currentWeekState);
+ const appLang = useRecoilValue(appLangState);
+ const isRerender = useRecoilValue(isRerenderSourceState);
+
+ const setAppSnackOpen = useSetRecoilState(appSnackOpenState);
+ const setAppSeverity = useSetRecoilState(appSeverityState);
+ const setAppMessage = useSetRecoilState(appMessageState);
+ const setEpubFile = useSetRecoilState(epubFileState);
+ const setIsImportEPUB = useSetRecoilState(isImportEPUBState);
+ const setIsImportJW = useSetRecoilState(isImportJWOrgState);
+
+ const [weekOf, setWeekOf] = useState('');
+ const [hasMeeting, setHasMeeting] = useState(true);
+ const [weekType, setWeekType] = useState(1);
+ const [BRead, setBRead] = useState('');
+ const [Ass1Type, setAss1Type] = useState('');
+ const [Ass1Time, setAss1Time] = useState('');
+ const [Ass1Src, setAss1Src] = useState('');
+ const [Ass2Type, setAss2Type] = useState('');
+ const [Ass2Time, setAss2Time] = useState('');
+ const [Ass2Src, setAss2Src] = useState('');
+ const [Ass3Type, setAss3Type] = useState('');
+ const [Ass3Time, setAss3Time] = useState('');
+ const [Ass3Src, setAss3Src] = useState('');
+ const [Ass4Type, setAss4Type] = useState('');
+ const [Ass4Time, setAss4Time] = useState('');
+ const [Ass4Src, setAss4Src] = useState('');
+
+ const handleWeekAdd = async () => {
+ await dbAddManualSource();
+ setAppSnackOpen(true);
+ setAppSeverity('success');
+ setAppMessage(t('sourceMaterial.weekAdded'));
+ };
+
+ const handleImportJw = async () => {
+ setIsImportJW(true);
+ };
+
+ const handleImportEPUB = async () => {
+ const file = await fileDialog({
+ accept: '.epub',
+ strict: true,
+ });
+
+ const epubLang = file.name.split('_')[1];
+ if (epubLang && epubLang === appLang.toUpperCase()) {
+ setEpubFile(file);
+ setIsImportEPUB(true);
+ } else {
+ setAppSnackOpen(true);
+ setAppSeverity('warning');
+ setAppMessage(t('sourceMaterial.invalidFilename'));
+ }
+ };
+
+ const handleSaveSource = async () => {
+ const obj = {};
+ obj.weekOf = weekOf;
+ obj.bibleReading_src = BRead;
+ obj.ass1_type = Ass1Type;
+ obj.ass1_time = Ass1Time;
+ obj.ass1_src = Ass1Src;
+ obj.ass2_type = Ass2Type;
+ obj.ass2_time = Ass2Time;
+ obj.ass2_src = Ass2Src;
+ obj.ass3_type = Ass3Type;
+ obj.ass3_time = Ass3Time;
+ obj.ass3_src = Ass3Src;
+ obj.ass4_type = Ass4Type;
+ obj.ass4_time = Ass4Time;
+ obj.ass4_src = Ass4Src;
+ obj.week_type = weekType;
+ obj.noMeeting = !hasMeeting;
+ obj.isOverride = true;
+
+ const isSaved = await dbSaveSrcData(obj);
+
+ if (isSaved === true) {
+ setAppSnackOpen(true);
+ setAppSeverity('success');
+ setAppMessage(t('sourceMaterial.weekSaved'));
+ } else {
+ setAppSnackOpen(true);
+ setAppSeverity('error');
+ setAppMessage(t('sourceMaterial.saveError'));
+ }
+ };
+
+ useEffect(() => {
+ let isSubscribed = true;
+ const loadWeekData = async () => {
+ const data = await dbGetSourceMaterial(currentWeek);
+ if (isSubscribed) {
+ setWeekOf(data.weekOf);
+ setHasMeeting(!data.noMeeting);
+ setWeekType(data.week_type);
+ setBRead(data.bibleReading_src);
+ setAss1Time(data.ass1_time);
+ setAss1Type(data.ass1_type);
+ setAss1Src(data.ass1_src);
+ setAss2Time(data.ass2_time);
+ setAss2Type(data.ass2_type);
+ setAss2Src(data.ass2_src);
+ setAss3Time(data.ass3_time);
+ setAss3Type(data.ass3_type);
+ setAss3Src(data.ass3_src);
+ setAss4Time(data.ass4_time);
+ setAss4Type(data.ass4_type);
+ setAss4Src(data.ass4_src);
+ }
+ };
+
+ if (currentWeek !== '' && isSubscribed) {
+ loadWeekData();
+ }
+
+ return () => {
+ isSubscribed = false;
+ };
+ }, [currentWeek, appLang, isRerender]);
+
+ return (
+
+
+
+
+
+
+
+ setWeekType(value)}
+ setHasMeeting={(value) => setHasMeeting(value)}
+ />
+ setHasMeeting(e.target.checked)}
+ />
+ }
+ label={
+ hasMeeting
+ ? t('sourceMaterial.hasMeeting')
+ : t('sourceMaterial.noMeeting')
+ }
+ />
+
+
+ {t('global.treasuresPart')}
+
+ setBRead(e.target.value)}
+ />
+
+
+ {t('global.applyFieldMinistryPart')}
+
+
+
+
+ {t('global.ayfPart1')}
+
+
+ setAss1Time(value)}
+ />
+ setAss1Type(value)}
+ />
+ setAss1Src(e.target.value)}
+ />
+
+
+
+
+ {t('global.ayfPart2')}
+
+
+ setAss2Time(value)}
+ />
+ setAss2Type(value)}
+ />
+ setAss2Src(e.target.value)}
+ />
+
+
+
+
+ {t('global.ayfPart3')}
+
+
+ setAss3Time(value)}
+ />
+ setAss3Type(value)}
+ />
+ setAss3Src(e.target.value)}
+ />
+
+
+
+
+ {t('global.ayfPart4')}
+
+
+ setAss4Time(value)}
+ />
+ setAss4Type(value)}
+ />
+ setAss4Src(e.target.value)}
+ />
+
+
+
+
+ );
+};
+
+export default WeekDetails;
diff --git a/src/components/sourceMaterial/WeekList.js b/src/components/sourceMaterial/WeekList.js
new file mode 100644
index 00000000..1c046792
--- /dev/null
+++ b/src/components/sourceMaterial/WeekList.js
@@ -0,0 +1,200 @@
+import { useEffect, useState } from 'react';
+import { useRecoilState, useRecoilValue } from 'recoil';
+import { useTranslation } from 'react-i18next';
+import dateFormat from 'dateformat';
+import Box from '@mui/material/Box';
+import MenuItem from '@mui/material/MenuItem';
+import TextField from '@mui/material/TextField';
+import {
+ dbGetScheduleListByYear,
+ dbGetWeekListBySched,
+} from '../../indexedDb/dbSourceMaterial';
+import {
+ monthNamesState,
+ shortDateFormatState,
+} from '../../appStates/appSettings';
+import {
+ currentWeekState,
+ isRerenderSourceState,
+ yearsListState,
+} from '../../appStates/appSourceMaterial';
+
+const WeekList = () => {
+ const { t } = useTranslation();
+
+ const [currentYear, setCurrentYear] = useState('');
+ const [schedules, setSchedules] = useState([]);
+ const [currentSchedule, setCurrentSchedule] = useState('');
+ const [weeks, setWeeks] = useState([]);
+
+ const [currentWeek, setCurrentWeek] = useRecoilState(currentWeekState);
+
+ const years = useRecoilValue(yearsListState);
+ const monthNames = useRecoilValue(monthNamesState);
+ const shortDateFormat = useRecoilValue(shortDateFormatState);
+ const isRerender = useRecoilValue(isRerenderSourceState);
+
+ const handleYearChange = async (e) => {
+ setCurrentSchedule('');
+ setCurrentYear(e.target.value);
+ };
+
+ const handleScheduleChange = async (value) => {
+ setCurrentWeek('');
+ setCurrentSchedule(value);
+ };
+
+ const handleWeekChange = (value) => {
+ if (value !== undefined) {
+ setCurrentWeek(value);
+ }
+ };
+
+ const renderYearList = (year) => {
+ return (
+
+ );
+ };
+
+ const renderScheduleList = (schedule) => {
+ return (
+
+ );
+ };
+
+ const renderWeekList = (week) => {
+ return (
+
+ );
+ };
+
+ useEffect(() => {
+ let mounted = true;
+ const getSchedules = async () => {
+ const year = years[0].value;
+
+ if (mounted) {
+ setCurrentYear(currentYear || year);
+ }
+ };
+
+ if (mounted && years.length > 0) {
+ getSchedules();
+ }
+
+ return () => {
+ mounted = false;
+ };
+ }, [isRerender, years, currentYear]);
+
+ useEffect(() => {
+ const getScheduleByYear = async () => {
+ let data = await dbGetScheduleListByYear(currentYear);
+ let newData = [];
+ for (let i = 0; i < data.length; i++) {
+ let obj = {};
+ obj.value = data[i].value;
+ const monthIndex = parseInt(data[i].value.split('/')[0], 10);
+ obj.label = monthNames[monthIndex - 1];
+ newData.push(obj);
+ }
+ setSchedules(newData);
+
+ setCurrentSchedule(newData[0].value);
+ };
+
+ if (currentYear !== '') {
+ getScheduleByYear();
+ }
+ }, [isRerender, currentYear, monthNames]);
+
+ useEffect(() => {
+ const getWeekBySchedule = async () => {
+ let data = await dbGetWeekListBySched(currentSchedule);
+ let newData = [];
+ for (let i = 0; i < data.length; i++) {
+ const weekDate = data[i].weekOf;
+ const day = weekDate.split('/')[1];
+ const month = weekDate.split('/')[0];
+ const year = weekDate.split('/')[2];
+ const newDate = new Date(year, +month - 1, day);
+ const dateFormatted = dateFormat(newDate, shortDateFormat);
+ let obj = {};
+ obj.value = data[i].value;
+ obj.label = dateFormatted;
+ newData.push(obj);
+ }
+ setWeeks(newData);
+
+ setTimeout(() => {
+ setCurrentWeek(newData[0].value);
+ }, [1000]);
+ };
+
+ if (currentSchedule !== '') {
+ getWeekBySchedule();
+ }
+ }, [isRerender, currentSchedule, shortDateFormat, setCurrentWeek]);
+
+ return (
+
+ handleYearChange(e)}
+ size='small'
+ sx={{
+ minWidth: '80px',
+ marginRight: '5px',
+ marginBottom: '10px',
+ }}
+ >
+ {years.map((year) => renderYearList(year))}
+
+ {schedules.length > 0 && (
+ handleScheduleChange(e.target.value)}
+ size='small'
+ sx={{
+ minWidth: '140px',
+ marginRight: '5px',
+ marginBottom: '10px',
+ }}
+ >
+ {schedules.map((schedule) => renderScheduleList(schedule))}
+
+ )}
+ {weeks.length > 0 && (
+ handleWeekChange(e.target.value)}
+ size='small'
+ sx={{
+ minWidth: '140px',
+ marginRight: '5px',
+ marginBottom: '10px',
+ }}
+ >
+ {weeks.map((week) => renderWeekList(week))}
+
+ )}
+
+ );
+};
+
+export default WeekList;
diff --git a/src/components/sourceMaterial/WeekType.js b/src/components/sourceMaterial/WeekType.js
new file mode 100644
index 00000000..a3c46286
--- /dev/null
+++ b/src/components/sourceMaterial/WeekType.js
@@ -0,0 +1,53 @@
+import { useRecoilValue } from 'recoil';
+import { useTranslation } from 'react-i18next';
+import MenuItem from '@mui/material/MenuItem';
+import TextField from '@mui/material/TextField';
+import { weekTypeLocalState } from '../../appStates/appSourceMaterial';
+
+const WeekType = (props) => {
+ const { t } = useTranslation();
+
+ const { weekType, setWeekType } = props;
+
+ const weekTypeList = useRecoilValue(weekTypeLocalState);
+
+ const handleTypeChange = async (e) => {
+ setWeekType(e.target.value);
+ if (e.target.value === 3) {
+ props.setHasMeeting(false);
+ } else {
+ props.setHasMeeting(true);
+ }
+ };
+
+ const renderWeekType = (type) => {
+ return (
+
+ );
+ };
+
+ return (
+ <>
+ {weekTypeList.length > 0 && (
+ handleTypeChange(e)}
+ sx={{
+ minWidth: '140px',
+ margin: '5px 5px 10px 0',
+ }}
+ >
+ {weekTypeList.map((weekType) => renderWeekType(weekType))}
+
+ )}
+
+ );
+};
+
+export default WeekType;
diff --git a/src/components/startup/CongregationRequestSent.js b/src/components/startup/CongregationRequestSent.js
new file mode 100644
index 00000000..84c93ecd
--- /dev/null
+++ b/src/components/startup/CongregationRequestSent.js
@@ -0,0 +1,82 @@
+import { useSetRecoilState } from 'recoil';
+import { useTranslation } from 'react-i18next';
+import Box from '@mui/material/Box';
+import Button from '@mui/material/Button';
+import CheckCircleIcon from '@mui/icons-material/CheckCircle';
+import Typography from '@mui/material/Typography';
+import StartupHeader from './StartupHeader';
+import {
+ isCongRequestSentState,
+ isUserSignInState,
+} from '../../appStates/appSettings';
+
+const CongregationRequestSent = () => {
+ const { t } = useTranslation();
+
+ const setUserSignIn = useSetRecoilState(isUserSignInState);
+ const setIsCongRequestSent = useSetRecoilState(isCongRequestSentState);
+
+ const handleSignIn = () => {
+ setUserSignIn(true);
+ setIsCongRequestSent(false);
+ };
+
+ return (
+
+
+ 
+
+
+ Life and Ministry Meeting Overseer Assistant
+
+
+
+
+
+
+
+
+
+ {t('login.requestAccountSent')}
+
+
+
+
+
+
+ );
+};
+
+export default CongregationRequestSent;
diff --git a/src/components/startup/CongregationSignUp.js b/src/components/startup/CongregationSignUp.js
new file mode 100644
index 00000000..f9279a45
--- /dev/null
+++ b/src/components/startup/CongregationSignUp.js
@@ -0,0 +1,213 @@
+import { useEffect, useMemo, useState } from 'react';
+import { useRecoilValue, useSetRecoilState } from 'recoil';
+import { useTranslation } from 'react-i18next';
+import Box from '@mui/material/Box';
+import Button from '@mui/material/Button';
+import CircularProgress from '@mui/material/CircularProgress';
+import Container from '@mui/material/Container';
+import Link from '@mui/material/Link';
+import TextField from '@mui/material/TextField';
+import Typography from '@mui/material/Typography';
+import StartupHeader from './StartupHeader';
+import {
+ appMessageState,
+ appSeverityState,
+ appSnackOpenState,
+} from '../../appStates/appNotification';
+import {
+ apiHostState,
+ isCongRequestSentState,
+ isUserSignInState,
+ isCongAccountCreateState,
+ isCongWaitRequestState,
+ userEmailState,
+ visitorIDState,
+} from '../../appStates/appSettings';
+
+const CongregationSignUp = () => {
+ const { t } = useTranslation();
+
+ let abortCont = useMemo(() => new AbortController(), []);
+
+ const [userTmpCongName, setUserTmpCongName] = useState('');
+ const [userTmpCongNumber, setUserTmpCongNumber] = useState('');
+ const [hasErrorCongName, setHasErrorCongName] = useState(false);
+ const [hasErrorCongNumber, setHasErrorCongNumber] = useState(false);
+ const [isProcessing, setIsProcessing] = useState(false);
+
+ const setUserSignIn = useSetRecoilState(isUserSignInState);
+ const setIsCongAccountCreate = useSetRecoilState(isCongAccountCreateState);
+ const setAppSnackOpen = useSetRecoilState(appSnackOpenState);
+ const setAppSeverity = useSetRecoilState(appSeverityState);
+ const setAppMessage = useSetRecoilState(appMessageState);
+ const setIsCongRequestSent = useSetRecoilState(isCongRequestSentState);
+ const setIsCongWaitRequest = useSetRecoilState(isCongWaitRequestState);
+
+ const apiHost = useRecoilValue(apiHostState);
+ const userEmail = useRecoilValue(userEmailState);
+ const visitorID = useRecoilValue(visitorIDState);
+
+ const handleSignIn = () => {
+ setUserSignIn(true);
+ setIsCongAccountCreate(false);
+ };
+
+ const handleSignUp = async () => {
+ setHasErrorCongName(false);
+ setHasErrorCongNumber(false);
+ if (userTmpCongName.length > 0 && userTmpCongNumber.length > 0) {
+ setIsProcessing(true);
+ const reqPayload = {
+ email: userEmail,
+ cong_name: userTmpCongName,
+ cong_number: userTmpCongNumber,
+ app_requestor: 'lmmo',
+ };
+
+ if (apiHost !== '') {
+ fetch(`${apiHost}api/congregations`, {
+ signal: abortCont.signal,
+ method: 'PUT',
+ headers: {
+ 'Content-Type': 'application/json',
+ visitor_id: visitorID,
+ email: userEmail,
+ },
+ body: JSON.stringify(reqPayload),
+ })
+ .then(async (res) => {
+ const data = await res.json();
+ if (res.status === 200) {
+ setIsCongRequestSent(true);
+ setIsProcessing(false);
+ setIsCongAccountCreate(false);
+ } else if (res.status === 405) {
+ setIsCongWaitRequest(true);
+ setIsProcessing(false);
+ setIsCongAccountCreate(false);
+ } else {
+ setIsProcessing(false);
+ setAppMessage(data.message);
+ setAppSeverity('warning');
+ setAppSnackOpen(true);
+ }
+ })
+ .catch(() => {
+ setIsProcessing(false);
+ setAppMessage(t('login.createFailed'));
+ setAppSeverity('error');
+ setAppSnackOpen(true);
+ });
+ }
+ } else {
+ if (userTmpCongName.length === 0) {
+ setHasErrorCongName(true);
+ }
+ if (userTmpCongNumber.length === 0) {
+ setHasErrorCongNumber(true);
+ }
+ }
+ };
+
+ useEffect(() => {
+ return () => abortCont.abort();
+ }, [abortCont]);
+
+ return (
+
+
+
+
+
+ Life and Ministry Meeting Overseer Assistant
+
+
+ {t('login.createCongregationAccount')}
+
+
+
+
+ setUserTmpCongName(e.target.value)}
+ error={hasErrorCongName ? true : false}
+ />
+ setUserTmpCongNumber(e.target.value)}
+ error={hasErrorCongNumber ? true : false}
+ />
+
+ {isProcessing && (
+
+
+
+ )}
+
+
+
+ {t('login.hasAccount')}
+
+
+
+
+ );
+};
+
+export default CongregationSignUp;
diff --git a/src/components/startup/CongregationWait.js b/src/components/startup/CongregationWait.js
new file mode 100644
index 00000000..79adef87
--- /dev/null
+++ b/src/components/startup/CongregationWait.js
@@ -0,0 +1,82 @@
+import { useSetRecoilState } from 'recoil';
+import { useTranslation } from 'react-i18next';
+import Box from '@mui/material/Box';
+import Button from '@mui/material/Button';
+import HourglassFullIcon from '@mui/icons-material/HourglassFull';
+import Typography from '@mui/material/Typography';
+import StartupHeader from './StartupHeader';
+import {
+ isCongWaitRequestState,
+ isUserSignInState,
+} from '../../appStates/appSettings';
+
+const CongregationWait = () => {
+ const { t } = useTranslation();
+
+ const setUserSignIn = useSetRecoilState(isUserSignInState);
+ const setIsCongWaitRequest = useSetRecoilState(isCongWaitRequestState);
+
+ const handleSignIn = () => {
+ setUserSignIn(true);
+ setIsCongWaitRequest(false);
+ };
+
+ return (
+
+
+
+
+
+ Life and Ministry Meeting Overseer Assistant
+
+
+
+
+
+
+
+
+
+ {t('login.congregationRequestExist')}
+
+
+
+
+
+
+ );
+};
+
+export default CongregationWait;
diff --git a/src/components/startup/EmailBlocked.js b/src/components/startup/EmailBlocked.js
new file mode 100644
index 00000000..d0cfa00e
--- /dev/null
+++ b/src/components/startup/EmailBlocked.js
@@ -0,0 +1,82 @@
+import { useSetRecoilState } from 'recoil';
+import { useTranslation } from 'react-i18next';
+import Box from '@mui/material/Box';
+import Button from '@mui/material/Button';
+import BlockIcon from '@mui/icons-material/Block';
+import Typography from '@mui/material/Typography';
+import StartupHeader from './StartupHeader';
+import {
+ isEmailBlockedState,
+ isUserSignInState,
+} from '../../appStates/appSettings';
+
+const EmailBlocked = () => {
+ const { t } = useTranslation();
+
+ const setUserSignIn = useSetRecoilState(isUserSignInState);
+ const setEmailBlocked = useSetRecoilState(isEmailBlockedState);
+
+ const handleSignIn = () => {
+ setUserSignIn(true);
+ setEmailBlocked(false);
+ };
+
+ return (
+
+
+
+
+
+ Life and Ministry Meeting Overseer Assistant
+
+
+
+
+
+
+
+
+
+ {t('login.blockedAccount')}
+
+
+
+
+
+
+ );
+};
+
+export default EmailBlocked;
diff --git a/src/components/startup/EmailNotVerified.js b/src/components/startup/EmailNotVerified.js
new file mode 100644
index 00000000..d2885dad
--- /dev/null
+++ b/src/components/startup/EmailNotVerified.js
@@ -0,0 +1,173 @@
+import { useEffect, useMemo, useState } from 'react';
+import { useRecoilValue, useSetRecoilState } from 'recoil';
+import { useTranslation } from 'react-i18next';
+import Box from '@mui/material/Box';
+import Button from '@mui/material/Button';
+import CheckCircleIcon from '@mui/icons-material/CheckCircle';
+import CircularProgress from '@mui/material/CircularProgress';
+import Container from '@mui/material/Container';
+import Link from '@mui/material/Link';
+import Typography from '@mui/material/Typography';
+import StartupHeader from './StartupHeader';
+import {
+ appMessageState,
+ appSeverityState,
+ appSnackOpenState,
+} from '../../appStates/appNotification';
+import {
+ apiHostState,
+ isEmailNotVerifiedState,
+ isUserSignInState,
+ userEmailState,
+ visitorIDState,
+} from '../../appStates/appSettings';
+
+const EmailNotVerified = () => {
+ const { t } = useTranslation();
+
+ let abortCont = useMemo(() => new AbortController(), []);
+
+ const setUserSignIn = useSetRecoilState(isUserSignInState);
+ const setEmailNotVerified = useSetRecoilState(isEmailNotVerifiedState);
+
+ const setAppSnackOpen = useSetRecoilState(appSnackOpenState);
+ const setAppSeverity = useSetRecoilState(appSeverityState);
+ const setAppMessage = useSetRecoilState(appMessageState);
+
+ const apiHost = useRecoilValue(apiHostState);
+ const userEmail = useRecoilValue(userEmailState);
+ const visitorID = useRecoilValue(visitorIDState);
+
+ const [isProcessing, setIsProcessing] = useState(false);
+
+ const handleSignIn = () => {
+ setUserSignIn(true);
+ setEmailNotVerified(false);
+ };
+
+ const handleResendVerification = async () => {
+ setIsProcessing(true);
+
+ if (apiHost !== '') {
+ fetch(`${apiHost}api/users/resend-verification`, {
+ signal: abortCont.signal,
+ method: 'GET',
+ headers: {
+ 'Content-Type': 'application/json',
+ visitor_id: visitorID,
+ email: userEmail,
+ },
+ })
+ .then(async (res) => {
+ const data = await res.json();
+ setIsProcessing(false);
+
+ if (res.status !== 200) {
+ setAppMessage(data.message);
+ setAppSeverity('warning');
+ setAppSnackOpen(true);
+ }
+ })
+ .catch(() => {
+ setIsProcessing(false);
+ setAppMessage(t('login.createFailed'));
+ setAppSeverity('error');
+ setAppSnackOpen(true);
+ });
+ }
+ };
+
+ useEffect(() => {
+ return () => abortCont.abort();
+ }, [abortCont]);
+
+ return (
+
+
+
+
+
+ Life and Ministry Meeting Overseer Assistant
+
+
+
+
+ {!isProcessing && (
+ <>
+
+
+
+
+
+ {t('login.verifyAccount')}
+
+
+ )}
+
+ {isProcessing && (
+
+
+
+ )}
+
+
+ {!isProcessing && (
+
+ {t('login.resendVerify')}
+
+ )}
+
+
+
+
+ );
+};
+
+export default EmailNotVerified;
diff --git a/src/components/startup/StartupHeader.js b/src/components/startup/StartupHeader.js
new file mode 100644
index 00000000..7f47068f
--- /dev/null
+++ b/src/components/startup/StartupHeader.js
@@ -0,0 +1,74 @@
+import Box from '@mui/material/Box';
+import Typography from '@mui/material/Typography';
+import AppLanguage from '../root/AppLanguage';
+
+const StartupHeader = ({ children }) => {
+ return (
+
+
+
+
+
+
+
+ {children}
+
+ {`v${process.env.REACT_APP_VERSION}`}
+
+
+
+
+ );
+};
+
+export default StartupHeader;
diff --git a/src/components/startup/StepperCongregation.js b/src/components/startup/StepperCongregation.js
new file mode 100644
index 00000000..67f894a5
--- /dev/null
+++ b/src/components/startup/StepperCongregation.js
@@ -0,0 +1,79 @@
+import { useRecoilState } from 'recoil';
+import { useTranslation } from 'react-i18next';
+import TextField from '@mui/material/TextField';
+import Typography from '@mui/material/Typography';
+import {
+ congNameState,
+ congNumberState,
+ isErrorCongNameState,
+ isErrorCongNumberState,
+} from '../../appStates/appCongregation';
+
+const StepperCongregation = () => {
+ const { t } = useTranslation();
+
+ const [congName, setCongName] = useRecoilState(congNameState);
+ const [congNumber, setCongNumber] = useRecoilState(congNumberState);
+ const [isErrorCongName, setIsErrorCongName] =
+ useRecoilState(isErrorCongNameState);
+ const [isErrorCongNumber, setIsErrorCongNumber] = useRecoilState(
+ isErrorCongNumberState
+ );
+
+ const handleCongNameChange = (value) => {
+ if (value) {
+ setIsErrorCongName(false);
+ } else {
+ setIsErrorCongName(true);
+ }
+ setCongName(value);
+ };
+
+ const handleCongNumberChange = (value) => {
+ if (value) {
+ setIsErrorCongNumber(false);
+ } else {
+ setIsErrorCongNumber(true);
+ }
+ setCongNumber(value);
+ };
+
+ return (
+
+
+ {t('startup.congInfoDescription')}
+
+ handleCongNameChange(e.target.value)}
+ />
+ handleCongNumberChange(e.target.value)}
+ />
+
+ );
+};
+
+export default StepperCongregation;
diff --git a/src/components/startup/StepperMeetingDetails.js b/src/components/startup/StepperMeetingDetails.js
new file mode 100644
index 00000000..185405fd
--- /dev/null
+++ b/src/components/startup/StepperMeetingDetails.js
@@ -0,0 +1,79 @@
+import { useRecoilState } from 'recoil';
+import { useTranslation } from 'react-i18next';
+import Box from '@mui/material/Box';
+import MenuItem from '@mui/material/MenuItem';
+import TextField from '@mui/material/TextField';
+import Typography from '@mui/material/Typography';
+import {
+ classCountState,
+ meetingDayState,
+} from '../../appStates/appCongregation';
+
+const StepperMeetingDetails = () => {
+ const { t } = useTranslation();
+
+ const [meetingDay, setMeetingDay] = useRecoilState(meetingDayState);
+ const [classCount, setClassCount] = useRecoilState(classCountState);
+
+ const handleMeetingDayChange = (e) => {
+ setMeetingDay(e.target.value);
+ };
+
+ const handleClassChange = (e) => {
+ setClassCount(e.target.value);
+ };
+
+ return (
+
+
+ {t('startup.meetingInfoDescription')}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ );
+};
+
+export default StepperMeetingDetails;
diff --git a/src/components/startup/StepperWelcome.js b/src/components/startup/StepperWelcome.js
new file mode 100644
index 00000000..965f72b4
--- /dev/null
+++ b/src/components/startup/StepperWelcome.js
@@ -0,0 +1,14 @@
+import Typography from '@mui/material/Typography';
+import { useTranslation } from 'react-i18next';
+
+const StepperWelcome = () => {
+ const { t } = useTranslation();
+
+ return (
+
+ {t("startup.welcomeDescription")}
+
+ );
+}
+
+export default StepperWelcome;
\ No newline at end of file
diff --git a/src/components/startup/TermsUse.js b/src/components/startup/TermsUse.js
new file mode 100644
index 00000000..fba76d6e
--- /dev/null
+++ b/src/components/startup/TermsUse.js
@@ -0,0 +1,285 @@
+import { useEffect, useState } from 'react';
+import { useSetRecoilState } from 'recoil';
+import { useTranslation } from 'react-i18next';
+import { Markup } from 'interweave';
+import Box from '@mui/material/Box';
+import Button from '@mui/material/Button';
+import Checkbox from '@mui/material/Checkbox';
+import Dialog from '@mui/material/Dialog';
+import DialogActions from '@mui/material/DialogActions';
+import DialogContent from '@mui/material/DialogContent';
+import DialogTitle from '@mui/material/DialogTitle';
+import FormControlLabel from '@mui/material/FormControlLabel';
+import HelpIcon from '@mui/icons-material/Help';
+import HttpsIcon from '@mui/icons-material/Https';
+import InstallDesktopIcon from '@mui/icons-material/InstallDesktop';
+import ReportIcon from '@mui/icons-material/Report';
+import SecurityIcon from '@mui/icons-material/Security';
+import TipsAndUpdatesIcon from '@mui/icons-material/TipsAndUpdates';
+import Typography from '@mui/material/Typography';
+import { appLangState, isShowTermsUseState } from '../../appStates/appSettings';
+
+// import components
+import AppLanguage from '../root/AppLanguage';
+
+const itemQuestion = {
+ marginBottom: '10px',
+ display: 'flex',
+ alignItems: 'center',
+};
+
+const itemTextQuestion = {
+ fontWeight: 'bold',
+ lineHeight: '1.2',
+ marginLeft: '10px',
+};
+
+const itemAnswer = {
+ marginBottom: '20px',
+};
+
+const itemParsAnswer = {
+ lineHeight: '1.2',
+ marginBottom: '10px',
+};
+
+const TermsUse = () => {
+ const { t } = useTranslation();
+
+ const setAppLangLocal = useSetRecoilState(appLangState);
+ const setShowTermsUse = useSetRecoilState(isShowTermsUseState);
+
+ const [open, setOpen] = useState(true);
+ const [isBtnDisabled, setIsBtnDisabled] = useState(true);
+ const [readComplete, setReadComplete] = useState(false);
+
+ const handleClose = (event, reason) => {
+ if (reason === 'backdropClick' || reason === 'escapeKeyDown') {
+ return;
+ }
+ setOpen(false);
+ };
+
+ const handleContinueSetup = () => {
+ localStorage.setItem('termsUseAccepted', 'true');
+ setShowTermsUse(false);
+ handleClose();
+ };
+
+ useEffect(() => {
+ const termsUse = localStorage.getItem('termsUseAccepted');
+ if (termsUse === 'true') {
+ setShowTermsUse(false);
+ handleClose();
+ }
+ }, [setShowTermsUse]);
+
+ useEffect(() => {
+ setIsBtnDisabled(!readComplete);
+ }, [readComplete]);
+
+ useEffect(() => {
+ const app_lang = localStorage.getItem('app_lang');
+ if (app_lang) {
+ setAppLangLocal(app_lang);
+ }
+ }, [setAppLangLocal]);
+
+ return (
+
+
+
+ );
+};
+
+export default TermsUse;
diff --git a/src/components/startup/UnauthorizedRole.js b/src/components/startup/UnauthorizedRole.js
new file mode 100644
index 00000000..e6d923c6
--- /dev/null
+++ b/src/components/startup/UnauthorizedRole.js
@@ -0,0 +1,82 @@
+import { useSetRecoilState } from 'recoil';
+import { useTranslation } from 'react-i18next';
+import Box from '@mui/material/Box';
+import Button from '@mui/material/Button';
+import ContactSupportIcon from '@mui/icons-material/ContactSupport';
+import Typography from '@mui/material/Typography';
+import StartupHeader from './StartupHeader';
+import {
+ isUnauthorizedRoleState,
+ isUserSignInState,
+} from '../../appStates/appSettings';
+
+const UnauthorizedRole = () => {
+ const { t } = useTranslation();
+
+ const setUserSignIn = useSetRecoilState(isUserSignInState);
+ const setIsUnauthorizedRole = useSetRecoilState(isUnauthorizedRoleState);
+
+ const handleSignIn = () => {
+ setUserSignIn(true);
+ setIsUnauthorizedRole(false);
+ };
+
+ return (
+
+
+
+
+
+ Life and Ministry Meeting Overseer Assistant
+
+
+
+
+
+
+
+
+
+ {t('login.unauthorizedRole')}
+
+
+
+
+
+
+ );
+};
+
+export default UnauthorizedRole;
diff --git a/src/components/startup/UserMfaSetup.js b/src/components/startup/UserMfaSetup.js
new file mode 100644
index 00000000..e9f28ba6
--- /dev/null
+++ b/src/components/startup/UserMfaSetup.js
@@ -0,0 +1,350 @@
+import { useEffect, useMemo, useState } from 'react';
+import { Markup } from 'interweave';
+import { useTranslation } from 'react-i18next';
+import { useRecoilValue, useSetRecoilState } from 'recoil';
+import QRCode from 'qrcode';
+import Box from '@mui/material/Box';
+import Button from '@mui/material/Button';
+import CircularProgress from '@mui/material/CircularProgress';
+import Container from '@mui/material/Container';
+import ContentCopyIcon from '@mui/icons-material/ContentCopy';
+import IconButton from '@mui/material/IconButton';
+import Link from '@mui/material/Link';
+import TextField from '@mui/material/TextField';
+import Typography from '@mui/material/Typography';
+import StartupHeader from './StartupHeader';
+import { runUpdater } from '../../utils/updater';
+import { encryptString } from '../../utils/sws-encryption';
+import {
+ appMessageState,
+ appSeverityState,
+ appSnackOpenState,
+} from '../../appStates/appNotification';
+import {
+ apiHostState,
+ isAppLoadState,
+ isCongAccountCreateState,
+ isSetupState,
+ isUnauthorizedRoleState,
+ isUserMfaSetupState,
+ qrCodePathState,
+ secretTokenPathState,
+ userEmailState,
+ userIDState,
+ userPasswordState,
+ visitorIDState,
+ startupProgressState,
+} from '../../appStates/appSettings';
+import {
+ congAccountConnectedState,
+ congIDState,
+ isAdminCongState,
+ offlineOverrideState,
+} from '../../appStates/appCongregation';
+import { loadApp } from '../../utils/app';
+import { initAppDb, isDbExist } from '../../indexedDb/dbUtility';
+import { dbUpdateAppSettings } from '../../indexedDb/dbAppSettings';
+
+const UserMfaSetup = () => {
+ const { t } = useTranslation();
+
+ let abortCont = useMemo(() => new AbortController(), []);
+
+ const [isProcessing, setIsProcessing] = useState(false);
+ const [hasErrorOTP, setHasErrorOTP] = useState(false);
+ const [userOTP, setUserOTP] = useState('');
+
+ const [imgPath, setImgPath] = useState('');
+ const [isNoQR, setIsNoQR] = useState(false);
+
+ const setAppSnackOpen = useSetRecoilState(appSnackOpenState);
+ const setAppSeverity = useSetRecoilState(appSeverityState);
+ const setAppMessage = useSetRecoilState(appMessageState);
+ const setIsCongAccountCreate = useSetRecoilState(isCongAccountCreateState);
+ const setIsUserMfaSetup = useSetRecoilState(isUserMfaSetupState);
+ const setIsUnauthorizedRole = useSetRecoilState(isUnauthorizedRoleState);
+ const setIsSetup = useSetRecoilState(isSetupState);
+ const setIsAppLoad = useSetRecoilState(isAppLoadState);
+ const setStartupProgress = useSetRecoilState(startupProgressState);
+ const setCongAccountConnected = useSetRecoilState(congAccountConnectedState);
+ const setOfflineOverride = useSetRecoilState(offlineOverrideState);
+ const setIsAdminCong = useSetRecoilState(isAdminCongState);
+ const setCongID = useSetRecoilState(congIDState);
+ const setUserID = useSetRecoilState(userIDState);
+
+ const apiHost = useRecoilValue(apiHostState);
+ const qrCodePath = useRecoilValue(qrCodePathState);
+ const token = useRecoilValue(secretTokenPathState);
+ const userEmail = useRecoilValue(userEmailState);
+ const visitorID = useRecoilValue(visitorIDState);
+ const userPwd = useRecoilValue(userPasswordState);
+
+ const handleCopyClipboard = async (text) => {
+ await navigator.clipboard.writeText(text);
+ };
+
+ const handleVerifyOTP = async () => {
+ try {
+ setHasErrorOTP(false);
+
+ if (userOTP.length === 6) {
+ setIsProcessing(true);
+ const reqPayload = {
+ token: userOTP,
+ };
+
+ if (apiHost !== '') {
+ const res = await fetch(`${apiHost}api/mfa/verify-token`, {
+ signal: abortCont.signal,
+ method: 'POST',
+ headers: {
+ 'Content-Type': 'application/json',
+ visitor_id: visitorID,
+ email: userEmail,
+ },
+ body: JSON.stringify(reqPayload),
+ });
+
+ const data = await res.json();
+ if (res.status === 200) {
+ const { id, cong_id, cong_name, cong_role, cong_number } = data;
+
+ if (cong_name.length > 0) {
+ if (cong_role.length > 0) {
+ // role admin
+ if (cong_role.includes('admin')) {
+ setIsAdminCong(true);
+ }
+
+ // role approved
+ if (
+ cong_role.includes('lmmo') ||
+ cong_role.includes('lmmo-backup')
+ ) {
+ setCongID(cong_id);
+
+ const isMainDb = await isDbExist('lmm_oa');
+ if (!isMainDb) {
+ await initAppDb();
+ }
+
+ // encrypt email & pwd
+ const encPwd = await encryptString(
+ userPwd,
+ JSON.stringify({ email: userEmail, pwd: userPwd })
+ );
+
+ // save congregation update if any
+ let obj = {};
+ obj.username = data.username;
+ obj.isCongVerified = true;
+ obj.cong_name = cong_name;
+ obj.cong_number = cong_number;
+ obj.userPass = encPwd;
+ obj.isLoggedOut = false;
+ await dbUpdateAppSettings(obj);
+
+ setUserID(id);
+
+ await loadApp();
+
+ setIsSetup(false);
+
+ await runUpdater();
+ setTimeout(() => {
+ setStartupProgress(0);
+ setOfflineOverride(false);
+ setCongAccountConnected(true);
+ setIsAppLoad(false);
+ }, [2000]);
+ }
+ return;
+ }
+
+ setIsProcessing(false);
+ setIsUserMfaSetup(false);
+ setIsUnauthorizedRole(true);
+ return;
+ }
+
+ // congregation not assigned
+ setIsProcessing(false);
+ setIsUserMfaSetup(false);
+ setIsCongAccountCreate(true);
+ } else {
+ setIsProcessing(false);
+ setAppMessage(data.message);
+ setAppSeverity('warning');
+ setAppSnackOpen(true);
+ }
+ }
+ } else {
+ setHasErrorOTP(true);
+ }
+ } catch (err) {
+ setIsProcessing(false);
+ setAppMessage(err.message);
+ setAppSeverity('error');
+ setAppSnackOpen(true);
+ }
+ };
+
+ useEffect(() => {
+ const getQrCode = async () => {
+ QRCode.toDataURL(qrCodePath, function (err, data_url) {
+ if (err) {
+ return;
+ }
+
+ setImgPath(data_url);
+ });
+ };
+
+ if (qrCodePath.length > 0) {
+ getQrCode();
+ }
+ }, [qrCodePath]);
+
+ useEffect(() => {
+ return () => abortCont.abort();
+ }, [abortCont]);
+
+ return (
+
+
+
+
+
+ Life and Ministry Meeting Overseer Assistant
+
+
+
+
+
+
+
+ {isNoQR && (
+
+
+ handleCopyClipboard(token)}
+ >
+
+
+
+ )}
+
+ {!isNoQR && (
+
+ {imgPath.length > 0 && (
+ 
+ )}
+
+ )}
+
+
+ {t('login.setupTextOTP')}
+
+
+
+ setUserOTP(e.target.value)}
+ error={hasErrorOTP ? true : false}
+ sx={{ width: '100%' }}
+ />
+
+
+ {isProcessing && (
+
+
+
+ )}
+
+
+ setIsNoQR(!isNoQR)}
+ >
+ {isNoQR ? t('login.scanQR') : t('login.copyToken')}
+
+
+
+
+ );
+};
+
+export default UserMfaSetup;
diff --git a/src/components/startup/UserMfaVerify.js b/src/components/startup/UserMfaVerify.js
new file mode 100644
index 00000000..7b2d5a9f
--- /dev/null
+++ b/src/components/startup/UserMfaVerify.js
@@ -0,0 +1,242 @@
+import { useEffect, useMemo, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useRecoilValue, useSetRecoilState } from 'recoil';
+import Box from '@mui/material/Box';
+import Button from '@mui/material/Button';
+import CircularProgress from '@mui/material/CircularProgress';
+import Container from '@mui/material/Container';
+import TextField from '@mui/material/TextField';
+import Typography from '@mui/material/Typography';
+import StartupHeader from './StartupHeader';
+import { runUpdater } from '../../utils/updater';
+import { encryptString } from '../../utils/sws-encryption';
+import {
+ appMessageState,
+ appSeverityState,
+ appSnackOpenState,
+} from '../../appStates/appNotification';
+import {
+ apiHostState,
+ isAppLoadState,
+ isCongAccountCreateState,
+ isSetupState,
+ isUnauthorizedRoleState,
+ isUserMfaVerifyState,
+ userEmailState,
+ userIDState,
+ userPasswordState,
+ visitorIDState,
+ startupProgressState,
+} from '../../appStates/appSettings';
+import {
+ congAccountConnectedState,
+ congIDState,
+ isAdminCongState,
+ offlineOverrideState,
+} from '../../appStates/appCongregation';
+import { loadApp } from '../../utils/app';
+import { dbUpdateAppSettings } from '../../indexedDb/dbAppSettings';
+
+const UserMfaVerify = () => {
+ const { t } = useTranslation();
+
+ let abortCont = useMemo(() => new AbortController(), []);
+
+ const [isProcessing, setIsProcessing] = useState(false);
+ const [hasErrorOTP, setHasErrorOTP] = useState(false);
+ const [userOTP, setUserOTP] = useState('');
+
+ const setAppSnackOpen = useSetRecoilState(appSnackOpenState);
+ const setAppSeverity = useSetRecoilState(appSeverityState);
+ const setAppMessage = useSetRecoilState(appMessageState);
+ const setIsCongAccountCreate = useSetRecoilState(isCongAccountCreateState);
+ const setIsUserMfaVerify = useSetRecoilState(isUserMfaVerifyState);
+ const setIsUnauthorizedRole = useSetRecoilState(isUnauthorizedRoleState);
+ const setIsSetup = useSetRecoilState(isSetupState);
+ const setIsAppLoad = useSetRecoilState(isAppLoadState);
+ const setStartupProgress = useSetRecoilState(startupProgressState);
+ const setCongAccountConnected = useSetRecoilState(congAccountConnectedState);
+ const setOfflineOverride = useSetRecoilState(offlineOverrideState);
+ const setIsAdminCong = useSetRecoilState(isAdminCongState);
+ const setCongID = useSetRecoilState(congIDState);
+ const setUserID = useSetRecoilState(userIDState);
+
+ const apiHost = useRecoilValue(apiHostState);
+ const userEmail = useRecoilValue(userEmailState);
+ const visitorID = useRecoilValue(visitorIDState);
+ const userPwd = useRecoilValue(userPasswordState);
+
+ const handleVerifyOTP = async () => {
+ try {
+ setHasErrorOTP(false);
+
+ if (userOTP.length === 6) {
+ setIsProcessing(true);
+ const reqPayload = {
+ token: userOTP,
+ };
+
+ if (apiHost !== '') {
+ const res = await fetch(`${apiHost}api/mfa/verify-token`, {
+ signal: abortCont.signal,
+ method: 'POST',
+ headers: {
+ 'Content-Type': 'application/json',
+ visitor_id: visitorID,
+ email: userEmail,
+ },
+ body: JSON.stringify(reqPayload),
+ });
+
+ const data = await res.json();
+ if (res.status === 200) {
+ const { id, cong_id, cong_name, cong_role, cong_number } = data;
+
+ if (cong_name.length > 0) {
+ if (cong_role.length > 0) {
+ // role admin
+ if (cong_role.includes('admin')) {
+ setIsAdminCong(true);
+ }
+
+ // role approved
+ if (
+ cong_role.includes('lmmo') ||
+ cong_role.includes('lmmo-backup')
+ ) {
+ setCongID(cong_id);
+ // encrypt email & pwd
+ const encPwd = await encryptString(
+ userPwd,
+ JSON.stringify({ email: userEmail, pwd: userPwd })
+ );
+
+ // save congregation update if any
+ let obj = {};
+ obj.username = data.username;
+ obj.isCongVerified = true;
+ obj.cong_name = cong_name;
+ obj.cong_number = cong_number;
+ obj.userPass = encPwd;
+ obj.isLoggedOut = false;
+ setUserID(id);
+
+ await dbUpdateAppSettings(obj);
+
+ await loadApp();
+
+ setIsSetup(false);
+
+ await runUpdater();
+ setTimeout(() => {
+ setStartupProgress(0);
+ setOfflineOverride(false);
+ setCongAccountConnected(true);
+ setIsAppLoad(false);
+ }, [2000]);
+ }
+ return;
+ }
+
+ setIsProcessing(false);
+ setIsUserMfaVerify(false);
+ setIsUnauthorizedRole(true);
+ return;
+ }
+
+ // congregation not assigned
+ setIsProcessing(false);
+ setIsUserMfaVerify(false);
+ setIsCongAccountCreate(true);
+ } else {
+ setIsProcessing(false);
+ setAppMessage(data.message);
+ setAppSeverity('warning');
+ setAppSnackOpen(true);
+ }
+ }
+ } else {
+ setHasErrorOTP(true);
+ }
+ } catch (err) {
+ setIsProcessing(false);
+ setAppMessage(err.message);
+ setAppSeverity('error');
+ setAppSnackOpen(true);
+ }
+ };
+
+ useEffect(() => {
+ return () => abortCont.abort();
+ }, [abortCont]);
+
+ return (
+
+
+
+
+
+ Life and Ministry Meeting Overseer Assistant
+
+
+
+
+
+ setUserOTP(e.target.value)}
+ error={hasErrorOTP ? true : false}
+ sx={{ width: '100%' }}
+ />
+
+
+ {isProcessing && (
+
+
+
+ )}
+
+
+
+
+
+ );
+};
+
+export default UserMfaVerify;
diff --git a/src/components/startup/UserSignIn.js b/src/components/startup/UserSignIn.js
new file mode 100644
index 00000000..4dddb3c2
--- /dev/null
+++ b/src/components/startup/UserSignIn.js
@@ -0,0 +1,380 @@
+import { useEffect, useMemo, useState } from 'react';
+import { useRecoilState, useRecoilValue, useSetRecoilState } from 'recoil';
+import { useTranslation } from 'react-i18next';
+import FingerprintJS from '@fingerprintjs/fingerprintjs-pro';
+import Box from '@mui/material/Box';
+import Button from '@mui/material/Button';
+import CircularProgress from '@mui/material/CircularProgress';
+import Container from '@mui/material/Container';
+import Link from '@mui/material/Link';
+import TextField from '@mui/material/TextField';
+import Typography from '@mui/material/Typography';
+import StartupHeader from './StartupHeader';
+import { loadApp } from '../../utils/app';
+import { runUpdater } from '../../utils/updater';
+import { isEmailValid } from '../../utils/emailValid';
+import { decryptString } from '../../utils/sws-encryption';
+import {
+ dbGetAppSettings,
+ dbUpdateAppSettings,
+} from '../../indexedDb/dbAppSettings';
+import {
+ appMessageState,
+ appSeverityState,
+ appSnackOpenState,
+} from '../../appStates/appNotification';
+import {
+ apiHostState,
+ isAppLoadState,
+ isEmailNotVerifiedState,
+ isOnlineState,
+ isSetupState,
+ isUserMfaSetupState,
+ isUserMfaVerifyState,
+ isUserSignInState,
+ isUserSignUpState,
+ qrCodePathState,
+ secretTokenPathState,
+ userEmailState,
+ userPasswordState,
+ visitorIDState,
+ startupProgressState,
+} from '../../appStates/appSettings';
+import { offlineOverrideState } from '../../appStates/appCongregation';
+
+const UserSignIn = () => {
+ const { t } = useTranslation();
+
+ let abortCont = useMemo(() => new AbortController(), []);
+
+ const [userTmpPwd, setUserTmpPwd] = useState('');
+ const [userTmpEmail, setUserTmpEmail] = useState('');
+ const [hasErrorEmail, setHasErrorEmail] = useState(false);
+ const [hasErrorPwd, setHasErrorPwd] = useState(false);
+ const [isProcessing, setIsProcessing] = useState(false);
+ const [isInternetNeeded, setIsInternetNeeded] = useState(true);
+
+ const [visitorID, setVisitorID] = useRecoilState(visitorIDState);
+
+ const setUserMfaSetup = useSetRecoilState(isUserMfaSetupState);
+ const setUserMfaVerify = useSetRecoilState(isUserMfaVerifyState);
+ const setUserSignIn = useSetRecoilState(isUserSignInState);
+ const setUserSignUp = useSetRecoilState(isUserSignUpState);
+ const setAppSnackOpen = useSetRecoilState(appSnackOpenState);
+ const setAppSeverity = useSetRecoilState(appSeverityState);
+ const setAppMessage = useSetRecoilState(appMessageState);
+ const setEmailNotVerified = useSetRecoilState(isEmailNotVerifiedState);
+ const setUserEmail = useSetRecoilState(userEmailState);
+ const setUserPassword = useSetRecoilState(userPasswordState);
+ const setQrCodePath = useSetRecoilState(qrCodePathState);
+ const setSecretTokenPath = useSetRecoilState(secretTokenPathState);
+ const setIsSetup = useSetRecoilState(isSetupState);
+ const setIsAppLoad = useSetRecoilState(isAppLoadState);
+ const setStartupProgress = useSetRecoilState(startupProgressState);
+
+ const apiHost = useRecoilValue(apiHostState);
+ const isOnline = useRecoilValue(isOnlineState);
+ const offlineOverride = useRecoilValue(offlineOverrideState);
+
+ const handleSignUp = () => {
+ setUserSignUp(true);
+ setUserSignIn(false);
+ };
+
+ const signInSwitch = async () => {
+ if (isInternetNeeded) {
+ await handleSignIn();
+ } else {
+ await handleSignInWithoutInternet();
+ }
+ };
+
+ const handleSignInWithoutInternet = async () => {
+ try {
+ setHasErrorEmail(false);
+ setHasErrorPwd(false);
+ if (isEmailValid(userTmpEmail) && userTmpPwd.length >= 10) {
+ setIsProcessing(true);
+
+ const { userPass } = await dbGetAppSettings();
+ const crdParse = await decryptString(userTmpPwd, userPass);
+
+ if (userTmpEmail === crdParse.email && userTmpPwd === crdParse.pwd) {
+ await loadApp();
+ await dbUpdateAppSettings({ isLoggedOut: false });
+
+ setUserEmail(userTmpEmail);
+ localStorage.setItem('email', userTmpEmail);
+
+ setUserPassword(userTmpPwd);
+
+ setIsSetup(false);
+
+ await runUpdater();
+
+ setTimeout(() => {
+ setIsAppLoad(false);
+ setStartupProgress(0);
+ }, [2000]);
+ } else {
+ setAppMessage(t('login.incorrectInfo'));
+ setAppSeverity('warning');
+ setIsProcessing(false);
+ setAppSnackOpen(true);
+ }
+ } else {
+ if (!isEmailValid(userTmpEmail)) {
+ setHasErrorEmail(true);
+ }
+ if (userTmpPwd.length < 10) {
+ setHasErrorPwd(true);
+ }
+ }
+ } catch (err) {
+ setAppMessage(t('login.incorrectInfo'));
+ setAppSeverity('warning');
+ setIsProcessing(false);
+ setAppSnackOpen(true);
+ }
+ };
+
+ const handleSignIn = () => {
+ setHasErrorEmail(false);
+ setHasErrorPwd(false);
+ if (isEmailValid(userTmpEmail) && userTmpPwd.length >= 10) {
+ setIsProcessing(true);
+ const reqPayload = {
+ email: userTmpEmail,
+ password: userTmpPwd,
+ visitor_id: visitorID,
+ };
+
+ if (apiHost !== '') {
+ fetch(`${apiHost}user-login`, {
+ signal: abortCont.signal,
+ method: 'POST',
+ headers: {
+ 'Content-Type': 'application/json',
+ },
+ body: JSON.stringify(reqPayload),
+ })
+ .then(async (res) => {
+ const data = await res.json();
+ if (res.status === 200) {
+ setUserEmail(userTmpEmail);
+ localStorage.setItem('email', userTmpEmail);
+ setUserPassword(userTmpPwd);
+ setIsProcessing(false);
+ setUserMfaVerify(true);
+ setUserSignIn(false);
+ } else {
+ if (data.secret && data.qrCode) {
+ setUserEmail(userTmpEmail);
+ localStorage.setItem('email', userTmpEmail);
+ setUserPassword(userTmpPwd);
+ setIsProcessing(false);
+ setSecretTokenPath(data.secret);
+ setQrCodePath(data.qrCode);
+ setUserMfaSetup(true);
+ setUserSignIn(false);
+ } else if (data.message === 'NOT_VERIFIED') {
+ setUserEmail(userTmpEmail);
+ localStorage.setItem('email', userTmpEmail);
+ setIsProcessing(false);
+ setEmailNotVerified(true);
+ setUserSignIn(false);
+ } else {
+ let warnMsg = '';
+ if (
+ data.message === 'EMAIL_NOT_FOUND' ||
+ data.message === 'INVALID_EMAIL' ||
+ data.message === 'MISSING_EMAIL'
+ ) {
+ warnMsg = t('login.accountNotFound');
+ } else if (data.message === 'INVALID_PASSWORD') {
+ warnMsg = t('login.incorrectInfo');
+ } else if (data.message === 'USER_DISABLED') {
+ warnMsg = t('login.accountDisabled');
+ } else if (
+ data.message === 'BLOCKED_TEMPORARILY_TRY_AGAIN' ||
+ data.message === 'BLOCKED_TEMPORARILY'
+ ) {
+ warnMsg = t('login.hostBlocked');
+ } else {
+ warnMsg = t('global.errorTryAgain');
+ }
+ setIsProcessing(false);
+ setAppMessage(warnMsg);
+ setAppSeverity('warning');
+ setAppSnackOpen(true);
+ }
+ }
+ })
+ .catch((err) => {
+ setIsProcessing(false);
+ setAppMessage(err.message);
+ setAppSeverity('error');
+ setAppSnackOpen(true);
+ });
+ }
+ } else {
+ if (!isEmailValid(userTmpEmail)) {
+ setHasErrorEmail(true);
+ }
+ if (userTmpPwd.length < 10) {
+ setHasErrorPwd(true);
+ }
+ }
+ };
+
+ useEffect(() => {
+ const checkDbs = async () => {
+ if (offlineOverride) {
+ setIsInternetNeeded(true);
+ } else {
+ const { username, userPass } = await dbGetAppSettings();
+ if (!username || !userPass) {
+ setIsInternetNeeded(true);
+ } else {
+ setIsInternetNeeded(false);
+ }
+ }
+ };
+
+ checkDbs();
+ }, [offlineOverride]);
+
+ useEffect(() => {
+ // get visitor ID and check if there is an active connection
+ const getUserID = async () => {
+ const fpPromise = FingerprintJS.load({
+ apiKey: 'XwmESck7zm6PZAfspXbs',
+ });
+
+ let visitorId = '';
+
+ do {
+ const fp = await fpPromise;
+ const result = await fp.get();
+ visitorId = result.visitorId;
+ } while (visitorId.length === 0);
+
+ setVisitorID(visitorId);
+ };
+
+ if (isOnline) {
+ getUserID();
+ }
+ }, [setVisitorID, isOnline]);
+
+ useEffect(() => {
+ return () => abortCont.abort();
+ }, [abortCont]);
+
+ return (
+
+
+
+
+
+ Life and Ministry Meeting Overseer Assistant
+
+
+ {isInternetNeeded
+ ? t('login.signInWithInternet')
+ : t('login.signInNoInternet')}
+
+
+
+
+ setUserTmpEmail(e.target.value)}
+ error={hasErrorEmail ? true : false}
+ />
+ setUserTmpPwd(e.target.value)}
+ error={hasErrorPwd ? true : false}
+ />
+
+ {isProcessing && (
+
+
+
+ )}
+
+
+
+ {visitorID.length > 0 && (
+
+ {t('login.createSwsAccount')}
+
+ )}
+
+
+
+
+
+ );
+};
+
+export default UserSignIn;
diff --git a/src/components/startup/UserSignUp.js b/src/components/startup/UserSignUp.js
new file mode 100644
index 00000000..651c39ee
--- /dev/null
+++ b/src/components/startup/UserSignUp.js
@@ -0,0 +1,252 @@
+import { useEffect, useMemo, useState } from 'react';
+import { useRecoilValue, useSetRecoilState } from 'recoil';
+import { useTranslation } from 'react-i18next';
+import Box from '@mui/material/Box';
+import Button from '@mui/material/Button';
+import CircularProgress from '@mui/material/CircularProgress';
+import Container from '@mui/material/Container';
+import Link from '@mui/material/Link';
+import TextField from '@mui/material/TextField';
+import Typography from '@mui/material/Typography';
+import StartupHeader from './StartupHeader';
+import { isEmailValid } from '../../utils/emailValid';
+import {
+ appMessageState,
+ appSeverityState,
+ appSnackOpenState,
+} from '../../appStates/appNotification';
+import {
+ apiHostState,
+ isEmailNotVerifiedState,
+ isOnlineState,
+ isUserSignInState,
+ isUserSignUpState,
+ visitorIDState,
+} from '../../appStates/appSettings';
+
+const UserSignUp = () => {
+ const { t } = useTranslation();
+
+ let abortCont = useMemo(() => new AbortController(), []);
+
+ const [userTmpFullname, setUserTmpFullname] = useState('');
+ const [userTmpPwd, setUserTmpPwd] = useState('');
+ const [userTmpConfirmPwd, setUserTmpConfirmPwd] = useState('');
+ const [userTmpEmail, setUserTmpEmail] = useState('');
+ const [hasErrorFullname, setHasErrorFullname] = useState(false);
+ const [hasErrorEmail, setHasErrorEmail] = useState(false);
+ const [hasErrorPwd, setHasErrorPwd] = useState(false);
+ const [hasErrorConfirmPwd, setHasErrorConfirmPwd] = useState(false);
+ const [isProcessing, setIsProcessing] = useState(false);
+
+ const setUserSignIn = useSetRecoilState(isUserSignInState);
+ const setUserSignUp = useSetRecoilState(isUserSignUpState);
+ const setAppSnackOpen = useSetRecoilState(appSnackOpenState);
+ const setAppSeverity = useSetRecoilState(appSeverityState);
+ const setAppMessage = useSetRecoilState(appMessageState);
+ const setEmailNotVerified = useSetRecoilState(isEmailNotVerifiedState);
+
+ const apiHost = useRecoilValue(apiHostState);
+ const visitorID = useRecoilValue(visitorIDState);
+ const isOnline = useRecoilValue(isOnlineState);
+
+ const handleSignIn = () => {
+ setUserSignIn(true);
+ setUserSignUp(false);
+ };
+
+ const handleSignUp = async () => {
+ setHasErrorEmail(false);
+ setHasErrorPwd(false);
+ setHasErrorConfirmPwd(false);
+ if (
+ userTmpFullname.length >= 3 &&
+ isEmailValid(userTmpEmail) &&
+ userTmpPwd.length >= 10 &&
+ userTmpPwd === userTmpConfirmPwd
+ ) {
+ setIsProcessing(true);
+ const reqPayload = {
+ email: userTmpEmail,
+ password: userTmpPwd,
+ fullname: userTmpFullname,
+ };
+
+ if (apiHost !== '') {
+ fetch(`${apiHost}api/users/create-account`, {
+ signal: abortCont.signal,
+ method: 'POST',
+ headers: {
+ 'Content-Type': 'application/json',
+ },
+ body: JSON.stringify(reqPayload),
+ })
+ .then(async (res) => {
+ const data = await res.json();
+ if (res.status === 200) {
+ setEmailNotVerified(true);
+ setIsProcessing(false);
+ setUserSignUp(false);
+ } else {
+ let warnMsg = '';
+ if (data.message === 'ACCOUNT_IN_USE') {
+ warnMsg = t('login.accountExist');
+ } else {
+ warnMsg = data.message;
+ }
+ setIsProcessing(false);
+ setAppMessage(warnMsg);
+ setAppSeverity('warning');
+ setAppSnackOpen(true);
+ }
+ })
+ .catch(() => {
+ setIsProcessing(false);
+ setAppMessage(t('login.createFailed'));
+ setAppSeverity('error');
+ setAppSnackOpen(true);
+ });
+ }
+ } else {
+ if (userTmpFullname.length < 3) {
+ setHasErrorFullname(true);
+ }
+ if (!isEmailValid(userTmpEmail)) {
+ setHasErrorEmail(true);
+ }
+ if (userTmpPwd.length < 10) {
+ setHasErrorPwd(true);
+ }
+ if (userTmpConfirmPwd.length < 10 || userTmpPwd !== userTmpConfirmPwd) {
+ setHasErrorConfirmPwd(true);
+ }
+ }
+ };
+
+ useEffect(() => {
+ return () => abortCont.abort();
+ }, [abortCont]);
+
+ return (
+
+
+
+
+
+ Life and Ministry Meeting Overseer Assistant
+
+
+ {t('login.newUserAccount')}
+
+
+
+
+ setUserTmpFullname(e.target.value)}
+ error={hasErrorFullname ? true : false}
+ />
+ setUserTmpEmail(e.target.value)}
+ error={hasErrorEmail ? true : false}
+ />
+ setUserTmpPwd(e.target.value)}
+ error={hasErrorPwd ? true : false}
+ />
+ setUserTmpConfirmPwd(e.target.value)}
+ error={hasErrorConfirmPwd ? true : false}
+ />
+
+ {isProcessing && (
+
+
+
+ )}
+
+
+
+ {t('login.hasAccount')}
+
+
+
+
+ );
+};
+
+export default UserSignUp;
diff --git a/src/components/students/StudentAdvancedSearch.js b/src/components/students/StudentAdvancedSearch.js
new file mode 100644
index 00000000..7958e219
--- /dev/null
+++ b/src/components/students/StudentAdvancedSearch.js
@@ -0,0 +1,265 @@
+import { useEffect, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import Box from '@mui/material/Box';
+import Checkbox from '@mui/material/Checkbox';
+import Collapse from '@mui/material/Collapse';
+import ExpandLessIcon from '@mui/icons-material/ExpandLess';
+import FormControlLabel from '@mui/material/FormControlLabel';
+import FormGroup from '@mui/material/FormGroup';
+import IconButton from '@mui/material/IconButton';
+import PersonSearchIcon from '@mui/icons-material/PersonSearch';
+import Typography from '@mui/material/Typography';
+
+const StudentAdvancedSearch = ({
+ advancedOpen,
+ isFemale,
+ isMale,
+ assTypes,
+ handleSearchStudent,
+ setAdvancedOpen,
+ setIsFemale,
+ setIsMale,
+ setAssTypes,
+ txtSearch,
+}) => {
+ const { t } = useTranslation();
+
+ const [isBRead, setIsBRead] = useState(false);
+ const [isInitialCall, setIsInitialCall] = useState(false);
+ const [isReturnVisit, setIsReturnVisit] = useState(false);
+ const [isBibleStudy, setIsBibleStudy] = useState(false);
+ const [isTalk, setIsTalk] = useState(false);
+
+ const handleSearchAdvanced = () => {
+ handleSearchStudent(txtSearch, isMale, isFemale, assTypes);
+ };
+
+ const handleCheckBRead = (value) => {
+ if (value) {
+ if (assTypes.findIndex((assType) => assType === 100) === -1) {
+ setAssTypes((prev) => {
+ return [...prev, 100];
+ });
+ }
+ } else {
+ setAssTypes((prev) => {
+ const obj = prev.filter((assType) => assType !== 100);
+ return obj;
+ });
+ }
+ };
+
+ const handleCheckInitialCall = (value) => {
+ if (value) {
+ if (assTypes.findIndex((assType) => assType === 101) === -1) {
+ setAssTypes((prev) => {
+ return [...prev, 101];
+ });
+ }
+ } else {
+ setAssTypes((prev) => {
+ const obj = prev.filter((assType) => assType !== 101);
+ return obj;
+ });
+ }
+ };
+
+ const handleCheckReturnVisit = (value) => {
+ if (value) {
+ if (assTypes.findIndex((assType) => assType === 102) === -1) {
+ setAssTypes((prev) => {
+ return [...prev, 102];
+ });
+ }
+ } else {
+ setAssTypes((prev) => {
+ const obj = prev.filter((assType) => assType !== 102);
+ return obj;
+ });
+ }
+ };
+
+ const handleCheckBibleStudy = (value) => {
+ if (value) {
+ if (assTypes.findIndex((assType) => assType === 103) === -1) {
+ setAssTypes((prev) => {
+ return [...prev, 103];
+ });
+ }
+ } else {
+ setAssTypes((prev) => {
+ const obj = prev.filter((assType) => assType !== 103);
+ return obj;
+ });
+ }
+ };
+
+ const handleCheckTalk = (value) => {
+ if (value) {
+ if (assTypes.findIndex((assType) => assType === 104) === -1) {
+ setAssTypes((prev) => {
+ return [...prev, 104];
+ });
+ }
+ } else {
+ setAssTypes((prev) => {
+ const obj = prev.filter((assType) => assType !== 104);
+ return obj;
+ });
+ }
+ };
+
+ useEffect(() => {
+ setIsBRead(false);
+ setIsInitialCall(false);
+ setIsReturnVisit(false);
+ setIsBibleStudy(false);
+ setIsTalk(false);
+
+ for (let i = 0; i < assTypes.length; i++) {
+ const type = assTypes[i];
+
+ if (type === 100) setIsBRead(true);
+ if (type === 101) setIsInitialCall(true);
+ if (type === 102) setIsReturnVisit(true);
+ if (type === 103) setIsBibleStudy(true);
+ if (type === 104) setIsTalk(true);
+ }
+ }, [assTypes]);
+
+ return (
+
+
+
+
+ setIsMale(e.target.checked)}
+ color='primary'
+ sx={{ padding: '5px' }}
+ />
+ }
+ label={t('students.male')}
+ />
+ setIsFemale(e.target.checked)}
+ color='primary'
+ sx={{ padding: '5px' }}
+ />
+ }
+ label={t('students.female')}
+ />
+
+
+
+ {t('global.assignment')}
+
+
+ handleCheckBRead(e.target.checked)}
+ color='primary'
+ sx={{ padding: '5px' }}
+ />
+ }
+ label={t('global.bibleReading')}
+ />
+ handleCheckInitialCall(e.target.checked)}
+ color='primary'
+ sx={{ padding: '5px' }}
+ />
+ }
+ label={t('global.initialCall')}
+ />
+ handleCheckReturnVisit(e.target.checked)}
+ color='primary'
+ sx={{ padding: '5px' }}
+ />
+ }
+ label={t('global.returnVisit')}
+ />
+ handleCheckBibleStudy(e.target.checked)}
+ color='primary'
+ sx={{ padding: '5px' }}
+ />
+ }
+ label={t('global.bibleStudy')}
+ />
+ handleCheckTalk(e.target.checked)}
+ color='primary'
+ sx={{ padding: '5px' }}
+ />
+ }
+ label={t('global.talk')}
+ />
+
+
+
+
+ setAdvancedOpen(false)}
+ >
+
+
+
+
+
+
+
+
+ );
+};
+
+export default StudentAdvancedSearch;
diff --git a/src/components/students/StudentAssignmentItem.js b/src/components/students/StudentAssignmentItem.js
new file mode 100644
index 00000000..b67945a2
--- /dev/null
+++ b/src/components/students/StudentAssignmentItem.js
@@ -0,0 +1,193 @@
+import { useEffect, useState } from 'react';
+import { useRecoilValue } from 'recoil';
+import { useTranslation } from 'react-i18next';
+import { format } from 'date-fns';
+import { AdapterDateFns } from '@mui/x-date-pickers/AdapterDateFns';
+import { DesktopDatePicker } from '@mui/x-date-pickers/DesktopDatePicker';
+import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';
+import Box from '@mui/material/Box';
+import Button from '@mui/material/Button';
+import ClearIcon from '@mui/icons-material/Clear';
+import TextField from '@mui/material/TextField';
+import AssignmentType from '../reusable/AssignmentType';
+import { shortDatePickerFormatState } from '../../appStates/appSettings';
+
+const datePicker = {
+ marginTop: '25px',
+ marginLeft: '10px !important',
+ width: '170px !important',
+ '.MuiInputBase-inputAdornedEnd': {
+ padding: '9px !important',
+ },
+ '.MuiInputLabel-formControl': {
+ top: '-7px !important',
+ },
+};
+
+const StudentAssignmentItem = ({
+ student,
+ assignment,
+ assignments,
+ setAssignments,
+}) => {
+ const { t } = useTranslation();
+ const { assignmentId } = assignment;
+ const shortDatePickerFormat = useRecoilValue(shortDatePickerFormatState);
+
+ const [startedDate, setStartedDate] = useState(assignment.startDate);
+ const [expiredDate, setExpiredDate] = useState(assignment.endDate);
+ const [comments, setComments] = useState(assignment.comments || '');
+ const [assignmentType, setAssignmentType] = useState(assignment.code);
+ const [isActive, setIsActive] = useState(true);
+
+ const handleInfoChange = (assignmentType, startDate, endDate, comments) => {
+ if (assignmentId) {
+ let obj = assignments.map((assignment) =>
+ assignment.assignmentId === assignmentId
+ ? {
+ assignmentId: assignmentId,
+ code: assignmentType,
+ startDate: startDate,
+ endDate: endDate,
+ comments: comments,
+ }
+ : assignment
+ );
+ setAssignments(obj);
+ }
+ };
+
+ const handleStartedChange = (newValue) => {
+ if (newValue instanceof Date && !isNaN(newValue)) {
+ const d = format(newValue, 'MM/dd/yyyy');
+ setStartedDate(d);
+ handleInfoChange(assignmentType, d, expiredDate, comments);
+ }
+ };
+
+ const handleExpiredChange = (newValue) => {
+ if (newValue instanceof Date && !isNaN(newValue)) {
+ const d = format(newValue, 'MM/dd/yyyy');
+ setExpiredDate(d);
+ handleInfoChange(assignmentType, startedDate, d, comments);
+ }
+ };
+
+ const handleAssignmentChange = (value) => {
+ setAssignmentType(value);
+ handleInfoChange(value, startedDate, expiredDate, comments);
+ };
+
+ const handleCommentsChange = (value) => {
+ setComments(value);
+ handleInfoChange(assignmentType, startedDate, expiredDate, value);
+ };
+
+ const handleRemoveAssignment = () => {
+ let obj = assignments.filter(
+ (assignment) => assignment.assignmentId !== assignmentId
+ );
+ setAssignments(obj);
+ };
+
+ useEffect(() => {
+ setIsActive(assignment.endDate === null);
+ }, [assignment]);
+
+ return (
+
+
+
+ handleAssignmentChange(value)}
+ student={student}
+ />
+
+
+
+ (
+
+ )}
+ />
+
+
+ (
+
+ )}
+ sx={{ marginTop: '15px' }}
+ />
+
+
+ handleCommentsChange(e.target.value)}
+ />
+
+
+ }
+ onClick={handleRemoveAssignment}
+ >
+ {t('global.delete')}
+
+
+
+ );
+};
+
+export default StudentAssignmentItem;
diff --git a/src/components/students/StudentAssignments.js b/src/components/students/StudentAssignments.js
new file mode 100644
index 00000000..66b50b60
--- /dev/null
+++ b/src/components/students/StudentAssignments.js
@@ -0,0 +1,55 @@
+import { useTranslation } from 'react-i18next';
+import { format } from 'date-fns';
+import AddCircleIcon from '@mui/icons-material/AddCircle';
+import Box from '@mui/material/Box';
+import Button from '@mui/material/Button';
+import StudentAssignmentItem from './StudentAssignmentItem';
+
+const StudentAssignments = ({ student, assignments, setAssignments }) => {
+ const { t } = useTranslation();
+
+ const handleAssignmentAdd = () => {
+ const obj = {
+ assignmentId: window.crypto.randomUUID(),
+ code: 100,
+ startDate: format(new Date(), 'MM/dd/yyyy'),
+ endDate: null,
+ comments: '',
+ };
+
+ setAssignments([obj, ...assignments]);
+ };
+
+ return (
+
+
+ }
+ onClick={handleAssignmentAdd}
+ >
+ {t('students.addAssignment')}
+
+
+ {assignments?.length > 0 &&
+ assignments.map((assignment) => (
+ setAssignments(value)}
+ />
+ ))}
+
+ );
+};
+
+export default StudentAssignments;
diff --git a/src/components/students/StudentBasic.js b/src/components/students/StudentBasic.js
new file mode 100644
index 00000000..3e1a25b5
--- /dev/null
+++ b/src/components/students/StudentBasic.js
@@ -0,0 +1,143 @@
+import { useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import Box from '@mui/material/Box';
+import Checkbox from '@mui/material/Checkbox';
+import FormControlLabel from '@mui/material/FormControlLabel';
+import TextField from '@mui/material/TextField';
+
+const StudentBasic = ({
+ isMale,
+ isFemale,
+ name,
+ displayName,
+ setIsMale,
+ setIsFemale,
+ setName,
+ setDisplayName,
+}) => {
+ const { t } = useTranslation();
+
+ const [isErrorName, setIsErrorName] = useState(false);
+ const [isErrorDisplayName, setIsErrorDisplayName] = useState(false);
+
+ const handleNameChange = (name) => {
+ setIsErrorName(false);
+ setIsErrorDisplayName(false);
+ if (name === '') {
+ setIsErrorName(true);
+ setIsErrorDisplayName(true);
+ }
+ setName(name);
+ generateDisplayName(name);
+ };
+
+ const generateDisplayName = (name) => {
+ if (name === '') {
+ setDisplayName('');
+ } else {
+ var txtArray = name.split(' ');
+ if (txtArray.length === 1) {
+ setDisplayName(name);
+ } else {
+ var varDisplay = '';
+ for (let i = 0; i < txtArray.length; i++) {
+ if (i === txtArray.length - 1) {
+ varDisplay += txtArray[i];
+ } else {
+ varDisplay += txtArray[i].substring(0, 1) + '. ';
+ }
+ }
+ setDisplayName(varDisplay);
+ }
+ }
+ };
+
+ const handleDisplayNameChange = (name) => {
+ setIsErrorDisplayName(false);
+ if (name === '') {
+ setIsErrorDisplayName(true);
+ }
+ setDisplayName(name);
+ };
+
+ const handleMaleCheck = (value) => {
+ setIsMale(value);
+ setIsFemale(!value);
+ };
+
+ const handleFemaleCheck = (value) => {
+ setIsMale(!value);
+ setIsFemale(value);
+ };
+
+ return (
+
+
+ handleNameChange(e.target.value)}
+ />
+ handleDisplayNameChange(e.target.value)}
+ />
+
+
+ handleMaleCheck(e.target.checked)}
+ color='primary'
+ />
+ }
+ label={t('students.male')}
+ />
+ handleFemaleCheck(e.target.checked)}
+ color='primary'
+ />
+ }
+ label={t('students.female')}
+ />
+
+
+ );
+};
+
+export default StudentBasic;
diff --git a/src/components/students/StudentCard.js b/src/components/students/StudentCard.js
new file mode 100644
index 00000000..2d546ba3
--- /dev/null
+++ b/src/components/students/StudentCard.js
@@ -0,0 +1,196 @@
+import maleIcon from '../../img/student_male.svg';
+import femaleIcon from '../../img/student_female.svg';
+import { useNavigate } from 'react-router-dom';
+import { useSetRecoilState } from 'recoil';
+import { useTranslation } from 'react-i18next';
+import {
+ blue,
+ brown,
+ green,
+ orange,
+ purple,
+ red,
+ teal,
+} from '@mui/material/colors';
+import Avatar from '@mui/material/Avatar';
+import Card from '@mui/material/Card';
+import CardHeader from '@mui/material/CardHeader';
+import CardContent from '@mui/material/CardContent';
+import Chip from '@mui/material/Chip';
+import DeleteIcon from '@mui/icons-material/Delete';
+import EditIcon from '@mui/icons-material/Edit';
+import Grid from '@mui/material/Grid';
+import IconButton from '@mui/material/IconButton';
+import Tooltip from '@mui/material/Tooltip';
+import {
+ currentStudentState,
+ isStudentDeleteState,
+} from '../../appStates/appStudent';
+
+const sharedStyles = {
+ root: {
+ backgroundColor: blue[50],
+ margin: '5px',
+ height: '100%',
+ },
+ rootUnavailable: {
+ backgroundColor: red[200],
+ margin: '5px',
+ height: '100%',
+ },
+ chip: {
+ margin: '2px',
+ },
+ chipBRead: {
+ backgroundColor: orange[200],
+ },
+ chipIniCall: {
+ backgroundColor: purple[200],
+ },
+ chipRV: {
+ backgroundColor: teal[200],
+ },
+ chipBS: {
+ backgroundColor: green[200],
+ },
+ chipTalk: {
+ backgroundColor: brown[200],
+ },
+};
+
+const StudentCard = ({ student }) => {
+ const navigate = useNavigate();
+ const { t } = useTranslation();
+
+ const setCurrentStudent = useSetRecoilState(currentStudentState);
+ const setIsStudentDelete = useSetRecoilState(isStudentDeleteState);
+
+ const handleClickOpen = () => {
+ navigate(`/students/${student.person_uid}`);
+ };
+
+ const handleDelete = (uid, name) => {
+ var obj = {};
+ obj.name = name;
+ obj.person_uid = uid;
+ setCurrentStudent(obj);
+ setIsStudentDelete(true);
+ };
+
+ return (
+
+
+
+ }
+ action={
+ <>
+
+
+
+
+
+
+
+ handleDelete(student.person_uid, student.person_name)
+ }
+ >
+
+
+
+
+ }
+ title={student.person_name}
+ />
+
+ {student.assignments.find(
+ (assignment) =>
+ assignment.code === 100 && assignment.isActive === true
+ ) && (
+
+ )}
+ {student.assignments.find(
+ (assignment) =>
+ assignment.code === 101 && assignment.isActive === true
+ ) && (
+
+ )}
+ {student.assignments.find(
+ (assignment) =>
+ assignment.code === 102 && assignment.isActive === true
+ ) && (
+
+ )}
+ {student.assignments.find(
+ (assignment) =>
+ assignment.code === 103 && assignment.isActive === true
+ ) && (
+
+ )}
+ {student.assignments.find(
+ (assignment) =>
+ assignment.code === 104 && assignment.isActive === true
+ ) && (
+
+ )}
+
+
+
+ );
+};
+
+export default StudentCard;
diff --git a/src/components/students/StudentHistory.js b/src/components/students/StudentHistory.js
new file mode 100644
index 00000000..b73cfb97
--- /dev/null
+++ b/src/components/students/StudentHistory.js
@@ -0,0 +1,91 @@
+import { useTranslation } from 'react-i18next';
+import Box from '@mui/material/Box';
+import Table from '@mui/material/Table';
+import TableBody from '@mui/material/TableBody';
+import TableCell from '@mui/material/TableCell';
+import TableContainer from '@mui/material/TableContainer';
+import TableHead from '@mui/material/TableHead';
+import TableRow from '@mui/material/TableRow';
+
+const StudentHistory = ({ history }) => {
+ const { t } = useTranslation();
+
+ return (
+
+
+
+
+
+
+ {t('global.date')}
+
+
+ {t('global.assignment')}
+
+
+ {t('global.class')}
+
+
+
+
+ {history?.length > 0 &&
+ history.map((item) => (
+
+
+ {item.weekOfFormatted}
+
+
+ {item.assignmentName}
+
+
+ {item.class}
+
+
+ ))}
+
+
+
+
+ );
+};
+
+export default StudentHistory;
diff --git a/src/components/students/StudentOtherActions.js b/src/components/students/StudentOtherActions.js
new file mode 100644
index 00000000..f50c2d14
--- /dev/null
+++ b/src/components/students/StudentOtherActions.js
@@ -0,0 +1,7 @@
+import Box from '@mui/material/Box';
+
+const StudentOtherActions = () => {
+ return ;
+};
+
+export default StudentOtherActions;
diff --git a/src/components/students/StudentPocket.js b/src/components/students/StudentPocket.js
new file mode 100644
index 00000000..4261a660
--- /dev/null
+++ b/src/components/students/StudentPocket.js
@@ -0,0 +1,571 @@
+import { useCallback, useEffect, useMemo, useState } from 'react';
+import { useRecoilValue, useSetRecoilState } from 'recoil';
+import { useTranslation } from 'react-i18next';
+import dateFormat from 'dateformat';
+import Autocomplete from '@mui/material/Autocomplete';
+import Box from '@mui/material/Box';
+import Button from '@mui/material/Button';
+import CircularProgress from '@mui/material/CircularProgress';
+import Chip from '@mui/material/Chip';
+import CloudSyncIcon from '@mui/icons-material/CloudSync';
+import DevicesIcon from '@mui/icons-material/Devices';
+import Divider from '@mui/material/Divider';
+import IconButton from '@mui/material/IconButton';
+import TextField from '@mui/material/TextField';
+import Typography from '@mui/material/Typography';
+import {
+ apiHostState,
+ userEmailState,
+ visitorIDState,
+} from '../../appStates/appSettings';
+import {
+ appMessageState,
+ appSeverityState,
+ appSnackOpenState,
+} from '../../appStates/appNotification';
+import { congIDState } from '../../appStates/appCongregation';
+import { allStudentsState } from '../../appStates/appStudents';
+import { dbGetStudentDetailsMini } from '../../indexedDb/dbPersons';
+
+const StudentPocket = ({ id, name }) => {
+ let abortCont = useMemo(() => new AbortController(), []);
+
+ const { t } = useTranslation();
+
+ const setAppSnackOpen = useSetRecoilState(appSnackOpenState);
+ const setAppSeverity = useSetRecoilState(appSeverityState);
+ const setAppMessage = useSetRecoilState(appMessageState);
+
+ const userEmail = useRecoilValue(userEmailState);
+ const apiHost = useRecoilValue(apiHostState);
+ const visitorID = useRecoilValue(visitorIDState);
+ const congID = useRecoilValue(congIDState);
+ const dbStudents = useRecoilValue(allStudentsState);
+
+ const [isGettingUser, setIsGettingUser] = useState(true);
+ const [devices, setDevices] = useState([]);
+ const [verifyCode, setVerifyCode] = useState('');
+ const [isGenerating, setIsGenerating] = useState(false);
+ const [pocketName, setPocketName] = useState('');
+ const [pocketMembers, setPocketMembers] = useState([]);
+ const [pocketOptions, setPocketOptions] = useState([]);
+ const [value, setValue] = useState([]);
+
+ const handleGenerateOCode = async () => {
+ try {
+ if (apiHost !== '') {
+ setIsGenerating(true);
+ setVerifyCode('');
+ const res = await fetch(
+ `${apiHost}api/congregations/${congID}/pockets/${id}/code`,
+ {
+ signal: abortCont.signal,
+ method: 'GET',
+ headers: {
+ 'Content-Type': 'application/json',
+ visitor_id: visitorID,
+ email: userEmail,
+ },
+ }
+ );
+
+ const data = await res.json();
+
+ if (res.status === 200) {
+ setVerifyCode(data.code);
+ setIsGenerating(false);
+ return;
+ }
+
+ setIsGenerating(false);
+ setAppMessage(data.message);
+ setAppSeverity('warning');
+ setAppSnackOpen(true);
+ }
+ } catch (err) {
+ if (!abortCont.signal.aborted) {
+ setIsGenerating(false);
+ setAppMessage(err.message);
+ setAppSeverity('error');
+ setAppSnackOpen(true);
+ }
+ }
+ };
+
+ const handleUpdatePocketUsername = async () => {
+ try {
+ if (apiHost !== '') {
+ setIsGenerating(true);
+ const res = await fetch(
+ `${apiHost}api/congregations/${congID}/pockets/${id}/username`,
+ {
+ signal: abortCont.signal,
+ method: 'PATCH',
+ headers: {
+ 'Content-Type': 'application/json',
+ visitor_id: visitorID,
+ email: userEmail,
+ },
+ body: JSON.stringify({ username: name }),
+ }
+ );
+
+ const data = await res.json();
+
+ if (res.status === 200) {
+ setPocketName(data.username);
+ setIsGenerating(false);
+ return;
+ }
+
+ setIsGenerating(false);
+ setAppMessage(data.message);
+ setAppSeverity('warning');
+ setAppSnackOpen(true);
+ }
+ } catch (err) {
+ if (!abortCont.signal.aborted) {
+ setIsGenerating(false);
+ setAppMessage(err.message);
+ setAppSeverity('error');
+ setAppSnackOpen(true);
+ }
+ }
+ };
+
+ const handleUpdatePocketMembers = async () => {
+ try {
+ if (apiHost !== '') {
+ setIsGenerating(true);
+
+ const members = value.map((member) => {
+ return {
+ person_uid: member.person_uid,
+ person_name: member.person_name,
+ };
+ });
+
+ const res = await fetch(
+ `${apiHost}api/congregations/${congID}/pockets/${id}/members`,
+ {
+ signal: abortCont.signal,
+ method: 'PATCH',
+ headers: {
+ 'Content-Type': 'application/json',
+ visitor_id: visitorID,
+ email: userEmail,
+ },
+ body: JSON.stringify({ members }),
+ }
+ );
+
+ const data = await res.json();
+
+ if (res.status === 200) {
+ setPocketMembers(data.pocket_members);
+ setIsGenerating(false);
+ return;
+ }
+
+ setIsGenerating(false);
+ setAppMessage(data.message);
+ setAppSeverity('warning');
+ setAppSnackOpen(true);
+ }
+ } catch (err) {
+ if (!abortCont.signal.aborted) {
+ setIsGenerating(false);
+ setAppMessage(err.message);
+ setAppSeverity('error');
+ setAppSnackOpen(true);
+ }
+ }
+ };
+
+ const handleSetupPocket = async () => {
+ try {
+ if (apiHost !== '') {
+ setIsGenerating(true);
+ setVerifyCode('');
+ const res = await fetch(
+ `${apiHost}api/congregations/${congID}/pockets/${id}`,
+ {
+ signal: abortCont.signal,
+ method: 'PUT',
+ headers: {
+ 'Content-Type': 'application/json',
+ visitor_id: visitorID,
+ email: userEmail,
+ },
+ body: JSON.stringify({ username: name }),
+ }
+ );
+
+ const data = await res.json();
+
+ if (res.status === 200) {
+ setVerifyCode(data.code);
+ setPocketName(data.username);
+ setIsGenerating(false);
+ return;
+ }
+
+ setIsGenerating(false);
+ setAppMessage(data.message);
+ setAppSeverity('warning');
+ setAppSnackOpen(true);
+ }
+ } catch (err) {
+ if (!abortCont.signal.aborted) {
+ setIsGenerating(false);
+ setAppMessage(err.message);
+ setAppSeverity('error');
+ setAppSnackOpen(true);
+ }
+ }
+ };
+
+ const handleDeleteDevice = async (pocket_visitor_id) => {
+ try {
+ if (apiHost !== '') {
+ setIsGenerating(true);
+ const res = await fetch(
+ `${apiHost}api/congregations/${congID}/pockets/${id}`,
+ {
+ signal: abortCont.signal,
+ method: 'DELETE',
+ headers: {
+ 'Content-Type': 'application/json',
+ visitor_id: visitorID,
+ email: userEmail,
+ },
+ body: JSON.stringify({ pocket_visitor_id }),
+ }
+ );
+
+ const data = await res.json();
+
+ if (res.status === 200) {
+ if (data.devices) {
+ setDevices(data.devices);
+ }
+
+ if (data.message === 'POCKET_USER_DELETED') {
+ setPocketName('');
+ setIsGettingUser(false);
+ setDevices([]);
+ }
+
+ setIsGenerating(false);
+
+ return;
+ }
+
+ setIsGenerating(false);
+ setAppMessage(data.message);
+ setAppSeverity('warning');
+ setAppSnackOpen(true);
+ }
+ } catch (err) {
+ if (!abortCont.signal.aborted) {
+ setIsGenerating(false);
+ setAppMessage(err.message);
+ setAppSeverity('error');
+ setAppSnackOpen(true);
+ }
+ }
+ };
+
+ const fetchPocketUser = useCallback(async () => {
+ try {
+ if (apiHost !== '') {
+ setIsGenerating(false);
+ setIsGettingUser(true);
+ setDevices([]);
+ setVerifyCode('');
+ setPocketName('');
+ const res = await fetch(
+ `${apiHost}api/congregations/${congID}/pockets/${id}`,
+ {
+ signal: abortCont.signal,
+ method: 'GET',
+ headers: {
+ 'Content-Type': 'application/json',
+ visitor_id: visitorID,
+ email: userEmail,
+ },
+ }
+ );
+
+ const data = await res.json();
+
+ if (res.status === 200) {
+ setDevices(data.pocket_devices);
+ setVerifyCode(data.pocket_oCode);
+ setPocketName(data.username);
+ setPocketMembers(data.pocket_members);
+ setIsGettingUser(false);
+ return;
+ }
+
+ if (data.message === 'POCKET_NOT_FOUND') {
+ setIsGettingUser(false);
+ return;
+ }
+
+ setIsGettingUser(false);
+ setAppMessage(data.message);
+ setAppSeverity('warning');
+ setAppSnackOpen(true);
+ }
+ } catch (err) {
+ if (!abortCont.signal.aborted) {
+ setIsGettingUser(false);
+ setAppMessage(err.message);
+ setAppSeverity('error');
+ setAppSnackOpen(true);
+ }
+ }
+ }, [
+ abortCont,
+ apiHost,
+ congID,
+ id,
+ setAppMessage,
+ setAppSeverity,
+ setAppSnackOpen,
+ userEmail,
+ visitorID,
+ ]);
+
+ useEffect(() => {
+ fetchPocketUser();
+ }, [fetchPocketUser]);
+
+ useEffect(() => {
+ const options = dbStudents.filter((student) => student.person_uid !== id);
+ setPocketOptions(options);
+ }, [dbStudents, id]);
+
+ useEffect(() => {
+ const updateValue = async () => {
+ let newValue = [];
+
+ for (let i = 0; i < pocketMembers.length; i++) {
+ const { person_uid } = pocketMembers[i];
+ const person = await dbGetStudentDetailsMini(person_uid);
+
+ newValue.push(person);
+ }
+
+ setValue(newValue);
+ };
+
+ updateValue();
+ }, [pocketMembers]);
+
+ useEffect(() => {
+ return () => abortCont.abort();
+ }, [abortCont]);
+
+ return (
+
+ {isGettingUser && (
+
+ )}
+ {!isGettingUser && (
+ <>
+ {pocketName.length > 0 && (
+
+
+ {pocketName}
+
+ {name !== pocketName && (
+
+
+
+ )}
+
+ )}
+ {verifyCode.length === 0 && devices.length === 0 && (
+
+ )}
+ {verifyCode.length === 0 && devices.length > 0 && (
+
+ )}
+ {!isGettingUser && verifyCode.length > 0 && (
+
+ {t('students.setupPocketToken')}
+
+
+ )}
+ {devices.length > 0 && (
+ <>
+
+
+ {t('students.pocketDevices')}
+
+
+ {t('students.pocketSessions')}
+
+
+ {devices.map((device) => (
+
+
+
+
+
+ {device.name}
+
+
+
+
+
+
+
+
+
+ ))}
+
+
+ )}
+ {isGenerating && (
+
+ )}
+
+ {pocketName.length > 0 && (
+
+ setValue(value)}
+ options={pocketOptions}
+ getOptionLabel={(option) => option.person_name}
+ disabled={isGenerating}
+ isOptionEqualToValue={(option, value) =>
+ option.person_uid === value.person_uid
+ }
+ renderInput={(params) => (
+
+ )}
+ />
+
+
+ )}
+
+ )}
+
+ );
+};
+
+export default StudentPocket;
diff --git a/src/components/students/StudentRecents.js b/src/components/students/StudentRecents.js
new file mode 100644
index 00000000..7683ae5a
--- /dev/null
+++ b/src/components/students/StudentRecents.js
@@ -0,0 +1,56 @@
+import { useEffect, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { dbRecentStudents } from '../../indexedDb/dbPersons';
+import Box from '@mui/material/Box';
+import ClearAllIcon from '@mui/icons-material/ClearAll';
+import Fab from '@mui/material/Fab';
+import Grid from '@mui/material/Grid';
+import StudentCard from './StudentCard';
+
+const StudentRecents = () => {
+ const { t } = useTranslation();
+
+ const [recentStudents, setRecentStudents] = useState([]);
+
+ const clearRecentsStudents = () => {
+ localStorage.removeItem('recentStudents');
+ setRecentStudents([]);
+ };
+
+ useEffect(() => {
+ const buildRecentStudents = async () => {
+ const data = await dbRecentStudents(
+ localStorage.getItem('recentStudents')
+ );
+ setRecentStudents(data);
+ };
+
+ buildRecentStudents();
+ }, []);
+
+ return (
+ 0 ? '70px' : 0}` }}>
+ {recentStudents.length > 0 && (
+ <>
+
+ {recentStudents.map((student) => (
+
+ ))}
+
+ :not(style)': { m: 1 } }}>
+
+
+ {t('students.clearRecents')}
+
+
+
+ )}
+
+ );
+};
+
+export default StudentRecents;
diff --git a/src/components/students/StudentTimeAway.js b/src/components/students/StudentTimeAway.js
new file mode 100644
index 00000000..cea4b7d3
--- /dev/null
+++ b/src/components/students/StudentTimeAway.js
@@ -0,0 +1,53 @@
+import { useTranslation } from 'react-i18next';
+import { format } from 'date-fns';
+import AddCircleIcon from '@mui/icons-material/AddCircle';
+import Box from '@mui/material/Box';
+import Button from '@mui/material/Button';
+import StudentTimeAwayItem from './StudentTimeAwayItem';
+
+const StudentTimeAway = ({ timeAway, setTimeAway }) => {
+ const { t } = useTranslation();
+
+ const handleTimeAwayAdd = () => {
+ const obj = {
+ timeAwayId: window.crypto.randomUUID(),
+ startDate: format(new Date(), 'MM/dd/yyyy'),
+ endDate: null,
+ comments: '',
+ };
+
+ setTimeAway([obj, ...timeAway]);
+ };
+
+ return (
+
+
+ }
+ onClick={handleTimeAwayAdd}
+ >
+ {t('students.addTimeAway')}
+
+
+ {timeAway?.length > 0 &&
+ timeAway.map((item) => (
+ setTimeAway(value)}
+ />
+ ))}
+
+ );
+};
+
+export default StudentTimeAway;
diff --git a/src/components/students/StudentTimeAwayItem.js b/src/components/students/StudentTimeAwayItem.js
new file mode 100644
index 00000000..92d0ef75
--- /dev/null
+++ b/src/components/students/StudentTimeAwayItem.js
@@ -0,0 +1,167 @@
+import { useState } from 'react';
+import { useRecoilValue } from 'recoil';
+import { format } from 'date-fns';
+import { useTranslation } from 'react-i18next';
+import { AdapterDateFns } from '@mui/x-date-pickers/AdapterDateFns';
+import { DesktopDatePicker } from '@mui/x-date-pickers/DesktopDatePicker';
+import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';
+import Box from '@mui/material/Box';
+import Button from '@mui/material/Button';
+import ClearIcon from '@mui/icons-material/Clear';
+import TextField from '@mui/material/TextField';
+import { shortDatePickerFormatState } from '../../appStates/appSettings';
+
+const datePicker = {
+ marginTop: '25px',
+ marginLeft: '10px !important',
+ width: '170px !important',
+ '.MuiInputBase-inputAdornedEnd': {
+ padding: '9px !important',
+ },
+ '.MuiInputLabel-formControl': {
+ top: '-7px !important',
+ },
+};
+
+const StudentTimeAwayItem = ({ timeAway, timeAways, setTimeAway }) => {
+ const { t } = useTranslation();
+
+ const { timeAwayId } = timeAway;
+
+ const shortDatePickerFormat = useRecoilValue(shortDatePickerFormatState);
+
+ const [startedDate, setStartedDate] = useState(timeAway.startDate);
+ const [expiredDate, setExpiredDate] = useState(timeAway.endDate);
+ const [comments, setComments] = useState('');
+
+ const handleInfoChange = (startDate, endDate, comments) => {
+ if (timeAwayId) {
+ let obj = timeAways.map((timeAway) =>
+ timeAway.timeAwayId === timeAwayId
+ ? {
+ timeAwayId: timeAwayId,
+ startDate: startDate,
+ endDate: endDate,
+ comments: comments,
+ }
+ : timeAway
+ );
+ setTimeAway(obj);
+ }
+ };
+
+ const handleStartedChange = (newValue) => {
+ if (newValue instanceof Date && !isNaN(newValue)) {
+ const d = format(newValue, 'MM/dd/yyyy');
+ setStartedDate(d);
+ handleInfoChange(d, expiredDate, comments);
+ }
+ };
+
+ const handleExpiredChange = (newValue) => {
+ if (newValue instanceof Date && !isNaN(newValue)) {
+ const d = format(newValue, 'MM/dd/yyyy');
+ setExpiredDate(d);
+ handleInfoChange(startedDate, d, comments);
+ }
+ };
+
+ const handleCommentsChange = (value) => {
+ setComments(value);
+ handleInfoChange(startedDate, expiredDate, value);
+ };
+
+ const handleRemoveTimeAway = () => {
+ let obj = timeAways.filter(
+ (timeAway) => timeAway.timeAwayId !== timeAwayId
+ );
+ setTimeAway(obj);
+ };
+
+ return (
+
+
+
+
+ (
+
+ )}
+ />
+
+
+ (
+
+ )}
+ sx={{ marginTop: '15px' }}
+ />
+
+
+ handleCommentsChange(e.target.value)}
+ />
+
+
+ }
+ onClick={handleRemoveTimeAway}
+ >
+ {t('global.delete')}
+
+
+
+ );
+};
+
+export default StudentTimeAwayItem;
diff --git a/src/components/whatsnew/WhatsNewDetail.js b/src/components/whatsnew/WhatsNewDetail.js
new file mode 100644
index 00000000..648c3111
--- /dev/null
+++ b/src/components/whatsnew/WhatsNewDetail.js
@@ -0,0 +1,22 @@
+import { useRecoilValue } from 'recoil';
+import { Markup } from 'interweave';
+import Box from '@mui/material/Box';
+import Typography from '@mui/material/Typography';
+import { appLangState } from '../../appStates/appSettings';
+
+const WhatsNewDetail = ({ announcement, setItem, setIsView }) => {
+ const appLang = useRecoilValue(appLangState);
+
+ return (
+
+
+ {announcement.content[appLang.toUpperCase()].title}
+
+
+
+
+
+ );
+};
+
+export default WhatsNewDetail;
diff --git a/src/components/whatsnew/WhatsNewItem.js b/src/components/whatsnew/WhatsNewItem.js
new file mode 100644
index 00000000..100421f8
--- /dev/null
+++ b/src/components/whatsnew/WhatsNewItem.js
@@ -0,0 +1,66 @@
+import { useRecoilValue, useSetRecoilState } from 'recoil';
+import Box from '@mui/material/Box';
+import IconButton from '@mui/material/IconButton';
+import NotificationsActiveIcon from '@mui/icons-material/NotificationsActive';
+import OpenInNewIcon from '@mui/icons-material/OpenInNew';
+import Typography from '@mui/material/Typography';
+import { dbReadNotification } from '../../indexedDb/dbNotifications';
+import {
+ appLangState,
+ currentNotificationState,
+ isWhatsNewOpenState,
+} from '../../appStates/appSettings';
+
+const WhatsNewItem = ({ announcement, handlePopoverClose }) => {
+ const setWhatsNewOpen = useSetRecoilState(isWhatsNewOpenState);
+ const setCurrent = useSetRecoilState(currentNotificationState);
+ const appLang = useRecoilValue(appLangState);
+
+ const handleView = async () => {
+ handlePopoverClose();
+ setCurrent(announcement);
+ await dbReadNotification(announcement.notification_id);
+ setWhatsNewOpen(true);
+ };
+
+ return (
+
+
+
+
+
+
+ {announcement.content[appLang.toUpperCase()].title}
+
+
+ {announcement.content[appLang.toUpperCase()].desc}
+
+
+
+
+
+
+
+
+ );
+};
+
+export default WhatsNewItem;
diff --git a/src/epub/epubParser.js b/src/epub/epubParser.js
new file mode 100644
index 00000000..10b04858
--- /dev/null
+++ b/src/epub/epubParser.js
@@ -0,0 +1,208 @@
+import { loadEPUB } from 'jw-epub-parser';
+import dateFormat from 'dateformat';
+import { promiseGetRecoil } from 'recoil-outside';
+import { dbSaveSrcData } from '../indexedDb/dbSourceMaterial';
+import { monthNamesState } from '../appStates/appSettings';
+import { assTypeLocalState } from '../appStates/appSourceMaterial';
+
+export const addEpubDataToDb = async (fileEPUB) => {
+ const data = await loadEPUB(fileEPUB);
+ await addDataToDb(data);
+};
+
+export const addJwDataToDb = async (dataJw) => {
+ for (let i = 0; i < dataJw.length; i++) {
+ const data = dataJw[i];
+ await addDataToDb(data);
+ }
+};
+
+const addDataToDb = async (data) => {
+ try {
+ const monthNames = await promiseGetRecoil(monthNamesState);
+ const assTypeList = await promiseGetRecoil(assTypeLocalState);
+
+ for (let i = 0; i < data.weeksData.length; i++) {
+ const src = data.weeksData[i];
+ const cnAYF = src.ayfCount;
+ let a = 0;
+
+ var obj = {};
+ var toSplit1;
+ var assType = '';
+ var assSource = '';
+
+ //WeekOf Source
+ let dayParse = src.weekDate.match(/(\w|\s)*\w(?=")|\w+/g);
+ let varDay;
+ let varMonthName;
+
+ for (a = 0; a < dayParse.length; a++) {
+ if (!varDay) {
+ if (!isNaN(dayParse[a]) && dayParse[a].length < 4) {
+ varDay = +dayParse[a];
+ }
+ }
+ if (!varMonthName) {
+ if (isNaN(dayParse[a])) {
+ varMonthName = dayParse[a];
+ }
+ }
+
+ if (varDay && varMonthName) {
+ break;
+ }
+ }
+
+ const monthIndex = monthNames.indexOf(varMonthName);
+
+ const schedDate = new Date(data.mwbYear, monthIndex, varDay);
+ obj.weekOf = dateFormat(schedDate, 'mm/dd/yyyy');
+
+ //Bible Reading Source
+ toSplit1 = src.tgwBRead.split('.) ');
+ assSource = toSplit1[1];
+ assSource = assSource.trim();
+ obj.bibleReading_src = assSource;
+
+ //AYF1 Assignment Type
+ for (a = assTypeList.length - 1; a >= 0; a--) {
+ if (
+ new RegExp('\\b' + assTypeList[a].label + '\\b').test(src.ayfPart1)
+ ) {
+ assType = assTypeList[a].value;
+ break;
+ }
+ }
+ if (assType === '') {
+ assType = '7';
+ }
+ obj.ass1_type = assType;
+
+ //AYF1 Assignment Time
+ obj.ass1_time = src.ayfPart1.match(/(\d+)/)[0];
+
+ //AYF1 Assignment Source
+ if (assType === '7') {
+ const forSplit = ': (' + obj.ass1_time;
+ toSplit1 = src.ayfPart1.split(forSplit);
+ assSource = toSplit1[0];
+ } else {
+ toSplit1 = src.ayfPart1.split('min.) ');
+ assSource = toSplit1[1];
+ }
+ obj.ass1_src = assSource;
+
+ obj.ass2_type = '';
+ obj.ass2_time = '';
+ obj.ass2_src = '';
+ obj.ass3_type = '';
+ obj.ass3_time = '';
+ obj.ass3_src = '';
+ obj.ass4_type = '';
+ obj.ass4_time = '';
+ obj.ass4_src = '';
+
+ if (cnAYF > 1) {
+ //AYF2 Assignment Type
+ assType = '';
+ for (a = assTypeList.length - 1; a >= 0; a--) {
+ if (
+ new RegExp('\\b' + assTypeList[a].label + '\\b').test(src.ayfPart2)
+ ) {
+ assType = assTypeList[a].value;
+ break;
+ }
+ }
+ if (assType === '') {
+ assType = '7';
+ }
+ obj.ass2_type = assType;
+
+ //AYF2 Assignment Time
+ obj.ass2_time = src.ayfPart2.match(/(\d+)/)[0];
+
+ //AYF2 Assignment Source
+ if (assType === '7') {
+ const forSplit = ': (' + obj.ass1_time;
+ toSplit1 = src.ayfPart2.split(forSplit);
+ assSource = toSplit1[0];
+ } else {
+ toSplit1 = src.ayfPart2.split('min.) ');
+ assSource = toSplit1[1];
+ }
+ obj.ass2_src = assSource;
+ }
+
+ if (cnAYF > 2) {
+ //AYF3 Assignment Type
+ assType = '';
+ for (a = assTypeList.length - 1; a >= 0; a--) {
+ if (
+ new RegExp('\\b' + assTypeList[a].label + '\\b').test(src.ayfPart3)
+ ) {
+ assType = assTypeList[a].value;
+ break;
+ }
+ }
+ if (assType === '') {
+ assType = '7';
+ }
+ obj.ass3_type = assType;
+
+ //AYF3 Assignment Time
+ obj.ass3_time = src.ayfPart3.match(/(\d+)/)[0];
+
+ //AYF3 Assignment Source
+ if (assType === '7') {
+ const forSplit = ': (' + obj.ass1_time;
+ toSplit1 = src.ayfPart3.split(forSplit);
+ assSource = toSplit1[0];
+ } else {
+ toSplit1 = src.ayfPart3.split('min.) ');
+ assSource = toSplit1[1];
+ }
+ obj.ass3_src = assSource;
+ }
+
+ if (cnAYF > 3) {
+ //AYF4 Assignment Type
+ assType = '';
+ for (a = assTypeList.length - 1; a >= 0; a--) {
+ if (
+ new RegExp('\\b' + assTypeList[a].label + '\\b').test(src.ayfPart4)
+ ) {
+ assType = assTypeList[a].value;
+ break;
+ }
+ }
+ if (assType === '') {
+ assType = '7';
+ }
+ obj.ass4_type = assType;
+
+ //AYF4 Assignment Time
+ obj.ass4_time = src.ayfPart4.match(/(\d+)/)[0];
+
+ //AYF3 Assignment Source
+ if (assType === '7') {
+ const forSplit = ': (' + obj.ass1_time;
+ toSplit1 = src.ayfPart4.split(forSplit);
+ assSource = toSplit1[0];
+ } else {
+ toSplit1 = src.ayfPart4.split('min.) ');
+ assSource = toSplit1[1];
+ }
+ obj.ass4_src = assSource;
+ }
+
+ obj.week_type = 1;
+ obj.noMeeting = false;
+ obj.isOverride = false;
+
+ await dbSaveSrcData(obj);
+ }
+ } catch (err) {
+ return 'error';
+ }
+};
diff --git a/src/i18n.js b/src/i18n.js
new file mode 100644
index 00000000..bfa9f14f
--- /dev/null
+++ b/src/i18n.js
@@ -0,0 +1,28 @@
+import i18n from 'i18next';
+import { initReactI18next } from 'react-i18next';
+
+import translationE from './locales/e.json';
+import translationMG from './locales/mg.json';
+
+const resources = {
+ e: {
+ translation: translationE,
+ },
+ mg: {
+ translation: translationMG,
+ },
+};
+
+i18n.use(initReactI18next).init({
+ resources,
+ lng: 'e',
+ fallbackLng: 'e',
+
+ keySeparator: true,
+
+ interpolation: {
+ escapeValue: false,
+ },
+});
+
+export default i18n;
diff --git a/src/img/student_female.svg b/src/img/student_female.svg
new file mode 100644
index 00000000..4675011c
--- /dev/null
+++ b/src/img/student_female.svg
@@ -0,0 +1,14 @@
+
+
diff --git a/src/img/student_male.svg b/src/img/student_male.svg
new file mode 100644
index 00000000..a95ac336
--- /dev/null
+++ b/src/img/student_male.svg
@@ -0,0 +1,13 @@
+
+
diff --git a/src/index.js b/src/index.js
new file mode 100644
index 00000000..3cd81d13
--- /dev/null
+++ b/src/index.js
@@ -0,0 +1,41 @@
+import React from 'react';
+import { createRoot } from 'react-dom/client';
+import { RecoilRoot } from 'recoil';
+import RecoilOutside, { promiseSetRecoil } from 'recoil-outside';
+import ServiceWorkerWrapper from '@sws2apps/react-sw-helper';
+import './i18n';
+import App from './App';
+import '@fontsource/roboto/300.css';
+import '@fontsource/roboto/400.css';
+import '@fontsource/roboto/500.css';
+import '@fontsource/roboto/700.css';
+import './styles/global.css';
+import { isPrecachedState, showReloadState } from './appStates/appSettings';
+
+const container = document.getElementById('root');
+const root = createRoot(container);
+
+root.render(
+
+
+ console.log(`An error occured: ${err}`)}
+ onInstalled={() => onSWInstalled()}
+ onUpdated={() => onSWUpdated()}
+ onWaiting={() => onSWUpdated()}
+ publicServiceWorkerDest='/service-worker.js'
+ >
+ {({ update }) => }
+
+
+);
+
+const onSWInstalled = () => {
+ promiseSetRecoil(isPrecachedState, true);
+ console.log('[Exp] Service worker installed');
+};
+
+const onSWUpdated = () => {
+ promiseSetRecoil(showReloadState, true);
+ console.log('[Exp] Service worker updated');
+};
diff --git a/src/indexedDb/backupDb.js b/src/indexedDb/backupDb.js
new file mode 100644
index 00000000..acabee4e
--- /dev/null
+++ b/src/indexedDb/backupDb.js
@@ -0,0 +1,16 @@
+import Dexie from 'dexie';
+
+let backupDb = new Dexie('lmm_oa_backup');
+
+backupDb.version(1).stores({
+ backup: '++id, backup',
+});
+
+backupDb.on('populate', function () {
+ backupDb.backup.add({
+ id: 1,
+ backup: '',
+ });
+});
+
+export default backupDb;
diff --git a/src/indexedDb/dbAppSettings.js b/src/indexedDb/dbAppSettings.js
new file mode 100644
index 00000000..0e7493ea
--- /dev/null
+++ b/src/indexedDb/dbAppSettings.js
@@ -0,0 +1,31 @@
+import appDb from './mainDb';
+import backupDb from './backupDb';
+
+export const dbUpdateAppSettings = async (settingValue, overwrite) => {
+ if (overwrite) {
+ await appDb.table('app_settings').put({ id: 1, ...settingValue });
+ } else {
+ await appDb.table('app_settings').update(1, {
+ ...settingValue,
+ });
+ }
+};
+
+export const dbGetAppSettings = async () => {
+ const congData = await appDb.table('app_settings').get({ id: 1 });
+ return congData;
+};
+
+export const dbSaveBackup = async (data) => {
+ await backupDb.table('backup').update(1, {
+ backup: data,
+ });
+ await appDb.close();
+ await appDb.delete();
+};
+
+export const dbGetBackup = async () => {
+ const appBackup = await backupDb.table('backup').get({ id: 1 });
+ const backup = await appBackup.backup.text();
+ return backup;
+};
diff --git a/src/indexedDb/dbAssignment.js b/src/indexedDb/dbAssignment.js
new file mode 100644
index 00000000..31ab23d8
--- /dev/null
+++ b/src/indexedDb/dbAssignment.js
@@ -0,0 +1,673 @@
+import { getI18n } from 'react-i18next';
+import { promiseGetRecoil, promiseSetRecoil } from 'recoil-outside';
+import dateFormat from 'dateformat';
+import { dbGetAppSettings } from './dbAppSettings';
+import {
+ dbGetStudentByUid,
+ dbGetStudentDetails,
+ dbGetStudentsMini,
+} from './dbPersons';
+import { dbGetScheduleData } from './dbSchedule';
+import { dbGetSourceMaterial, dbGetWeekListBySched } from './dbSourceMaterial';
+import appDb from './mainDb';
+import { shortDateFormatState } from '../appStates/appSettings';
+import { assTypeLocalState } from '../appStates/appSourceMaterial';
+import {
+ allStudentsState,
+ filteredStudentsState,
+ studentsAssignmentHistoryState,
+} from '../appStates/appStudents';
+
+const { t } = getI18n();
+
+export const dbGetAssType = async (assType, appLang) => {
+ var srcAssType = '';
+ if (assType === '') {
+ return srcAssType;
+ } else {
+ var i = parseInt(assType, 10);
+ const appData = await appDb.table('ass_type').get(i);
+ srcAssType = appData.ass_type_name[appLang];
+ return srcAssType;
+ }
+};
+
+export const dbGetAssTypeId = async (assType, appLang) => {
+ var srcAssType = '';
+ if (assType === '') {
+ return srcAssType;
+ } else {
+ const appData = await appDb
+ .table('ass_type')
+ .get({ ass_type_name: assType });
+ if (typeof appData === 'undefined') {
+ return '';
+ } else {
+ srcAssType = appData.id_type;
+ return srcAssType;
+ }
+ }
+};
+
+export const dbGetListAssType = async () => {
+ var assType = [];
+ var obj = {};
+ const appData = await appDb
+ .table('ass_type')
+ .reverse()
+ .reverse()
+ .sortBy('code');
+
+ for (let i = 0; i < appData.length; i++) {
+ obj = {};
+ obj.id_type = appData[i].id_type;
+ obj.code = appData[i].code;
+ obj.assignable = appData[i].assignable;
+ obj.ass_type_name = appData[i].ass_type_name;
+ obj.maleOnly = appData[i].maleOnly || false;
+ assType.push(obj);
+ }
+ return assType;
+};
+
+export const dbSaveAss = async (weekOf, stuID, varSave) => {
+ const appData = await appDb.table('sched_MM').get({ weekOf: weekOf });
+ const stuPrev = appData[varSave];
+
+ var obj = {};
+ obj[varSave] = stuID;
+
+ await appDb.table('sched_MM').update(weekOf, { ...obj });
+
+ const history = await dbHistoryAssignment();
+ await promiseSetRecoil(studentsAssignmentHistoryState, history);
+
+ await dbRefreshStudentHistory(stuPrev, stuID);
+};
+
+export const dbHistoryAssignment = async () => {
+ const appData = await appDb.table('sched_MM').toArray();
+ const persons = (await appDb.persons.toArray()).length;
+ let dbHistory = [];
+
+ if (persons > 0) {
+ let histID = 0;
+ for (let i = 0; i < appData.length; i++) {
+ var person = {};
+
+ const weekData = await dbGetSourceMaterial(appData[i].weekOf);
+ const [varMonth, varDay, varYear] = appData[i].weekOf.split('/');
+ const lDate = new Date(varYear, varMonth - 1, varDay);
+ const shortDateFormat = await promiseGetRecoil(shortDateFormatState);
+ const dateFormatted = dateFormat(lDate, shortDateFormat);
+ const cnAss = [{ iAss: 1 }, { iAss: 2 }, { iAss: 3 }, { iAss: 4 }];
+ const varClasses = [{ classLabel: 'A' }, { classLabel: 'B' }];
+
+ //Bible Reading History
+ for (let a = 0; a < varClasses.length; a++) {
+ const fldName = 'bRead_stu_' + varClasses[a].classLabel;
+ if (typeof appData[i][fldName] !== 'undefined') {
+ person.ID = histID;
+ person.weekOf = appData[i].weekOf;
+ person.weekOfFormatted = dateFormatted;
+ person.studentID = appData[i][fldName];
+ const stuDetails = await dbGetStudentByUid(person.studentID);
+ person.studentName = stuDetails?.person_displayName || '';
+ person.assignmentID = 100;
+ person.assignmentName = t('global.bibleReading');
+ person.class = varClasses[a].classLabel;
+ dbHistory.push(person);
+ person = {};
+ histID++;
+ }
+ }
+
+ //AYF Assigment History
+ for (let b = 0; b < cnAss.length; b++) {
+ var weekFld = 'ass' + cnAss[b].iAss + '_type';
+ const assType = weekData[weekFld];
+
+ for (let a = 0; a < varClasses.length; a++) {
+ var fldName =
+ 'ass' + cnAss[b].iAss + '_stu_' + varClasses[a].classLabel;
+ if (typeof appData[i][fldName] !== 'undefined') {
+ person.ID = histID;
+ person.weekOf = appData[i].weekOf;
+ person.weekOfFormatted = dateFormatted;
+ person.studentID = appData[i][fldName];
+ const stuDetails = await dbGetStudentByUid(person.studentID);
+ person.studentName = stuDetails?.person_displayName || '';
+ person.assignmentID = assType;
+ if (assType === 101 || assType === 108) {
+ person.assignmentName = t('global.initialCall');
+ } else if (assType === 102) {
+ person.assignmentName = t('global.returnVisit');
+ } else if (assType === 103) {
+ person.assignmentName = t('global.bibleStudy');
+ } else if (assType === 104) {
+ person.assignmentName = t('global.talk');
+ }
+ person.class = varClasses[a].classLabel;
+ dbHistory.push(person);
+ person = {};
+ histID++;
+ }
+
+ fldName = 'ass' + cnAss[b].iAss + '_ass_' + varClasses[a].classLabel;
+ if (typeof appData[i][fldName] !== 'undefined') {
+ person.ID = histID;
+ person.weekOf = appData[i].weekOf;
+ person.weekOfFormatted = dateFormatted;
+ person.studentID = appData[i][fldName];
+ const stuDetails = await dbGetStudentByUid(person.studentID);
+ person.studentName = stuDetails?.person_displayName || '';
+ person.assignmentID = 109;
+ person.assignmentName = t('global.assistant');
+ person.class = varClasses[a].classLabel;
+ dbHistory.push(person);
+ person = {};
+ histID++;
+ }
+ }
+ }
+ }
+ dbHistory.sort((a, b) => {
+ var dateA =
+ a.weekOf.split('/')[2] +
+ '/' +
+ a.weekOf.split('/')[0] +
+ '/' +
+ a.weekOf.split('/')[1];
+ var dateB =
+ b.weekOf.split('/')[2] +
+ '/' +
+ b.weekOf.split('/')[0] +
+ '/' +
+ b.weekOf.split('/')[1];
+ return dateA < dateB ? 1 : -1;
+ });
+ }
+
+ return dbHistory;
+};
+
+export const dbStudentAssignmentsHistory = async (stuID) => {
+ const appData = await dbHistoryAssignment();
+ const history = appData.filter((data) => data.studentID === stuID);
+ return history;
+};
+
+export const dbLastBRead = async (stuID) => {
+ const appData = await promiseGetRecoil(studentsAssignmentHistoryState);
+ const lastBRead = appData.filter(
+ (data) => (data.assignmentID === 100) & (data.studentID === stuID)
+ );
+
+ var dLast;
+ if (lastBRead.length > 0) {
+ dLast = lastBRead[0].weekOf;
+ }
+ return dLast;
+};
+
+export const dbFirstBRead = async (stuID) => {
+ const appData = await promiseGetRecoil(studentsAssignmentHistoryState);
+ const lastBRead = appData.filter(
+ (data) => (data.assignmentID === 100) & (data.studentID === stuID)
+ );
+
+ var dLast;
+ if (lastBRead.length > 0) {
+ dLast = lastBRead[lastBRead.length - 1].weekOf;
+ }
+ return dLast;
+};
+
+export const dbLastIniCall = async (stuID) => {
+ const appData = await promiseGetRecoil(studentsAssignmentHistoryState);
+ const lastIniCall = appData.filter(
+ (data) => (data.assignmentID === 101) & (data.studentID === stuID)
+ );
+
+ var dLast;
+ if (lastIniCall.length > 0) {
+ dLast = lastIniCall[0].weekOf;
+ }
+ return dLast;
+};
+
+export const dbFirstIniCall = async (stuID) => {
+ const appData = await promiseGetRecoil(studentsAssignmentHistoryState);
+ const lastIniCall = appData.filter(
+ (data) => (data.assignmentID === 101) & (data.studentID === stuID)
+ );
+
+ var dLast;
+ if (lastIniCall.length > 0) {
+ dLast = lastIniCall[lastIniCall.length - 1].weekOf;
+ }
+ return dLast;
+};
+
+export const dbLastRV = async (stuID) => {
+ const appData = await promiseGetRecoil(studentsAssignmentHistoryState);
+ const lastRV = appData.filter(
+ (data) => (data.assignmentID === 102) & (data.studentID === stuID)
+ );
+
+ var dLast;
+ if (lastRV.length > 0) {
+ dLast = lastRV[0].weekOf;
+ }
+ return dLast;
+};
+
+export const dbFirstRV = async (stuID) => {
+ const appData = await promiseGetRecoil(studentsAssignmentHistoryState);
+ const lastRV = appData.filter(
+ (data) => (data.assignmentID === 102) & (data.studentID === stuID)
+ );
+
+ var dLast;
+ if (lastRV.length > 0) {
+ dLast = lastRV[lastRV.length - 1].weekOf;
+ }
+ return dLast;
+};
+
+export const dbLastBibleStudy = async (stuID) => {
+ const appData = await promiseGetRecoil(studentsAssignmentHistoryState);
+ const lastBibleStudy = appData.filter(
+ (data) => (data.assignmentID === 103) & (data.studentID === stuID)
+ );
+
+ var dLast;
+ if (lastBibleStudy.length > 0) {
+ dLast = lastBibleStudy[0].weekOf;
+ }
+ return dLast;
+};
+
+export const dbFirstBibleStudy = async (stuID) => {
+ const appData = await promiseGetRecoil(studentsAssignmentHistoryState);
+ const lastBibleStudy = appData.filter(
+ (data) => (data.assignmentID === 103) & (data.studentID === stuID)
+ );
+
+ var dLast;
+ if (lastBibleStudy.length > 0) {
+ dLast = lastBibleStudy[lastBibleStudy.length - 1].weekOf;
+ }
+ return dLast;
+};
+
+export const dbLastTalk = async (stuID) => {
+ const appData = await promiseGetRecoil(studentsAssignmentHistoryState);
+ const lastTalk = appData.filter(
+ (data) => (data.assignmentID === 104) & (data.studentID === stuID)
+ );
+
+ var dLast;
+ if (lastTalk.length > 0) {
+ dLast = lastTalk[0].weekOf;
+ }
+ return dLast;
+};
+
+export const dbFirstTalk = async (stuID) => {
+ const appData = await promiseGetRecoil(studentsAssignmentHistoryState);
+ const lastTalk = appData.filter(
+ (data) => (data.assignmentID === 104) & (data.studentID === stuID)
+ );
+
+ var dLast;
+ if (lastTalk.length > 0) {
+ dLast = lastTalk[lastTalk.length - 1].weekOf;
+ }
+ return dLast;
+};
+
+export const dbLastAssistant = async (stuID) => {
+ const appData = await promiseGetRecoil(studentsAssignmentHistoryState);
+ const lastAssistant = appData.filter(
+ (data) => (data.assignmentID === 109) & (data.studentID === stuID)
+ );
+ var dLast;
+ if (lastAssistant.length > 0) {
+ dLast = lastAssistant[0].weekOf;
+ }
+ return dLast;
+};
+
+export const dbLastAssignment = async (stuID) => {
+ const appData = await promiseGetRecoil(studentsAssignmentHistoryState);
+ const lastAssignment = appData.filter((data) => data.studentID === stuID);
+ var dLast;
+ if (lastAssignment.length > 0) {
+ dLast = lastAssignment[0].weekOf;
+ }
+ return dLast;
+};
+
+export const dbRefreshStudentHistory = async (varPrev, varNew) => {
+ let varPers;
+ for (let a = 1; a <= 2; a++) {
+ if (a === 1) {
+ varPers = varPrev;
+ } else {
+ varPers = varNew;
+ }
+
+ if ((typeof varPers !== 'undefined') & (varPers !== '')) {
+ const student = await dbGetStudentDetails(varPers);
+
+ if (student) {
+ const stuAssignment = await dbLastAssignment(varPers);
+
+ var obj = {};
+ obj.lastAssignment = stuAssignment;
+ await appDb.table('persons').update(student.id, { ...obj });
+
+ const students = await dbGetStudentsMini();
+ await promiseSetRecoil(allStudentsState, students);
+ await promiseSetRecoil(filteredStudentsState, students);
+
+ const history = await dbHistoryAssignment();
+ await promiseSetRecoil(studentsAssignmentHistoryState, history);
+ }
+ }
+ }
+};
+
+export const dbGetS89WeekList = async (scheduleName) => {
+ var s89Data = [];
+ const allWeeks = await dbGetWeekListBySched(scheduleName);
+ for (let i = 0; i < allWeeks.length; i++) {
+ const week = allWeeks[i].value;
+ const scheduleData = await dbGetScheduleData(week);
+ if (!scheduleData.noMeeting) {
+ var parentWeek = {};
+ parentWeek.value = week;
+ const dateW = new Date(week);
+ const weekDateFormatted = dateFormat(dateW, t('global.shortDateFormat'));
+ parentWeek.label = weekDateFormatted;
+ parentWeek.children = [];
+
+ const sourceData = await dbGetSourceMaterial(week);
+
+ if (scheduleData.bRead_stu_A !== '' || scheduleData.bRead_stu_B !== '') {
+ var assType = {};
+ assType.label = t('global.bibleReading');
+ assType.value = week + '-0@bRead-A';
+ if (
+ scheduleData.bRead_stu_A !== '' &&
+ scheduleData.bRead_stu_B !== ''
+ ) {
+ assType.children = [];
+ var assClass = {};
+ assClass.value = week + '-0@bRead-A';
+ assClass.label = t('global.mainHall');
+ assType.children.push(assClass);
+ assClass.value = week + '-0@bRead-B';
+ assClass.label = t('global.auxClass1');
+ assType.children.push(assClass);
+ }
+ parentWeek.children.push(assType);
+ }
+
+ const assTypeList = await promiseGetRecoil(assTypeLocalState);
+ for (let i = 1; i <= 4; i++) {
+ const fldStuA = 'ass' + i + '_stu_A';
+ const fldStuB = 'ass' + i + '_stu_B';
+ const fldAss = 'ass' + i + '_type';
+ if (
+ scheduleData[fldStuA] !== undefined ||
+ scheduleData[fldStuB] !== undefined
+ ) {
+ if (scheduleData[fldStuA] !== '' || scheduleData[fldStuB] !== '') {
+ assType = {};
+ let indexType;
+ indexType = assTypeList.findIndex(
+ (type) => type.value === sourceData[fldAss]
+ );
+ assType.label = indexType >= 0 ? assTypeList[indexType].label : '';
+ assType.value = week + '-' + i + '@ass' + i + '-A';
+ if (scheduleData[fldStuA] !== '' && scheduleData[fldStuB] !== '') {
+ assType.children = [];
+ assClass = {};
+ assClass.value = week + '-' + i + '@ass' + i + '-A';
+ assClass.label = t('global.mainHall');
+ assType.children.push(assClass);
+ assClass.value = week + '-' + i + '@ass' + i + '-B';
+ assClass.label = t('global.auxClass1');
+ assType.children.push(assClass);
+ }
+ parentWeek.children.push(assType);
+ }
+ }
+ }
+ if (parentWeek.children.length > 0) {
+ s89Data.push(parentWeek);
+ }
+ }
+ }
+ var obj = {};
+ obj.value = 'S89';
+ obj.label = t('global.allWeeks');
+ obj.children = s89Data;
+ return obj;
+};
+
+export const dbGetS89ItemData = async (week, assName, classLabel) => {
+ var stuFld = '';
+ var assFld = '';
+ var assTimeFld = '';
+ var assTypeFld = 0;
+
+ if (assName === 'bRead') {
+ stuFld = 'bRead_stu_' + classLabel;
+ } else if (assName === 'ass1') {
+ stuFld = 'ass1_stu_' + classLabel;
+ assFld = 'ass1_ass_' + classLabel;
+ assTypeFld = 'ass1_type';
+ assTimeFld = 'ass1_time';
+ } else if (assName === 'ass2') {
+ stuFld = 'ass2_stu_' + classLabel;
+ assFld = 'ass2_ass_' + classLabel;
+ assTypeFld = 'ass2_type';
+ assTimeFld = 'ass2_time';
+ } else if (assName === 'ass3') {
+ stuFld = 'ass3_stu_' + classLabel;
+ assFld = 'ass3_ass_' + classLabel;
+ assTypeFld = 'ass3_type';
+ assTimeFld = 'ass3_time';
+ } else if (assName === 'ass4') {
+ stuFld = 'ass4_stu_' + classLabel;
+ assFld = 'ass4_ass_' + classLabel;
+ assTypeFld = 'ass4_type';
+ assTimeFld = 'ass4_time';
+ }
+
+ const appSettings = await dbGetAppSettings();
+ var midDay = parseInt(appSettings.meeting_day, 10);
+
+ const [varMonth, varDay, varYear] = week.split('/');
+ midDay = parseInt(varDay, 10) + midDay - 1;
+ const lDate = new Date(varYear, varMonth - 1, midDay);
+ const dateFormatted = dateFormat(lDate, t('global.shortDateFormat'));
+
+ const sourceData = await dbGetSourceMaterial(week);
+ const scheduleData = await dbGetScheduleData(week);
+
+ var s89Data = {};
+ const stuID = scheduleData[stuFld];
+ const { person_name } = await dbGetStudentDetails(stuID);
+ s89Data.studentName = person_name;
+ s89Data.assistantName = '';
+ s89Data.isBRead = false;
+ s89Data.isInitialCall = false;
+ s89Data.initialCallSpec = '';
+ s89Data.isReturnVisit = false;
+ s89Data.returnVisitSpec = '';
+ s89Data.isBibleStudy = false;
+ s89Data.bibleStudySpec = '';
+ s89Data.isTalk = false;
+ s89Data.assignmentDate = dateFormatted;
+
+ if (
+ assName === 'ass1' ||
+ assName === 'ass2' ||
+ assName === 'ass3' ||
+ assName === 'ass4'
+ ) {
+ const assType = sourceData[assTypeFld];
+ if (
+ assType === 101 ||
+ assType === 102 ||
+ assType === 103 ||
+ assType === 108
+ ) {
+ const assID = scheduleData[assFld];
+ if (typeof assID !== 'undefined' && assID !== '') {
+ const assInfo = await dbGetStudentDetails(assID);
+ s89Data.assistantName = assInfo.person_name;
+ }
+ }
+
+ const ass1Type = sourceData['ass1_type'];
+ const ass2Type = sourceData['ass2_type'];
+ const ass3Type = sourceData['ass3_type'];
+ const ass4Type = sourceData['ass4_type'];
+ const assTime = sourceData[assTimeFld];
+
+ if (assType === 101 || assType === 108) {
+ s89Data.isInitialCall = true;
+ if (assName === 'ass1') {
+ if (
+ ass1Type === ass2Type ||
+ ass1Type === ass3Type ||
+ ass1Type === ass4Type
+ ) {
+ s89Data.initialCallSpec = t('schedule.assignmentPart', {
+ id: 1,
+ time: assTime,
+ });
+ }
+ } else if (assName === 'ass2') {
+ if (
+ ass2Type === ass1Type ||
+ ass2Type === ass3Type ||
+ ass2Type === ass4Type
+ ) {
+ s89Data.initialCallSpec = t('schedule.assignmentPart', {
+ id: 2,
+ time: assTime,
+ });
+ }
+ } else if (assName === 'ass3') {
+ if (
+ ass3Type === ass1Type ||
+ ass3Type === ass2Type ||
+ ass3Type === ass4Type
+ ) {
+ s89Data.initialCallSpec = t('schedule.assignmentPart', {
+ id: 3,
+ time: assTime,
+ });
+ }
+ } else if (assName === 'ass4') {
+ if (
+ ass4Type === ass1Type ||
+ ass4Type === ass2Type ||
+ ass4Type === ass3Type
+ ) {
+ s89Data.initialCallSpec = t('schedule.assignmentPart', {
+ id: 4,
+ time: assTime,
+ });
+ }
+ }
+ } else if (assType === 102) {
+ s89Data.isReturnVisit = true;
+ if (assName === 'ass1') {
+ if (
+ ass1Type === ass2Type ||
+ ass1Type === ass3Type ||
+ ass1Type === ass4Type
+ ) {
+ s89Data.returnVisitSpec = t('schedule.assignmentPart', {
+ id: 1,
+ time: assTime,
+ });
+ }
+ } else if (assName === 'ass2') {
+ if (
+ ass2Type === ass1Type ||
+ ass2Type === ass3Type ||
+ ass2Type === ass4Type
+ ) {
+ s89Data.returnVisitSpec = t('schedule.assignmentPart', {
+ id: 2,
+ time: assTime,
+ });
+ }
+ } else if (assName === 'ass3') {
+ if (
+ ass3Type === ass1Type ||
+ ass3Type === ass2Type ||
+ ass3Type === ass4Type
+ ) {
+ s89Data.returnVisitSpec = t('schedule.assignmentPart', {
+ id: 3,
+ time: assTime,
+ });
+ }
+ } else if (assName === 'ass4') {
+ if (
+ ass4Type === ass1Type ||
+ ass4Type === ass2Type ||
+ ass4Type === ass3Type
+ ) {
+ s89Data.returnVisitSpec = t('schedule.assignmentPart', {
+ id: 4,
+ time: assTime,
+ });
+ }
+ }
+ } else if (assType === 103) {
+ s89Data.isBibleStudy = true;
+ } else if (assType === 104) {
+ s89Data.isTalk = true;
+ }
+ } else {
+ s89Data.isBRead = true;
+ }
+
+ if (classLabel === 'A') {
+ s89Data.isMainHall = true;
+ s89Data.isAuxClass = false;
+ } else {
+ s89Data.isMainHall = false;
+ s89Data.isAuxClass = true;
+ }
+
+ return s89Data;
+};
+
+export const dbGetScheduleForPrint = async (scheduleName) => {
+ var data = [];
+ const allWeeks = await dbGetWeekListBySched(scheduleName);
+ for (let i = 0; i < allWeeks.length; i++) {
+ const week = allWeeks[i].value;
+ const scheduleData = await dbGetScheduleData(week);
+ const sourceData = await dbGetSourceMaterial(week);
+ var obj = {};
+ obj.week = week;
+ obj.scheduleData = scheduleData;
+ obj.sourceData = sourceData;
+ data.push(obj);
+ }
+ return data;
+};
+
+export const dbBuildNewAssignmentsFormat = async () => {};
diff --git a/src/indexedDb/dbNotifications.js b/src/indexedDb/dbNotifications.js
new file mode 100644
index 00000000..b5c2eae4
--- /dev/null
+++ b/src/indexedDb/dbNotifications.js
@@ -0,0 +1,60 @@
+import { promiseSetRecoil } from 'recoil-outside';
+import { appNotificationsState } from '../appStates/appSettings';
+import { langList } from '../locales/langList';
+import appDb from './mainDb';
+
+export const dbGetNotifications = async () => {
+ const notifications = await appDb.table('notifications').toArray();
+
+ return notifications;
+};
+
+export const dbSaveNotifications = async (data) => {
+ let notifications = await dbGetNotifications();
+
+ await appDb.notifications.clear();
+
+ for (let i = 0; i < data.length; i++) {
+ const announcement = data[i];
+
+ let obj = {};
+ const notification = notifications.find(
+ (item) => item.notification_id === announcement.id
+ );
+
+ if (notification) {
+ obj.isRead = notification.isRead;
+ } else {
+ obj.isRead = false;
+ }
+ obj.notification_id = announcement.id;
+ obj.content = {};
+ langList.forEach((lang) => {
+ const code = lang.code.toUpperCase();
+ obj.content[code] = announcement[code];
+ });
+
+ await appDb.notifications.add(obj);
+ }
+
+ notifications = await dbGetNotifications();
+
+ await promiseSetRecoil(appNotificationsState, notifications);
+ return;
+};
+
+export const dbReadNotification = async (id) => {
+ let notifications = await dbGetNotifications();
+
+ const notification = notifications.find(
+ (item) => item.notification_id === id
+ );
+
+ if (notification) {
+ await appDb.notifications.update(notification.id, { isRead: true });
+ }
+
+ notifications = await dbGetNotifications();
+ await promiseSetRecoil(appNotificationsState, notifications);
+ return;
+};
diff --git a/src/indexedDb/dbPersons.js b/src/indexedDb/dbPersons.js
new file mode 100644
index 00000000..cb4c7e59
--- /dev/null
+++ b/src/indexedDb/dbPersons.js
@@ -0,0 +1,541 @@
+import { promiseGetRecoil, promiseSetRecoil } from 'recoil-outside';
+import dateFormat from 'dateformat';
+import { dbGetSourceMaterial } from './dbSourceMaterial';
+import { getI18n } from 'react-i18next';
+import appDb from './mainDb';
+import {
+ allStudentsState,
+ filteredStudentsState,
+} from '../appStates/appStudents';
+import { sortHistoricalDateDesc } from '../utils/app';
+import { dbStudentAssignmentsHistory } from './dbAssignment';
+
+const { t } = getI18n();
+
+export const dbGetStudents = async () => {
+ let allStudents = [];
+
+ const data = await appDb
+ .table('persons')
+ .reverse()
+ .reverse()
+ .sortBy('person_name');
+
+ const appData = data.filter(
+ (student) => student.isMoved === undefined || student.isMoved === false
+ );
+
+ for (let i = 0; i < appData.length; i++) {
+ let person = {};
+ person.id = appData[i].id;
+ person.person_uid = appData[i].person_uid;
+ person.person_name = appData[i].person_name;
+ person.person_displayName = appData[i].person_displayName;
+ person.isMale = appData[i].isMale;
+ person.isFemale = appData[i].isFemale;
+ person.isBRead = appData[i].isBRead;
+ person.isInitialCall = appData[i].isInitialCall;
+ person.isReturnVisit = appData[i].isReturnVisit;
+ person.isBibleStudy = appData[i].isBibleStudy;
+ person.isTalk = appData[i].isTalk;
+ person.isUnavailable = appData[i].isUnavailable;
+ person.forLivePart = appData[i].forLivePart;
+ person.viewOnlineSchedule = appData[i].viewOnlineSchedule || false;
+ person.student_PIN = appData[i].student_PIN || '';
+ person.viewStudent_Part = appData[i].viewStudent_Part || [];
+ person.lastBRead = appData[i].lastBRead || '';
+ person.lastInitialCall = appData[i].lastInitialCall || '';
+ person.lastReturnVisit = appData[i].lastReturnVisit || '';
+ person.lastBibleStudy = appData[i].lastBibleStudy || '';
+ person.lastTalk = appData[i].lastTalk || '';
+ person.isMoved = appData[i].isMoved || false;
+ person.isDisqualified = appData[i].isDisqualified || false;
+ let assignments = appData[i].assignments || [];
+ person.assignments = sortHistoricalDateDesc(assignments);
+
+ let timeAway = appData[i].timeAway || [];
+ person.timeAway = sortHistoricalDateDesc(timeAway);
+
+ allStudents.push(person);
+ }
+ return allStudents;
+};
+
+export const dbGetStudentsMini = async () => {
+ let allStudents = [];
+
+ const data = await appDb
+ .table('persons')
+ .reverse()
+ .reverse()
+ .sortBy('person_name');
+
+ const appData = data.filter((student) => student.isMoved === false);
+
+ for (let i = 0; i < appData.length; i++) {
+ let person = {};
+ person.id = appData[i].id;
+ person.person_uid = appData[i].person_uid;
+ person.person_name = appData[i].person_name;
+ person.person_displayName = appData[i].person_displayName;
+ person.isMale = appData[i].isMale;
+ person.isFemale = appData[i].isFemale;
+ person.isDisqualified = appData[i].isDisqualified || false;
+ person.lastAssignment = appData[i].lastAssignment;
+
+ let assignments = appData[i].assignments.map((assignment) =>
+ assignment.endDate === null
+ ? { ...assignment, isActive: true }
+ : { ...assignment, isActive: false }
+ );
+ person.assignments = sortHistoricalDateDesc(assignments);
+
+ let timeAway = appData[i].timeAway || [];
+ person.timeAway = sortHistoricalDateDesc(timeAway);
+
+ allStudents.push(person);
+ }
+ return allStudents;
+};
+
+export const dbIsStudentExist = async (varName) => {
+ var isExist = false;
+ const appData = await appDb.table('persons').get({ person_name: varName });
+ if (typeof appData !== 'undefined') {
+ isExist = true;
+ }
+ return isExist;
+};
+
+export const dbSavePersonData = async (personData) => {
+ const person = await dbGetStudentDetails(personData.person_uid);
+
+ await appDb.table('persons').update(person.id, {
+ person_name: personData.person_name,
+ person_displayName: personData.person_displayName,
+ isMale: personData.isMale,
+ isFemale: personData.isFemale,
+ isBRead: personData.isBRead,
+ isInitialCall: personData.isInitialCall,
+ isReturnVisit: personData.isReturnVisit,
+ isBibleStudy: personData.isBibleStudy,
+ isTalk: personData.isTalk,
+ isUnavailable: personData.isUnavailable,
+ forLivePart: personData.forLivePart,
+ viewOnlineSchedule: personData.viewOnlineSchedule,
+ student_PIN: personData.student_PIN,
+ viewStudent_Part: personData.viewStudent_Part,
+ assignments: personData.assignments,
+ });
+};
+
+export const dbDeleteStudent = async (uid) => {
+ const appData = await appDb.table('persons').get({ person_uid: uid });
+ await appDb.persons.delete(appData.id);
+};
+
+export const dbAddPersonData = async (personData) => {
+ await appDb.persons.add({
+ person_uid: personData.person_uid,
+ person_name: personData.person_name,
+ person_displayName: personData.person_displayName,
+ isMale: personData.isMale,
+ isFemale: personData.isFemale,
+ isBRead: personData.isBRead,
+ isInitialCall: personData.isInitialCall,
+ isReturnVisit: personData.isReturnVisit,
+ isBibleStudy: personData.isBibleStudy,
+ isTalk: personData.isTalk,
+ isUnavailable: personData.isUnavailable,
+ forLivePart: personData.forLivePart,
+ });
+};
+
+export const dbGetStudentUidById = async (id) => {
+ const appData = await appDb.table('persons').get({ id: id });
+ return appData.person_uid;
+};
+
+export const dbGetStudentByUid = async (uid) => {
+ const appData = await appDb.table('persons').get({ person_uid: uid });
+ return appData;
+};
+
+export const dbGetStudentDetails = async (uid) => {
+ const students = await promiseGetRecoil(allStudentsState);
+
+ let student = students.find((student) => student.person_uid === uid);
+
+ if (student) {
+ let assignments = await dbStudentAssignmentsHistory(uid);
+ student = { ...student, historyAssignments: assignments };
+ }
+
+ return student;
+};
+
+export const dbGetStudentDetailsMini = async (uid) => {
+ const students = await promiseGetRecoil(allStudentsState);
+ let student = { ...students.find((student) => student.person_uid === uid) };
+ return student;
+};
+
+export const dbGetPersonsByAssType = async (assType) => {
+ const data = await promiseGetRecoil(allStudentsState);
+ // remove disqualified students
+ const appData = data.filter((person) => person.isDisqualified === false);
+
+ let dbPersons = [];
+ if (assType === 'isAssistant') {
+ dbPersons = appData.filter(
+ (person) =>
+ person.assignments.find(
+ (assignment) =>
+ assignment.isActive === true && assignment.code === 101
+ ) ||
+ person.assignments.find(
+ (assignment) =>
+ assignment.isActive === true && assignment.code === 102
+ ) ||
+ person.assignments.find(
+ (assignment) =>
+ assignment.isActive === true && assignment.code === 103
+ )
+ );
+ } else {
+ dbPersons = appData.filter((person) =>
+ person.assignments.find(
+ (assignment) =>
+ assignment.isActive === true && assignment.code === assType
+ )
+ );
+ }
+ var persons = [];
+
+ for (let i = 0; i < dbPersons.length; i++) {
+ var person = {};
+ person.person_uid = dbPersons[i].person_uid;
+ person.lastAssignment = dbPersons[i].lastAssignment;
+ if (typeof dbPersons[i].lastAssignment === 'undefined') {
+ person.lastAssignmentFormat = '';
+ } else {
+ const [varMonth, varDay, varYear] =
+ dbPersons[i].lastAssignment.split('/');
+ var lDate = new Date(varYear, varMonth - 1, varDay);
+ const dateFormatted = dateFormat(lDate, t('global.shortDateFormat'));
+ person.lastAssignmentFormat = dateFormatted;
+ }
+ person.person_displayName = dbPersons[i].person_displayName;
+ person.timeAway = dbPersons[i].timeAway;
+ persons.push(person);
+ }
+
+ persons.sort((a, b) => {
+ if (typeof a.lastAssignment === 'undefined') return -1;
+ if (typeof b.lastAssignment === 'undefined') return 1;
+ if (a.lastAssignment === b.lastAssignment) return 0;
+ var dateA =
+ a.lastAssignment.split('/')[2] +
+ '/' +
+ a.lastAssignment.split('/')[0] +
+ '/' +
+ a.lastAssignment.split('/')[1];
+ var dateB =
+ b.lastAssignment.split('/')[2] +
+ '/' +
+ b.lastAssignment.split('/')[0] +
+ '/' +
+ b.lastAssignment.split('/')[1];
+ return dateA > dateB ? 1 : -1;
+ });
+ return persons;
+};
+
+export const dbHistoryAssignment = async () => {
+ const appData = await appDb.table('sched_MM').reverse().sortBy('weekOf');
+ var dbHistory = [];
+ var histID = 0;
+ for (let i = 0; i < appData.length; i++) {
+ var person = {};
+
+ const weekData = await dbGetSourceMaterial(appData[i].weekOf);
+ const [varMonth, varDay, varYear] = appData[i].weekOf.split('/');
+ const lDate = new Date(varYear, varMonth - 1, varDay);
+ const dateFormatted = dateFormat(lDate, t('global.shortDateFormat'));
+ const cnAss = [{ iAss: 1 }, { iAss: 2 }, { iAss: 3 }];
+ const varClasses = [{ classLabel: 'A' }, { classLabel: 'B' }];
+
+ //Bible Reading History
+ for (let a = 0; a < varClasses.length; a++) {
+ const fldName = 'bRead_stu_' + varClasses[a].classLabel;
+ if (typeof appData[i][fldName] !== 'undefined') {
+ person.ID = histID;
+ person.weekOf = appData[i].weekOf;
+ person.weekOfFormatted = dateFormatted;
+ person.studentID = appData[i][fldName];
+ const stuDetails = await dbGetStudentDetails(person.studentID);
+ person.studentName = stuDetails.person_displayName;
+ person.assignmentID = 0;
+ person.assignmentName = t('global.bibleReading');
+ person.class = varClasses[a].classLabel;
+ dbHistory.push(person);
+ person = {};
+ histID++;
+ }
+ }
+
+ //AYF Assigment History
+ for (let b = 0; b < cnAss.length; b++) {
+ var weekFld = 'ass' + cnAss[b].iAss + '_type';
+ const assType = weekData[weekFld];
+
+ for (let a = 0; a < varClasses.length; a++) {
+ var fldName =
+ 'ass' + cnAss[b].iAss + '_stu_' + varClasses[a].classLabel;
+ if (typeof appData[i][fldName] !== 'undefined') {
+ person.ID = histID;
+ person.weekOf = appData[i].weekOf;
+ person.weekOfFormatted = dateFormatted;
+ person.studentID = appData[i][fldName];
+ const stuDetails = await dbGetStudentDetails(person.studentID);
+ person.studentName = stuDetails.person_displayName;
+ person.assignmentID = assType;
+ if (assType === 1 || assType === 20) {
+ person.assignmentName = t('global.initialCall');
+ } else if (assType === 2) {
+ person.assignmentName = t('global.returnVisit');
+ } else if (assType === 3) {
+ person.assignmentName = t('global.bibleStudy');
+ } else if (assType === 4) {
+ person.assignmentName = t('global.talk');
+ }
+ person.class = varClasses[a].classLabel;
+ dbHistory.push(person);
+ person = {};
+ histID++;
+ }
+
+ fldName = 'ass' + cnAss[b].iAss + '_ass_' + varClasses[a].classLabel;
+ if (typeof appData[i][fldName] !== 'undefined') {
+ person.ID = histID;
+ person.weekOf = appData[i].weekOf;
+ person.weekOfFormatted = dateFormatted;
+ person.studentID = appData[i][fldName];
+ const stuDetails = await dbGetStudentDetails(person.studentID);
+ person.studentName = stuDetails.person_displayName;
+ person.assignmentID = 8;
+ person.assignmentName = 'Mpanampy';
+ person.class = varClasses[a].classLabel;
+ dbHistory.push(person);
+ person = {};
+ histID++;
+ }
+ }
+ }
+ }
+ dbHistory.sort((a, b) => {
+ var dateA =
+ a.weekOf.split('/')[2] +
+ '/' +
+ a.weekOf.split('/')[0] +
+ '/' +
+ a.weekOf.split('/')[1];
+ var dateB =
+ b.weekOf.split('/')[2] +
+ '/' +
+ b.weekOf.split('/')[0] +
+ '/' +
+ b.weekOf.split('/')[1];
+ return dateA > dateB ? 1 : -1;
+ });
+ return dbHistory;
+};
+
+export const dbStudentID = async (varName) => {
+ const appData = await appDb
+ .table('persons')
+ .get({ person_displayName: varName });
+ return appData.person_uid;
+};
+
+export const dbHistoryAssistant = async (mainStuID) => {
+ mainStuID = await dbStudentID(mainStuID);
+ const appData = await appDb.table('sched_MM').reverse().sortBy('weekOf');
+ var dbHistory = [];
+ var histID = 0;
+ for (let i = 0; i < appData.length; i++) {
+ var person = {};
+
+ const weekData = await dbGetSourceMaterial(appData[i].weekOf);
+ const [varMonth, varDay, varYear] = appData[i].weekOf.split('/');
+ const lDate = new Date(varYear, varMonth - 1, varDay);
+ const dateFormatted = dateFormat(lDate, 'dd/mm/yyyy');
+ const cnAss = [{ iAss: 1 }, { iAss: 2 }, { iAss: 3 }];
+ const varClasses = [{ classLabel: 'A' }, { classLabel: 'B' }];
+
+ //AYF Assigment History
+ for (let b = 0; b < cnAss.length; b++) {
+ var weekFld = 'ass' + cnAss[b].iAss + '_type';
+ const assType = weekData[weekFld];
+
+ if (
+ assType === 101 ||
+ assType === 102 ||
+ assType === 103 ||
+ assType === 108
+ ) {
+ for (let a = 0; a < varClasses.length; a++) {
+ const fldName =
+ 'ass' + cnAss[b].iAss + '_stu_' + varClasses[a].classLabel;
+ if (typeof appData[i][fldName] !== 'undefined') {
+ if (appData[i][fldName] === mainStuID) {
+ const assFldName =
+ 'ass' + cnAss[b].iAss + '_ass_' + varClasses[a].classLabel;
+ if (typeof appData[i][assFldName] !== 'undefined') {
+ person.ID = histID;
+ person.weekOf = appData[i].weekOf;
+ person.weekOfFormatted = dateFormatted;
+ person.mainStuID = appData[i][fldName];
+ person.assistantStuID = appData[i][assFldName];
+ const stuDetails = await dbGetStudentDetails(
+ person.assistantStuID
+ );
+ person.assistantName = stuDetails.person_displayName;
+ dbHistory.push(person);
+ person = {};
+ histID++;
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+
+ return dbHistory;
+};
+
+export const dbSavePerson = async (uid, data) => {
+ console.log(uid, data);
+ const person = await dbGetStudentDetails(uid);
+ await appDb.table('persons').update(person.id, {
+ ...data,
+ });
+};
+
+export const dbSavePersonMigration = async (data) => {
+ await appDb.table('persons').update(data.id, {
+ ...data,
+ });
+};
+
+export const dbBuildPocketUsers = async () => {
+ const students = await dbGetStudents();
+ const pocketUsers = students.filter((student) => student.student_PIN > 0);
+
+ const data = [];
+ for (let i = 0; i < pocketUsers.length; i++) {
+ let dispPart = [];
+ let allPart = [];
+ const viewPart = pocketUsers[i].viewStudent_Part;
+ for (let a = 0; a < viewPart.length; a++) {
+ const child = await dbGetStudentDetails(viewPart[a]);
+ dispPart.push(child.person_displayName);
+ allPart.push(child);
+ }
+
+ const obj = {
+ ...pocketUsers[i],
+ viewPartName: dispPart,
+ viewPartFull: allPart,
+ };
+
+ data.push(obj);
+ }
+
+ return data;
+};
+
+export const dbSavePersonExp = async (data) => {
+ const { id, person_name, person_displayName } = data;
+ if (person_name && person_displayName) {
+ if (id) {
+ if (data.historyAssignments) delete data.historyAssignments;
+ await appDb.table('persons').update(id, data);
+ } else {
+ let obj = {
+ person_uid: window.crypto.randomUUID(),
+ isMoved: false,
+ isDisqualified: false,
+ ...data,
+ };
+ await appDb.persons.add(obj);
+ }
+
+ const students = await dbGetStudentsMini();
+ await promiseSetRecoil(allStudentsState, students);
+ await promiseSetRecoil(filteredStudentsState, students);
+ return true;
+ } else {
+ return false;
+ }
+};
+
+export const dbFilterStudents = async (data) => {
+ const { txtSearch, isMale, isFemale, assTypes } = data;
+
+ const dbStudents = await promiseGetRecoil(allStudentsState);
+
+ let firstPassFiltered = [];
+ for (let i = 0; i < dbStudents.length; i++) {
+ const student = dbStudents[i];
+
+ if (student.person_name.toLowerCase().includes(txtSearch.toLowerCase())) {
+ if (isMale === isFemale) {
+ firstPassFiltered.push(student);
+ } else if (isMale !== isFemale) {
+ if (student.isMale === isMale && student.isFemale === isFemale) {
+ firstPassFiltered.push(student);
+ }
+ }
+ }
+ }
+
+ let secondPassFiltered = [];
+ for (let i = 0; i < firstPassFiltered.length; i++) {
+ const student = firstPassFiltered[i];
+ const assignments = student.assignments;
+
+ let passed = true;
+
+ for (let a = 0; a < assTypes.length; a++) {
+ const found = assignments.find(
+ (assignment) =>
+ assignment.code === assTypes[a] && assignment.isActive === true
+ );
+ if (!found) {
+ passed = false;
+ break;
+ }
+ }
+
+ if (passed) secondPassFiltered.push(student);
+ }
+
+ return secondPassFiltered;
+};
+
+export const dbRecentStudents = async (data) => {
+ const recentStudents = data ? JSON.parse(data) : [];
+
+ const dbStudents = await promiseGetRecoil(allStudentsState);
+
+ const builtStudents = recentStudents.map((recent) => {
+ const findStudent = dbStudents.find(
+ (student) => student.person_uid === recent
+ );
+ return findStudent;
+ });
+
+ return builtStudents;
+};
diff --git a/src/indexedDb/dbSchedule.js b/src/indexedDb/dbSchedule.js
new file mode 100644
index 00000000..0c5d2df3
--- /dev/null
+++ b/src/indexedDb/dbSchedule.js
@@ -0,0 +1,520 @@
+import { dbGetAppSettings } from './dbAppSettings';
+import { dbSaveAss } from './dbAssignment';
+import { dbGetPersonsByAssType, dbGetStudentByUid } from './dbPersons';
+import {
+ dbGetSourceMaterial,
+ dbGetSourceMaterialPocket,
+ dbGetWeekListBySched,
+ dbGetWeekTypeName,
+ dbGetWeekTypeNamePocket,
+} from './dbSourceMaterial';
+import appDb from './mainDb';
+
+export const dbGetScheduleData = async (weekValue) => {
+ const appData = await appDb.table('sched_MM').get({ weekOf: weekValue });
+ var schedule = {};
+ var student = {};
+ schedule.weekOf = appData.weekOf;
+ if (typeof appData.bRead_stu_A === 'undefined') {
+ schedule.bRead_stu_A = '';
+ schedule.bRead_stu_A_dispName = '';
+ } else {
+ schedule.bRead_stu_A = appData.bRead_stu_A;
+ student = await dbGetStudentByUid(schedule.bRead_stu_A);
+ schedule.bRead_stu_A_dispName = student.person_displayName;
+ }
+ if (typeof appData.bRead_stu_B === 'undefined') {
+ schedule.bRead_stu_B = '';
+ schedule.bRead_stu_B_dispName = '';
+ } else {
+ schedule.bRead_stu_B = appData.bRead_stu_B;
+ student = await dbGetStudentByUid(schedule.bRead_stu_B);
+ schedule.bRead_stu_B_dispName = student.person_displayName;
+ }
+ if (typeof appData.ass1_stu_A === 'undefined') {
+ schedule.ass1_stu_A = '';
+ schedule.ass1_stu_A_dispName = '';
+ } else {
+ schedule.ass1_stu_A = appData.ass1_stu_A;
+ student = await dbGetStudentByUid(schedule.ass1_stu_A);
+ schedule.ass1_stu_A_dispName = student.person_displayName;
+ }
+ if (typeof appData.ass1_ass_A === 'undefined') {
+ schedule.ass1_ass_A = '';
+ schedule.ass1_ass_A_dispName = '';
+ } else {
+ schedule.ass1_ass_A = appData.ass1_ass_A;
+ student = await dbGetStudentByUid(schedule.ass1_ass_A);
+ schedule.ass1_ass_A_dispName = student.person_displayName;
+ }
+ if (typeof appData.ass1_stu_B === 'undefined') {
+ schedule.ass1_stu_B = '';
+ schedule.ass1_stu_B_dispName = '';
+ } else {
+ schedule.ass1_stu_B = appData.ass1_stu_B;
+ student = await dbGetStudentByUid(schedule.ass1_stu_B);
+ schedule.ass1_stu_B_dispName = student.person_displayName;
+ }
+ if (typeof appData.ass1_ass_B === 'undefined') {
+ schedule.ass1_ass_B = '';
+ schedule.ass1_ass_B_dispName = '';
+ } else {
+ schedule.ass1_ass_B = appData.ass1_ass_B;
+ student = await dbGetStudentByUid(schedule.ass1_ass_B);
+ schedule.ass1_ass_B_dispName = student.person_displayName;
+ }
+ if (typeof appData.ass2_stu_A === 'undefined') {
+ schedule.ass2_stu_A = '';
+ schedule.ass2_stu_A_dispName = '';
+ } else {
+ schedule.ass2_stu_A = appData.ass2_stu_A;
+ student = await dbGetStudentByUid(schedule.ass2_stu_A);
+ schedule.ass2_stu_A_dispName = student.person_displayName;
+ }
+ if (typeof appData.ass2_ass_A === 'undefined') {
+ schedule.ass2_ass_A = '';
+ schedule.ass2_ass_A_dispName = '';
+ } else {
+ schedule.ass2_ass_A = appData.ass2_ass_A;
+ student = await dbGetStudentByUid(schedule.ass2_ass_A);
+ schedule.ass2_ass_A_dispName = student.person_displayName;
+ }
+ if (typeof appData.ass2_stu_B === 'undefined') {
+ schedule.ass2_stu_B = '';
+ schedule.ass2_stu_B_dispName = '';
+ } else {
+ schedule.ass2_stu_B = appData.ass2_stu_B;
+ student = await dbGetStudentByUid(schedule.ass2_stu_B);
+ schedule.ass2_stu_B_dispName = student.person_displayName;
+ }
+ if (typeof appData.ass2_ass_B === 'undefined') {
+ schedule.ass2_ass_B = '';
+ schedule.ass2_ass_B_dispName = '';
+ } else {
+ schedule.ass2_ass_B = appData.ass2_ass_B;
+ student = await dbGetStudentByUid(schedule.ass2_ass_B);
+ schedule.ass2_ass_B_dispName = student.person_displayName;
+ }
+ if (typeof appData.ass3_stu_A === 'undefined') {
+ schedule.ass3_stu_A = '';
+ schedule.ass3_stu_A_dispName = '';
+ } else {
+ schedule.ass3_stu_A = appData.ass3_stu_A;
+ student = await dbGetStudentByUid(schedule.ass3_stu_A);
+ schedule.ass3_stu_A_dispName = student.person_displayName;
+ }
+ if (typeof appData.ass3_ass_A === 'undefined') {
+ schedule.ass3_ass_A = '';
+ schedule.ass3_ass_A_dispName = '';
+ } else {
+ schedule.ass3_ass_A = appData.ass3_ass_A;
+ student = await dbGetStudentByUid(schedule.ass3_ass_A);
+ schedule.ass3_ass_A_dispName = student.person_displayName;
+ }
+ if (typeof appData.ass3_stu_B === 'undefined') {
+ schedule.ass3_stu_B = '';
+ schedule.ass3_stu_B_dispName = '';
+ } else {
+ schedule.ass3_stu_B = appData.ass3_stu_B;
+ student = await dbGetStudentByUid(schedule.ass3_stu_B);
+ schedule.ass3_stu_B_dispName = student.person_displayName;
+ }
+ if (typeof appData.ass3_ass_B === 'undefined') {
+ schedule.ass3_ass_B = '';
+ schedule.ass3_ass_B_dispName = '';
+ } else {
+ schedule.ass3_ass_B = appData.ass3_ass_B;
+ student = await dbGetStudentByUid(schedule.ass3_ass_B);
+ schedule.ass3_ass_B_dispName = student.person_displayName;
+ }
+ if (typeof appData.ass4_stu_A === 'undefined') {
+ schedule.ass4_stu_A = '';
+ schedule.ass4_stu_A_dispName = '';
+ } else {
+ schedule.ass4_stu_A = appData.ass4_stu_A;
+ student = await dbGetStudentByUid(schedule.ass4_stu_A);
+ schedule.ass4_stu_A_dispName = student.person_displayName;
+ }
+ if (typeof appData.ass4_ass_A === 'undefined') {
+ schedule.ass4_ass_A = '';
+ schedule.ass4_ass_A_dispName = '';
+ } else {
+ schedule.ass4_ass_A = appData.ass4_ass_A;
+ student = await dbGetStudentByUid(schedule.ass4_ass_A);
+ schedule.ass4_ass_A_dispName = student.person_displayName;
+ }
+ if (typeof appData.ass4_stu_B === 'undefined') {
+ schedule.ass4_stu_B = '';
+ schedule.ass4_stu_B_dispName = '';
+ } else {
+ schedule.ass4_stu_B = appData.ass4_stu_B;
+ student = await dbGetStudentByUid(schedule.ass4_stu_B);
+ schedule.ass4_stu_B_dispName = student.person_displayName;
+ }
+ if (typeof appData.ass4_ass_B === 'undefined') {
+ schedule.ass4_ass_B = '';
+ schedule.ass4_ass_B_dispName = '';
+ } else {
+ schedule.ass4_ass_B = appData.ass4_ass_B;
+ student = await dbGetStudentByUid(schedule.ass4_ass_B);
+ schedule.ass4_ass_B_dispName = student.person_displayName;
+ }
+ schedule.week_type = parseInt(appData.week_type, 10) || 1;
+
+ schedule.week_type_name = await dbGetWeekTypeName(schedule.week_type);
+ schedule.noMeeting = appData.noMeeting || false;
+ return schedule;
+};
+
+export const dbGetScheduleDataPocket = async (weekValue) => {
+ const appData = await appDb.table('sched_MM').get({ weekOf: weekValue });
+ var schedule = {};
+ var student = {};
+ schedule.weekOf = appData.weekOf;
+ if (typeof appData.bRead_stu_A === 'undefined') {
+ schedule.bRead_stu_A = '';
+ schedule.bRead_stu_A_dispName = '';
+ } else {
+ schedule.bRead_stu_A = appData.bRead_stu_A;
+ student = await dbGetStudentByUid(schedule.bRead_stu_A);
+ schedule.bRead_stu_A_dispName = student.person_displayName;
+ }
+ if (typeof appData.bRead_stu_B === 'undefined') {
+ schedule.bRead_stu_B = '';
+ schedule.bRead_stu_B_dispName = '';
+ } else {
+ schedule.bRead_stu_B = appData.bRead_stu_B;
+ student = await dbGetStudentByUid(schedule.bRead_stu_B);
+ schedule.bRead_stu_B_dispName = student.person_displayName;
+ }
+ if (typeof appData.ass1_stu_A === 'undefined') {
+ schedule.ass1_stu_A = '';
+ schedule.ass1_stu_A_dispName = '';
+ } else {
+ schedule.ass1_stu_A = appData.ass1_stu_A;
+ student = await dbGetStudentByUid(schedule.ass1_stu_A);
+ schedule.ass1_stu_A_dispName = student.person_displayName;
+ }
+ if (typeof appData.ass1_ass_A === 'undefined') {
+ schedule.ass1_ass_A = '';
+ schedule.ass1_ass_A_dispName = '';
+ } else {
+ schedule.ass1_ass_A = appData.ass1_ass_A;
+ student = await dbGetStudentByUid(schedule.ass1_ass_A);
+ schedule.ass1_ass_A_dispName = student.person_displayName;
+ }
+ if (typeof appData.ass1_stu_B === 'undefined') {
+ schedule.ass1_stu_B = '';
+ schedule.ass1_stu_B_dispName = '';
+ } else {
+ schedule.ass1_stu_B = appData.ass1_stu_B;
+ student = await dbGetStudentByUid(schedule.ass1_stu_B);
+ schedule.ass1_stu_B_dispName = student.person_displayName;
+ }
+ if (typeof appData.ass1_ass_B === 'undefined') {
+ schedule.ass1_ass_B = '';
+ schedule.ass1_ass_B_dispName = '';
+ } else {
+ schedule.ass1_ass_B = appData.ass1_ass_B;
+ student = await dbGetStudentByUid(schedule.ass1_ass_B);
+ schedule.ass1_ass_B_dispName = student.person_displayName;
+ }
+ if (typeof appData.ass2_stu_A === 'undefined') {
+ schedule.ass2_stu_A = '';
+ schedule.ass2_stu_A_dispName = '';
+ } else {
+ schedule.ass2_stu_A = appData.ass2_stu_A;
+ student = await dbGetStudentByUid(schedule.ass2_stu_A);
+ schedule.ass2_stu_A_dispName = student.person_displayName;
+ }
+ if (typeof appData.ass2_ass_A === 'undefined') {
+ schedule.ass2_ass_A = '';
+ schedule.ass2_ass_A_dispName = '';
+ } else {
+ schedule.ass2_ass_A = appData.ass2_ass_A;
+ student = await dbGetStudentByUid(schedule.ass2_ass_A);
+ schedule.ass2_ass_A_dispName = student.person_displayName;
+ }
+ if (typeof appData.ass2_stu_B === 'undefined') {
+ schedule.ass2_stu_B = '';
+ schedule.ass2_stu_B_dispName = '';
+ } else {
+ schedule.ass2_stu_B = appData.ass2_stu_B;
+ student = await dbGetStudentByUid(schedule.ass2_stu_B);
+ schedule.ass2_stu_B_dispName = student.person_displayName;
+ }
+ if (typeof appData.ass2_ass_B === 'undefined') {
+ schedule.ass2_ass_B = '';
+ schedule.ass2_ass_B_dispName = '';
+ } else {
+ schedule.ass2_ass_B = appData.ass2_ass_B;
+ student = await dbGetStudentByUid(schedule.ass2_ass_B);
+ schedule.ass2_ass_B_dispName = student.person_displayName;
+ }
+ if (typeof appData.ass3_stu_A === 'undefined') {
+ schedule.ass3_stu_A = '';
+ schedule.ass3_stu_A_dispName = '';
+ } else {
+ schedule.ass3_stu_A = appData.ass3_stu_A;
+ student = await dbGetStudentByUid(schedule.ass3_stu_A);
+ schedule.ass3_stu_A_dispName = student.person_displayName;
+ }
+ if (typeof appData.ass3_ass_A === 'undefined') {
+ schedule.ass3_ass_A = '';
+ schedule.ass3_ass_A_dispName = '';
+ } else {
+ schedule.ass3_ass_A = appData.ass3_ass_A;
+ student = await dbGetStudentByUid(schedule.ass3_ass_A);
+ schedule.ass3_ass_A_dispName = student.person_displayName;
+ }
+ if (typeof appData.ass3_stu_B === 'undefined') {
+ schedule.ass3_stu_B = '';
+ schedule.ass3_stu_B_dispName = '';
+ } else {
+ schedule.ass3_stu_B = appData.ass3_stu_B;
+ student = await dbGetStudentByUid(schedule.ass3_stu_B);
+ schedule.ass3_stu_B_dispName = student.person_displayName;
+ }
+ if (typeof appData.ass3_ass_B === 'undefined') {
+ schedule.ass3_ass_B = '';
+ schedule.ass3_ass_B_dispName = '';
+ } else {
+ schedule.ass3_ass_B = appData.ass3_ass_B;
+ student = await dbGetStudentByUid(schedule.ass3_ass_B);
+ schedule.ass3_ass_B_dispName = student.person_displayName;
+ }
+ if (typeof appData.ass4_stu_A === 'undefined') {
+ schedule.ass4_stu_A = '';
+ schedule.ass4_stu_A_dispName = '';
+ } else {
+ schedule.ass4_stu_A = appData.ass4_stu_A;
+ student = await dbGetStudentByUid(schedule.ass4_stu_A);
+ schedule.ass4_stu_A_dispName = student.person_displayName;
+ }
+ if (typeof appData.ass4_ass_A === 'undefined') {
+ schedule.ass4_ass_A = '';
+ schedule.ass4_ass_A_dispName = '';
+ } else {
+ schedule.ass4_ass_A = appData.ass4_ass_A;
+ student = await dbGetStudentByUid(schedule.ass4_ass_A);
+ schedule.ass4_ass_A_dispName = student.person_displayName;
+ }
+ if (typeof appData.ass4_stu_B === 'undefined') {
+ schedule.ass4_stu_B = '';
+ schedule.ass4_stu_B_dispName = '';
+ } else {
+ schedule.ass4_stu_B = appData.ass4_stu_B;
+ student = await dbGetStudentByUid(schedule.ass4_stu_B);
+ schedule.ass4_stu_B_dispName = student.person_displayName;
+ }
+ if (typeof appData.ass4_ass_B === 'undefined') {
+ schedule.ass4_ass_B = '';
+ schedule.ass4_ass_B_dispName = '';
+ } else {
+ schedule.ass4_ass_B = appData.ass4_ass_B;
+ student = await dbGetStudentByUid(schedule.ass4_ass_B);
+ schedule.ass4_ass_B_dispName = student.person_displayName;
+ }
+ schedule.week_type = parseInt(appData.week_type, 10) || 1;
+
+ schedule.week_type_name = await dbGetWeekTypeNamePocket(schedule.week_type);
+ schedule.noMeeting = appData.noMeeting || false;
+ return schedule;
+};
+
+export const dbAutoFill = async (schedule) => {
+ const allWeeks = await dbGetWeekListBySched(schedule);
+ const settings = await dbGetAppSettings();
+
+ for (let i = 0; i < allWeeks.length; i++) {
+ const weekValue = allWeeks[i].value;
+ const scheduleData = await dbGetScheduleData(weekValue);
+ const sourceData = await dbGetSourceMaterial(weekValue);
+
+ if (scheduleData.noMeeting === false) {
+ //Assign Bible Reading A
+ var students = [];
+ students = await dbGetPersonsByAssType(100);
+ if (students.length > 0) {
+ const stuBReadA = students[0].person_uid;
+ await dbSaveAss(weekValue, stuBReadA, 'bRead_stu_A');
+ }
+
+ //Assign Bible Reading B
+ if (settings.class_count === 2 && scheduleData.week_type === 1) {
+ students = await dbGetPersonsByAssType(100);
+ if (students.length > 0) {
+ const stuBReadB = students[0].person_uid;
+ await dbSaveAss(weekValue, stuBReadB, 'bRead_stu_B');
+ }
+ }
+
+ //Assign AYF Main Student
+ let fldName = '';
+ let fldType = '';
+
+ for (let a = 1; a <= 3; a++) {
+ fldType = 'ass' + a + '_type';
+ const assType = sourceData[fldType];
+
+ //Assign AYF A
+ fldName = 'ass' + a + '_stu_A';
+ students = await dbGetPersonsByAssType(assType);
+ if (
+ assType === 101 ||
+ assType === 102 ||
+ assType === 103 ||
+ assType === 104 ||
+ assType === 108
+ ) {
+ if (students.length > 0) {
+ const stuA = students[0].person_uid;
+ await dbSaveAss(weekValue, stuA, fldName);
+ }
+ }
+
+ //Assign AYF B
+ if (settings.class_count === 2 && scheduleData.week_type === 1) {
+ fldName = 'ass' + a + '_stu_B';
+ students = await dbGetPersonsByAssType(assType);
+ if (
+ assType === 101 ||
+ assType === 102 ||
+ assType === 103 ||
+ assType === 104 ||
+ assType === 108
+ ) {
+ if (students.length > 0) {
+ const stuB = students[0].person_uid;
+ await dbSaveAss(weekValue, stuB, fldName);
+ }
+ }
+ }
+ }
+
+ //Assign AYF Assistant
+ for (let a = 1; a <= 3; a++) {
+ fldType = 'ass' + a + '_type';
+ const assType = sourceData[fldType];
+
+ //Assign AYF A Assistant
+ if (
+ assType === 101 ||
+ assType === 102 ||
+ assType === 103 ||
+ assType === 108
+ ) {
+ fldName = 'ass' + a + '_ass_A';
+ students = await dbGetPersonsByAssType('isAssistant');
+ if (students.length > 0) {
+ const assA = students[0].person_uid;
+ await dbSaveAss(weekValue, assA, fldName);
+ }
+ }
+
+ //Assign AYF B Assistant
+ if (settings.class_count === 2 && scheduleData.week_type === 1) {
+ if (
+ assType === 101 ||
+ assType === 102 ||
+ assType === 103 ||
+ assType === 108
+ ) {
+ fldName = 'ass' + a + '_ass_B';
+ students = await dbGetPersonsByAssType('isAssistant');
+ if (students.length > 0) {
+ const assB = students[0].person_uid;
+ await dbSaveAss(weekValue, assB, fldName);
+ }
+ }
+ }
+ }
+ }
+ }
+};
+
+export const dbDeleteWeekAssignment = async (weekValue) => {
+ //Delete Bible Reading A
+ await dbSaveAss(weekValue, undefined, 'bRead_stu_A');
+
+ //Delete Bible Reading B
+ await dbSaveAss(weekValue, undefined, 'bRead_stu_B');
+
+ //Delete AYF
+ for (let a = 1; a <= 3; a++) {
+ var fldName = '';
+
+ //Delete AYF A
+ fldName = 'ass' + a + '_stu_A';
+ await dbSaveAss(weekValue, undefined, fldName);
+
+ //Delete AYF A Assistant
+ fldName = 'ass' + a + '_ass_A';
+ await dbSaveAss(weekValue, undefined, fldName);
+
+ //Delete AYF B
+ fldName = 'ass' + a + '_stu_B';
+ await dbSaveAss(weekValue, undefined, fldName);
+
+ //Delete AYF B Assistant
+ fldName = 'ass' + a + '_ass_B';
+ await dbSaveAss(weekValue, undefined, fldName);
+ }
+};
+
+export const dbBuildScheduleForShare = async (scheduleIndex) => {
+ // get current schedule id
+ const month = +scheduleIndex.split('/')[0];
+ const year = +scheduleIndex.split('/')[1];
+
+ let id;
+ const schedule = await appDb.sws_pocket
+ .where('[month+year]')
+ .equals([month, year])
+ .first();
+
+ if (schedule) {
+ id = schedule.id;
+ } else {
+ id = window.crypto.randomUUID();
+ await appDb.sws_pocket.add({
+ id: id,
+ month: month,
+ year: year,
+ });
+ }
+
+ let objSchedule = [];
+ let objSource = [];
+
+ const getWeeks = await dbGetWeekListBySched(scheduleIndex);
+ for (let i = 0; i < getWeeks.length; i++) {
+ const weekValue = getWeeks[i].value;
+ const schedData = await dbGetScheduleDataPocket(weekValue);
+ const sourceData = await dbGetSourceMaterialPocket(weekValue);
+ objSchedule.push({ ...schedData });
+ objSource.push({ ...sourceData });
+ }
+
+ const dataPocket = {
+ cong_schedule: {
+ schedules: objSchedule,
+ month: month,
+ year: year,
+ id: id,
+ },
+ cong_sourceMaterial: {
+ sources: objSource,
+ id: id,
+ },
+ };
+
+ return dataPocket;
+};
+
+export const dbSaveScheduleByAss = async (field, value, weekOf) => {
+ var obj = {};
+ obj[field] = value;
+
+ await appDb.table('sched_MM').update(weekOf, { ...obj });
+};
diff --git a/src/indexedDb/dbSourceMaterial.js b/src/indexedDb/dbSourceMaterial.js
new file mode 100644
index 00000000..c2138339
--- /dev/null
+++ b/src/indexedDb/dbSourceMaterial.js
@@ -0,0 +1,491 @@
+import appDb from './mainDb';
+import { promiseGetRecoil } from 'recoil-outside';
+import dateFormat from 'dateformat';
+import { appLangState } from '../appStates/appSettings';
+import {
+ assTypeListState,
+ assTypeLocalState,
+} from '../appStates/appSourceMaterial';
+
+export const dbGetListWeekType = async () => {
+ var weekType = [];
+ const appData = await appDb
+ .table('week_type')
+ .reverse()
+ .reverse()
+ .sortBy('id_week_type');
+
+ for (let i = 0; i < appData.length; i++) {
+ var obj = {};
+ obj.id_week_type = appData[i].id_week_type;
+ obj.week_type_name = appData[i].week_type_name;
+ weekType.push(obj);
+ }
+ return weekType;
+};
+
+export const dbGetScheduleWeekInfo = async (weekOf) => {
+ const appData = await appDb.table('sched_MM').get({ weekOf: weekOf });
+ var obj = {};
+ obj.week_type = appData.week_type || 1;
+ obj.noMeeting = appData.noMeeting || false;
+ return obj;
+};
+
+export const dbGetWeekTypeName = async (weekType) => {
+ const appLang = (await promiseGetRecoil(appLangState)) || 'e';
+ const lang = appLang.toUpperCase();
+
+ var srcWeekType = '';
+ if (weekType === '') {
+ return srcWeekType;
+ } else {
+ var i = parseInt(weekType, 10);
+ const appData = await appDb.table('week_type').get(i);
+ srcWeekType = appData.week_type_name[lang];
+ return srcWeekType;
+ }
+};
+
+export const dbGetWeekTypeNamePocket = async (weekType) => {
+ var srcWeekType = '';
+ if (weekType === '') {
+ return srcWeekType;
+ } else {
+ var i = parseInt(weekType, 10);
+ const appData = await appDb.table('week_type').get(i);
+ srcWeekType = appData.week_type_name;
+ return srcWeekType;
+ }
+};
+
+export const dbGetAllSourceMaterials = async () => {
+ const appData = await appDb.table('src').toArray();
+ return appData;
+};
+
+export const dbGetSourceMaterial = async (weekOf) => {
+ const appLang = (await promiseGetRecoil(appLangState)) || 'e';
+ const lang = appLang.toUpperCase();
+ const assTypeList = await promiseGetRecoil(assTypeLocalState);
+
+ const appData = await appDb.table('src').get({ weekOf: weekOf });
+ let obj = {};
+ let indexType;
+
+ obj.weekOf = appData.weekOf;
+ obj.bibleReading_src = appData.bibleReading_src
+ ? appData.bibleReading_src[lang] || ''
+ : '';
+ obj.ass1_type = +appData.ass1_type || '';
+
+ indexType = assTypeList.findIndex((type) => type.value === obj.ass1_type);
+ obj.ass1_type_name = indexType >= 0 ? assTypeList[indexType].label : '';
+ obj.ass1_time = appData.ass1_time || '';
+ obj.ass1_src = appData.ass1_src ? appData.ass1_src[lang] || '' : '';
+ obj.ass2_type = +appData.ass2_type || '';
+
+ indexType = assTypeList.findIndex((type) => type.value === obj.ass2_type);
+ obj.ass2_type_name = indexType >= 0 ? assTypeList[indexType].label : '';
+
+ obj.ass2_time = appData.ass2_time || '';
+ obj.ass2_src = appData.ass2_src ? appData.ass2_src[lang] || '' : '';
+ obj.ass3_type = +appData.ass3_type || '';
+
+ indexType = assTypeList.findIndex((type) => type.value === obj.ass3_type);
+ obj.ass3_type_name = indexType >= 0 ? assTypeList[indexType].label : '';
+
+ obj.ass3_time = appData.ass3_time || '';
+ obj.ass3_src = appData.ass3_src ? appData.ass3_src[lang] || '' : '';
+ obj.ass4_type = +appData.ass4_type || '';
+
+ indexType = assTypeList.findIndex((type) => type.value === obj.ass4_type);
+ obj.ass4_type_name = indexType >= 0 ? assTypeList[indexType].label : '';
+
+ obj.ass4_time = appData.ass4_time
+ ? typeof appData.ass4_time === 'object'
+ ? ''
+ : appData.ass4_time
+ : '';
+ obj.ass4_src = appData.ass4_src ? appData.ass4_src[lang] || '' : '';
+
+ const weekSchedInfo = await dbGetScheduleWeekInfo(weekOf);
+ obj.week_type = weekSchedInfo.week_type;
+ obj.noMeeting = weekSchedInfo.noMeeting;
+ return obj;
+};
+
+export const dbGetSourceMaterialPocket = async (weekOf) => {
+ const assTypeList = await promiseGetRecoil(assTypeListState);
+
+ const appData = await appDb.table('src').get({ weekOf: weekOf });
+ let obj = {};
+
+ obj.weekOf = appData.weekOf;
+ obj.bibleReading_src = appData.bibleReading_src;
+ obj.ass1_type = +appData.ass1_type || '';
+
+ obj.ass1_type_name =
+ assTypeList.find((type) => type.code === obj.ass1_type).ass_type_name || '';
+ obj.ass1_time = +appData.ass1_time || '';
+ obj.ass1_src = appData.ass1_src;
+
+ obj.ass2_type = +appData.ass2_type || '';
+ obj.ass2_type_name =
+ assTypeList.find((type) => type.code === obj.ass2_type).ass_type_name || '';
+ obj.ass2_time = +appData.ass2_time || '';
+ obj.ass2_src = appData.ass2_src;
+
+ obj.ass3_type = +appData.ass3_type || '';
+ obj.ass3_type_name =
+ assTypeList.find((type) => type.code === obj.ass3_type).ass_type_name || '';
+ obj.ass3_time = +appData.ass3_time || '';
+ obj.ass3_src = appData.ass3_src;
+
+ obj.ass4_type = +appData.ass4_type || '';
+ obj.ass4_type_name =
+ assTypeList.findIndex((type) => type.code === obj.ass4_type)
+ .ass_type_name || '';
+ obj.ass4_time = appData.ass4_time
+ ? typeof appData.ass4_time === 'object'
+ ? ''
+ : +appData.ass4_time
+ : '';
+ obj.ass4_src = appData.ass4_src;
+
+ const weekSchedInfo = await dbGetScheduleWeekInfo(weekOf);
+ obj.week_type = weekSchedInfo.week_type;
+ obj.noMeeting = weekSchedInfo.noMeeting;
+ return obj;
+};
+
+export const dbGetSMUpdate = async (weekOf) => {
+ const appData = await appDb.table('src').get({ weekOf: weekOf });
+ var obj = {};
+
+ obj.bibleReading_src = appData ? appData.bibleReading_src || {} : {};
+ obj.ass1_src = appData ? appData.ass1_src || {} : {};
+ obj.ass2_src = appData ? appData.ass2_src || {} : {};
+ obj.ass3_src = appData ? appData.ass3_src || {} : {};
+ obj.ass4_src = appData ? appData.ass4_src || {} : {};
+
+ return obj;
+};
+
+export const dbSaveSrcData = async (srcData) => {
+ var isSuccess = false;
+ const appLang = (await promiseGetRecoil(appLangState)) || 'e';
+ const lang = appLang.toUpperCase();
+
+ const { bibleReading_src, ass1_src, ass2_src, ass3_src, ass4_src } =
+ await dbGetSMUpdate(srcData.weekOf);
+
+ await appDb
+ .table('src')
+ .put(
+ {
+ weekOf: srcData.weekOf,
+ bibleReading_src: {
+ ...bibleReading_src,
+ [lang]: srcData.bibleReading_src || '',
+ },
+ ass1_type: srcData.ass1_type,
+ ass1_time: srcData.ass1_time,
+ ass1_src: {
+ ...ass1_src,
+ [lang]: srcData.ass1_src || '',
+ },
+ ass2_type: srcData.ass2_type,
+ ass2_time: srcData.ass2_time,
+ ass2_src: {
+ ...ass2_src,
+ [lang]: srcData.ass2_src || '',
+ },
+ ass3_type: srcData.ass3_type,
+ ass3_time: srcData.ass3_time,
+ ass3_src: {
+ ...ass3_src,
+ [lang]: srcData.ass3_src || '',
+ },
+ ass4_type: srcData.ass4_type,
+ ass4_time: srcData.ass4_time,
+ ass4_src: {
+ ...ass4_src,
+ [lang]: srcData.ass4_src || '',
+ },
+ },
+ srcData.weekOf
+ )
+ .then(async () => {
+ const isSub = await dbSaveSchedData(
+ srcData.weekOf,
+ srcData.week_type,
+ srcData.noMeeting,
+ srcData.isOverride
+ );
+ if (isSub === true) {
+ isSuccess = true;
+ }
+ })
+ .catch(() => {
+ isSuccess = false;
+ });
+ return isSuccess;
+};
+
+export const dbMigrateSrcData = async (srcData) => {
+ var isSuccess = false;
+
+ await appDb
+ .table('src')
+ .put(
+ {
+ weekOf: srcData.weekOf,
+ bibleReading_src: {
+ ...srcData.bibleReading_src,
+ },
+ ass1_type: srcData.ass1_type,
+ ass1_time: srcData.ass1_time,
+ ass1_src: {
+ ...srcData.ass1_src,
+ },
+ ass2_type: srcData.ass2_type,
+ ass2_time: srcData.ass2_time,
+ ass2_src: {
+ ...srcData.ass2_src,
+ },
+ ass3_type: srcData.ass3_type,
+ ass3_time: srcData.ass3_time,
+ ass3_src: {
+ ...srcData.ass3_src,
+ },
+ ass4_type: srcData.ass4_type,
+ ass4_time: srcData.ass4_time,
+ ass4_src: {
+ ...srcData.ass4_src,
+ },
+ },
+ srcData.weekOf
+ )
+ .then(async () => {
+ const isSub = await dbSaveSchedData(
+ srcData.weekOf,
+ srcData.week_type,
+ srcData.noMeeting,
+ srcData.isOverride
+ );
+ if (isSub === true) {
+ isSuccess = true;
+ }
+ })
+ .catch(() => {
+ isSuccess = false;
+ });
+ return isSuccess;
+};
+
+const dbSaveSchedData = async (weekOf, weekType, noMeeting, isOverride) => {
+ var isSuccess = false;
+ const appData = await appDb.table('sched_MM').get({ weekOf: weekOf });
+ if (isOverride === false) {
+ if (appData !== undefined) {
+ weekType = appData.week_type;
+ noMeeting = appData.noMeeting;
+ }
+ }
+
+ if (appData === undefined) {
+ await appDb
+ .table('sched_MM')
+ .put(
+ {
+ weekOf: weekOf,
+ week_type: weekType,
+ noMeeting: noMeeting,
+ },
+ weekOf
+ )
+ .then(() => {
+ isSuccess = true;
+ })
+ .catch(() => {
+ isSuccess = false;
+ });
+ } else {
+ await appDb
+ .table('sched_MM')
+ .update(weekOf, {
+ weekOf: weekOf,
+ week_type: weekType,
+ noMeeting: noMeeting,
+ })
+ .then(() => {
+ isSuccess = true;
+ })
+ .catch((error) => {
+ isSuccess = false;
+ });
+ }
+
+ return isSuccess;
+};
+
+export const hasCurrentWeek = async () => {
+ var varBool = true;
+ var today = new Date();
+ var day = today.getDay();
+ var diff = today.getDate() - day + (day === 0 ? -6 : 1);
+ var monDay = new Date(today.setDate(diff));
+ const fMonday = dateFormat(monDay, 'mm/dd/yyyy');
+ const congData = await appDb.table('src').get({ weekOf: fMonday });
+ if (typeof congData === 'undefined') {
+ varBool = false;
+ }
+ return varBool;
+};
+
+export const checkSrcUpdate = async () => {
+ var checkCurrentWeek = await hasCurrentWeek();
+ if (checkCurrentWeek === false) {
+ var today = new Date();
+ var day = today.getDay();
+ var diff = today.getDate() - day + (day === 0 ? -6 : 1);
+ var monDay = new Date(today.setDate(diff));
+ const fMonday = dateFormat(monDay, 'mm/dd/yyyy');
+ await dbAddWeekToSource(fMonday);
+ await dbAddWeekToSchedule(fMonday);
+ }
+};
+
+export const dbAddWeekToSource = async (varSrcWeek) => {
+ await appDb.table('src').put({ weekOf: varSrcWeek }, varSrcWeek);
+};
+
+export const dbAddWeekToSchedule = async (varSchedWeek) => {
+ var weekType = 1;
+ var noMeeting = false;
+ const appData = await appDb.table('sched_MM').get({ weekOf: varSchedWeek });
+ if (typeof appData !== 'undefined') {
+ weekType = appData.week_type;
+ noMeeting = appData.noMeeting;
+ }
+
+ await appDb.table('sched_MM').put(
+ {
+ weekOf: varSchedWeek,
+ week_type: weekType,
+ noMeeting: noMeeting,
+ },
+ varSchedWeek
+ );
+};
+
+export const dbGetWeekListBySched = async (scheduleIndex) => {
+ var allSchedules = [];
+
+ const appData = await appDb.table('src').reverse().reverse().sortBy('weekOf');
+
+ for (let i = 0; i < appData.length; i++) {
+ const weekDate = appData[i].weekOf;
+ const month = weekDate.split('/')[0];
+ const year = weekDate.split('/')[2];
+ const tempMain = month + '/' + year;
+ if (tempMain === scheduleIndex) {
+ var obj = {};
+ obj.weekOf = weekDate;
+ obj.value = appData[i].weekOf;
+ allSchedules.push(obj);
+ }
+ }
+ return allSchedules;
+};
+
+export const dbGetYearList = async () => {
+ var allYear = [];
+
+ const appData = await appDb.table('src').reverse().reverse().sortBy('weekOf');
+
+ for (let i = 0; i < appData.length; i++) {
+ const weekDate = appData[i].weekOf;
+ const varYear = weekDate.split('/')[2];
+
+ const yearIndex = allYear.findIndex((year) => year.label === varYear);
+
+ if (yearIndex < 0) {
+ var obj = {};
+ obj.label = varYear;
+ obj.value = varYear;
+ allYear.push(obj);
+ }
+ }
+ return allYear;
+};
+
+export const dbGetScheduleListByYear = async (varYear) => {
+ var allSchedules = [];
+
+ const appData = await appDb.table('src').reverse().sortBy('weekOf');
+
+ for (let i = 0; i < appData.length; i++) {
+ const weekDate = appData[i].weekOf;
+ const year = weekDate.split('/')[2];
+
+ if (year === varYear) {
+ const month = weekDate.split('/')[0];
+
+ const tempMain = month + '/' + year;
+ const scheduleIndex = allSchedules.findIndex(
+ (schedule) => schedule.value === tempMain
+ );
+
+ if (scheduleIndex < 0) {
+ var obj = {};
+ obj.value = month + '/' + year;
+ allSchedules.push(obj);
+ }
+ }
+ }
+ return allSchedules;
+};
+
+export const dbAddManualSource = async () => {
+ var appData = [];
+ appData = await appDb.table('src').toArray();
+ appData.sort((a, b) => {
+ var dateA =
+ a.weekOf.split('/')[2] +
+ '/' +
+ a.weekOf.split('/')[0] +
+ '/' +
+ a.weekOf.split('/')[1];
+ var dateB =
+ b.weekOf.split('/')[2] +
+ '/' +
+ b.weekOf.split('/')[0] +
+ '/' +
+ b.weekOf.split('/')[1];
+ return dateA > dateB ? 1 : -1;
+ });
+
+ var key = appData.length - 1;
+ const lastWeek = appData[key].weekOf;
+
+ const day = lastWeek.split('/')[1];
+ const month = lastWeek.split('/')[0];
+ const year = lastWeek.split('/')[2];
+ var result = new Date(year, month - 1, day);
+ result.setDate(result.getDate() + 7);
+ const fMonday = dateFormat(result, 'mm/dd/yyyy');
+ await dbAddWeekToSource(fMonday);
+ await dbAddWeekToSchedule(fMonday);
+ return;
+};
+
+export const dbIsWeekExist = async (varWeek) => {
+ let varBool = true;
+ const congData = await appDb.table('src').get({ weekOf: varWeek });
+ if (typeof congData === 'undefined') {
+ varBool = false;
+ }
+ return varBool;
+};
diff --git a/src/indexedDb/dbUtility.js b/src/indexedDb/dbUtility.js
new file mode 100644
index 00000000..fb8c88a1
--- /dev/null
+++ b/src/indexedDb/dbUtility.js
@@ -0,0 +1,187 @@
+import Dexie from 'dexie';
+import { exportDB, importDB } from 'dexie-export-import';
+import download from 'downloadjs';
+import appDb from './mainDb';
+import backupDb from './backupDb';
+
+import { encryptString } from '../utils/sws-encryption';
+import { dbGetAppSettings, dbUpdateAppSettings } from './dbAppSettings';
+
+export const initAppDb = async () => {
+ await appDb.open();
+};
+
+export const initBackupDb = async () => {
+ await backupDb.open();
+};
+
+export const deleteDbByName = async (dbName) => {
+ await Dexie.delete(dbName);
+};
+
+export const deleteDbBackup = async (dbName) => {
+ await backupDb.close();
+ await backupDb.delete();
+};
+
+export const deleteDb = async () => {
+ const databases = await Dexie.getDatabaseNames();
+
+ for (let i = 0; i < databases.length; i++) {
+ Dexie.delete(databases[i]);
+ }
+};
+
+export const isDbExist = async (dbName) => {
+ return new Promise((resolve, reject) => {
+ Dexie.exists(dbName)
+ .then(function (exists) {
+ if (exists) {
+ resolve(true);
+ } else {
+ resolve(false);
+ }
+ })
+ .catch(function (error) {
+ reject('error');
+ });
+ });
+};
+
+export const isValidJSON = async (fileJSON) => {
+ var isValid = false;
+ const getJSON = () => {
+ return new Promise((resolve, reject) => {
+ let reader = new FileReader();
+ reader.readAsText(fileJSON);
+ reader.onload = () => resolve(JSON.parse(reader.result));
+ reader.onerror = (error) => reject(error);
+ });
+ };
+
+ const data = await getJSON();
+ if (data.formatName === 'dexie') {
+ if (data.data.databaseName === 'lmm_oa') {
+ isValid = true;
+ }
+ }
+ return isValid;
+};
+
+export const dbRestoreDb = async (fileJSON) => {
+ // get user credentials before import
+ const { userPass, username } = await dbGetAppSettings();
+
+ // do restore
+ await appDb.close();
+ await appDb.delete();
+ await importDB(fileJSON);
+
+ // append saved user credentials
+ await appDb.open();
+ await dbUpdateAppSettings({ userPass: userPass, username: username });
+ await appDb.close();
+};
+
+export const dbExportDb = async (passcode) => {
+ try {
+ // remove user credentials before export
+ let appSettings = await dbGetAppSettings();
+ const { userPass, username } = appSettings;
+ delete appSettings.userPass;
+ delete appSettings.username;
+ await dbUpdateAppSettings({ ...appSettings }, true);
+
+ // export indexedDb
+ const blob = await exportDB(appDb);
+
+ // pause export and restore credentials as soon as indexedDb is exported
+ await dbUpdateAppSettings({ userPass: userPass, username: username });
+
+ // resume export function
+ const convertBase64 = () => {
+ return new Promise((resolve, reject) => {
+ let reader = new FileReader();
+ reader.readAsDataURL(blob);
+ reader.onloadend = () => resolve(reader.result);
+ reader.onerror = (error) => reject(error);
+ });
+ };
+
+ const data = await convertBase64();
+ const encryptedData = await encryptString(passcode, data);
+
+ const newBlob = new Blob([encryptedData], { type: 'text/plain' });
+
+ download(newBlob, 'lmm-oa.backup.db', 'text/plain');
+ } catch {
+ return;
+ }
+};
+
+export const dbExportJsonDb = async (passcode) => {
+ const blob = await exportDB(appDb);
+ const convertBase64 = () => {
+ return new Promise((resolve, reject) => {
+ let reader = new FileReader();
+ reader.readAsDataURL(blob);
+ reader.onloadend = () => resolve(reader.result);
+ reader.onerror = (error) => reject(error);
+ });
+ };
+
+ const data = await convertBase64();
+ const encryptedData = await encryptString(passcode, data);
+ return encryptedData;
+};
+
+export const dbExportDataOnline = async () => {
+ // get persons
+ const dbPersons = await appDb.persons.toArray();
+
+ // get source materials
+ const dbSourceMaterial = await appDb.src.toArray();
+
+ // get schedules
+ const dbSchedule = await appDb.sched_MM.toArray();
+
+ // get sws-pocket schedules
+ const dbPocketTbl = await appDb.sws_pocket.toArray();
+
+ return { dbPersons, dbSourceMaterial, dbSchedule, dbPocketTbl };
+};
+
+export const dbRestoreCongregationBackup = async (
+ cong_persons,
+ cong_schedule,
+ cong_sourceMaterial,
+ cong_swsPocket
+) => {
+ // restore persons
+ await appDb.persons.clear();
+ for (let i = 0; i < cong_persons.length; i++) {
+ const person = cong_persons[i];
+ await appDb.persons.add(person, person.id);
+ }
+
+ // restore source materials
+ await appDb.src.clear();
+ for (let i = 0; i < cong_sourceMaterial.length; i++) {
+ const src = cong_sourceMaterial[i];
+ await appDb.src.add(src, src.weekOf);
+ }
+
+ // restore schedule
+ await appDb.sched_MM.clear();
+ for (let i = 0; i < cong_schedule.length; i++) {
+ const schedule = cong_schedule[i];
+ await appDb.sched_MM.add(schedule, schedule.weekOf);
+ }
+
+ // restore sws pocket info
+ await appDb.sws_pocket.clear();
+ for (let i = 0; i < cong_swsPocket.length; i++) {
+ const pocket = cong_swsPocket[i];
+ await appDb.sws_pocket.add(pocket, pocket.id);
+ }
+};
diff --git a/src/indexedDb/dummy.js b/src/indexedDb/dummy.js
new file mode 100644
index 00000000..dfebfc19
--- /dev/null
+++ b/src/indexedDb/dummy.js
@@ -0,0 +1,66 @@
+import { format } from 'date-fns';
+import { dbSavePersonExp } from './dbPersons';
+
+export const importDummyStudents = async () => {
+ const res = await fetch('https://dummyjson.com/users?limit=100');
+ const data = await res.json();
+
+ for (let i = 0; i < data.users.length; i++) {
+ const user = data.users[i];
+
+ let obj = {};
+
+ obj.person_name = `${user.lastName} ${user.firstName}`;
+ obj.person_displayName = `${user.lastName.substring(0, 1)}. ${
+ user.firstName
+ }`;
+ obj.isMale = user.gender === 'male';
+ obj.isFemale = user.gender === 'female';
+
+ if (user.gender === 'male') {
+ obj.assignments = [
+ {
+ assignmentId: window.crypto.randomUUID(),
+ code: 100,
+ startDate: format(new Date(), 'MM/dd/yyyy'),
+ endDate: null,
+ comments: '',
+ },
+ {
+ assignmentId: window.crypto.randomUUID(),
+ code: 104,
+ startDate: format(new Date(), 'MM/dd/yyyy'),
+ endDate: null,
+ comments: '',
+ },
+ ];
+ }
+ if (user.gender === 'female') {
+ obj.assignments = [
+ {
+ assignmentId: window.crypto.randomUUID(),
+ code: 101,
+ startDate: format(new Date(), 'MM/dd/yyyy'),
+ endDate: null,
+ comments: '',
+ },
+ {
+ assignmentId: window.crypto.randomUUID(),
+ code: 102,
+ startDate: format(new Date(), 'MM/dd/yyyy'),
+ endDate: null,
+ comments: '',
+ },
+ {
+ assignmentId: window.crypto.randomUUID(),
+ code: 103,
+ startDate: format(new Date(), 'MM/dd/yyyy'),
+ endDate: null,
+ comments: '',
+ },
+ ];
+ }
+
+ await dbSavePersonExp(obj);
+ }
+};
diff --git a/src/indexedDb/mainDb.js b/src/indexedDb/mainDb.js
new file mode 100644
index 00000000..b27f6534
--- /dev/null
+++ b/src/indexedDb/mainDb.js
@@ -0,0 +1,209 @@
+import Dexie from 'dexie';
+import { getI18n } from 'react-i18next';
+import { langList } from '../locales/langList';
+
+let appDb = new Dexie('lmm_oa');
+appDb.version(1).stores({
+ app_settings: '++id, cong_number, cong_name, class_count, meeting_day',
+ ass_type_MG: '&id_type, ass_type_name',
+ week_type_MG: '&id_week_type, week_type_name',
+ src_MG:
+ '&weekOf, bibleReading_src, ass1_type, ass1_time, ass1_src, ass2_type, ass2_time, ass2_src, ass3_type, ass3_time, ass3_src',
+ sched_MM:
+ '&weekOf, bRead_stu_A, bRead_stu_B, ass1_stu_A, ass1_ass_A, ass1_stu_B, ass1_ass_B, ass2_stu_A, ass2_ass_A, ass2_stu_B, ass2_ass_B, ass3_stu_A, ass3_ass_A, ass3_stu_B, ass3_ass_B, week_type, noMeeting',
+ persons:
+ '++id, person_name, person_displayName, isMale, isFemale, isBRead, isInitialCall, isReturnVisit, isBibleStudy, isTalk, forLivePart, isUnavailable, lastBRead, lastInitialCall, lastReturnVisit, lastBibleStudy, lastTalk, lastAssistant, lastAssignment',
+});
+appDb.version(2).stores({
+ app_settings:
+ '++id, cong_number, cong_name, class_count, meeting_day, liveEventClass',
+});
+appDb.version(4).stores({
+ persons:
+ '++id, person_name, person_displayName, isMale, isFemale, isBRead, isInitialCall, isReturnVisit, isBibleStudy, isTalk, forLivePart, isUnavailable, lastBRead, lastInitialCall, lastReturnVisit, lastBibleStudy, lastTalk, lastAssistant, lastAssignment',
+});
+appDb.version(5).stores({
+ app_settings:
+ '++id, cong_number, cong_name, class_count, meeting_day, cong_ID, cong_PIN',
+});
+appDb.version(6).stores({
+ persons:
+ '++id, person_name, person_displayName, isMale, isFemale, isBRead, isInitialCall, isReturnVisit, isBibleStudy, isTalk, forLivePart, isUnavailable, lastBRead, lastInitialCall, lastReturnVisit, lastBibleStudy, lastTalk, lastAssistant, lastAssignment, student_PIN, viewStudent_Part',
+});
+appDb.version(7).stores({
+ persons:
+ '++id, person_name, person_displayName, isMale, isFemale, isBRead, isInitialCall, isReturnVisit, isBibleStudy, isTalk, forLivePart, isUnavailable, lastBRead, lastInitialCall, lastReturnVisit, lastBibleStudy, lastTalk, lastAssistant, lastAssignment, viewOnlineSchedule, student_PIN, viewStudent_Part',
+});
+appDb.version(8).stores({
+ src_MG:
+ '&weekOf, bibleReading_src, ass1_type, ass1_time, ass1_src, ass2_type, ass2_time, ass2_src, ass3_type, ass3_time, ass3_src, ass4_type, ass4_time, ass4_src',
+ sched_MM:
+ '&weekOf, bRead_stu_A, bRead_stu_B, ass1_stu_A, ass1_ass_A, ass1_stu_B, ass1_ass_B, ass2_stu_A, ass2_ass_A, ass2_stu_B, ass2_ass_B, ass3_stu_A, ass3_ass_A, ass3_stu_B, ass3_ass_B, ass4_stu_A, ass4_ass_A, ass4_stu_B, ass4_ass_B, week_type, noMeeting',
+});
+appDb.version(9).stores({
+ app_settings:
+ '++id, cong_number, cong_name, class_count, meeting_day, cong_ID',
+});
+appDb.version(10).stores({
+ src_MG: null,
+ ass_type_MG: null,
+ week_type_MG: null,
+ src: '&weekOf, bibleReading_src, ass1_type, ass1_time, ass1_src, ass2_type, ass2_time, ass2_src, ass3_type, ass3_time, ass3_src, ass4_type, ass4_time, ass4_src',
+ ass_type: '&id_type, ass_type_name',
+ week_type: '&id_week_type, week_type_name',
+});
+appDb
+ .version(11)
+ .stores({
+ persons:
+ '++id, person_name, person_displayName, isMale, isFemale, isBRead, isInitialCall, isReturnVisit, isBibleStudy, isTalk, forLivePart, isUnavailable, lastBRead, lastInitialCall, lastReturnVisit, lastBibleStudy, lastTalk, lastAssistant, lastAssignment, viewOnlineSchedule, student_PIN, viewStudent_Part, person_uid',
+ })
+ .upgrade((trans) => {
+ return trans.persons.toCollection().modify((person) => {
+ const uid = window.crypto.randomUUID();
+ person.person_uid = uid;
+ });
+ });
+appDb.version(12).stores({
+ app_settings:
+ '++id, cong_number, cong_name, class_count, meeting_day, cong_ID, isScheduleConverted',
+});
+appDb.version(13).stores({
+ app_settings:
+ '++id, cong_number, cong_name, class_count, meeting_day, cong_ID, isScheduleConverted, isTermsUseAccepted',
+});
+appDb.version(14).stores({
+ app_settings:
+ '++id, cong_number, cong_name, class_count, meeting_day, cong_ID, isScheduleConverted, isTermsUseAccepted, pwd',
+});
+appDb.version(15).stores({
+ app_settings:
+ '++id, cong_number, cong_name, class_count, meeting_day, cong_ID, isScheduleConverted, isCongVerified',
+});
+appDb.version(16).stores({
+ app_settings:
+ '++id, cong_number, cong_name, class_count, meeting_day, pwd, isScheduleConverted, isCongVerified',
+});
+appDb.version(17).stores({
+ app_settings:
+ '++id, cong_number, cong_name, class_count, meeting_day, userMe, isScheduleConverted, isCongVerified',
+});
+appDb.version(18).stores({
+ app_settings:
+ '++id, cong_number, cong_name, class_count, meeting_day, crd, isScheduleConverted, isCongVerified',
+});
+appDb.version(19).stores({
+ app_settings:
+ '++id, cong_number, cong_name, class_count, meeting_day, userPass, isScheduleConverted, isCongVerified',
+});
+appDb.version(20).stores({
+ app_settings:
+ '++id, cong_number, cong_name, class_count, meeting_day, userPass, blob_exp, isScheduleConverted, isCongVerified',
+});
+appDb.version(21).stores({
+ app_settings:
+ '++id, cong_number, cong_name, class_count, meeting_day, userPass, isScheduleConverted, isCongVerified',
+});
+appDb.version(22).stores({
+ app_settings:
+ '++id, cong_number, cong_name, class_count, meeting_day, userPass, isLoggedOut, isScheduleConverted, isCongVerified',
+});
+appDb.version(23).stores({
+ app_settings:
+ '++id, cong_number, cong_name, class_count, meeting_day, userPass, isLoggedOut, isScheduleConverted, isCongVerified',
+});
+appDb.version(24).stores({
+ app_settings:
+ '++id, username, cong_number, cong_name, class_count, meeting_day, userPass, isLoggedOut, isScheduleConverted, isCongVerified',
+});
+appDb.version(25).stores({
+ notifications: '++id, notification_id, isRead, content',
+});
+appDb.version(26).stores({
+ persons:
+ '++id, person_name, person_displayName, isMale, isFemale, isBRead, isInitialCall, isReturnVisit, isBibleStudy, isTalk, forLivePart, isUnavailable, lastBRead, lastInitialCall, lastReturnVisit, lastBibleStudy, lastTalk, lastAssistant, lastAssignment, viewOnlineSchedule, student_PIN, viewStudent_Part, person_uid, assignments',
+ app_settings:
+ '++id, username, cong_number, cong_name, class_count, meeting_day, userPass, isLoggedOut, isScheduleConverted, isCongVerified, isAssignmentsConverted',
+});
+appDb.version(27).stores({
+ ass_type: '&id_type, code, ass_type_name',
+});
+appDb.version(28).stores({
+ ass_type: '&id_type, code, assignable, linkTo, ass_type_name',
+});
+appDb.version(29).stores({
+ persons:
+ '++id, person_name, person_displayName, isMale, isFemale, isBRead, isInitialCall, isReturnVisit, isBibleStudy, isTalk, forLivePart, isUnavailable, lastBRead, lastInitialCall, lastReturnVisit, lastBibleStudy, lastTalk, lastAssistant, lastAssignment, viewOnlineSchedule, student_PIN, viewStudent_Part, person_uid, assignments, timeAway',
+});
+appDb.version(30).stores({
+ persons:
+ '++id, person_name, person_displayName, isMale, isFemale, isBRead, isInitialCall, isReturnVisit, isBibleStudy, isTalk, forLivePart, isUnavailable, lastBRead, lastInitialCall, lastReturnVisit, lastBibleStudy, lastTalk, lastAssistant, lastAssignment, viewOnlineSchedule, student_PIN, viewStudent_Part, person_uid, assignments, timeAway, isMoved',
+});
+appDb.version(31).stores({
+ persons:
+ '++id, person_name, person_displayName, isMale, isFemale, isBRead, isInitialCall, isReturnVisit, isBibleStudy, isTalk, forLivePart, isUnavailable, lastBRead, lastInitialCall, lastReturnVisit, lastBibleStudy, lastTalk, lastAssistant, lastAssignment, viewOnlineSchedule, student_PIN, viewStudent_Part, person_uid, assignments, timeAway, isMoved, isDisqualified',
+});
+appDb.version(32).stores({
+ sched_MM:
+ '&weekOf, bRead_stu_A, bRead_stu_B, ass1_stu_A, ass1_ass_A, ass1_stu_B, ass1_ass_B, ass2_stu_A, ass2_ass_A, ass2_stu_B, ass2_ass_B, ass3_stu_A, ass3_ass_A, ass3_stu_B, ass3_ass_B, ass4_stu_A, ass4_ass_A, ass4_stu_B, ass4_ass_B, week_type, noMeeting, isReleased',
+});
+appDb.version(33).stores({
+ persons:
+ '++id, person_name, person_displayName, isMale, isFemale, isBRead, isInitialCall, isReturnVisit, isBibleStudy, isTalk, forLivePart, isUnavailable, lastBRead, lastInitialCall, lastReturnVisit, lastBibleStudy, lastTalk, lastAssistant, lastAssignment, person_uid, assignments, timeAway, isMoved, isDisqualified',
+});
+appDb.version(34).stores({
+ sws_pocket: '&id, month, year',
+});
+appDb.version(35).stores({
+ sws_pocket: '&id, [month+year]',
+});
+
+appDb.on('populate', function () {
+ appDb.app_settings.add({
+ id: 1,
+ cong_number: 0,
+ cong_name: '',
+ class_count: 1,
+ meeting_day: 1,
+ app_lang: 'e',
+ });
+
+ let normWeekObj = {};
+ let coWeekObj = {};
+ let convWeekObj = {};
+
+ langList.forEach((lang) => {
+ normWeekObj[lang.code.toUpperCase()] = getI18n().getDataByLanguage(
+ lang.code
+ ).translation['global.normalWeek'];
+ coWeekObj[lang.code.toUpperCase()] = getI18n().getDataByLanguage(
+ lang.code
+ ).translation['global.circuitOverseerWeek'];
+ convWeekObj[lang.code.toUpperCase()] = getI18n().getDataByLanguage(
+ lang.code
+ ).translation['global.conventionWeek'];
+ });
+
+ appDb.week_type.bulkAdd([
+ {
+ id_week_type: 1,
+ week_type_name: {
+ ...normWeekObj,
+ },
+ },
+ {
+ id_week_type: 2,
+ week_type_name: {
+ ...coWeekObj,
+ },
+ },
+ {
+ id_week_type: 3,
+ week_type_name: {
+ ...convWeekObj,
+ },
+ },
+ ]);
+});
+
+export default appDb;
diff --git a/src/locales/e.json b/src/locales/e.json
new file mode 100644
index 00000000..c34f2a97
--- /dev/null
+++ b/src/locales/e.json
@@ -0,0 +1,376 @@
+{
+ "global.iso": "en",
+ "global.home": "Home",
+ "global.student": "Student",
+ "global.students": "Students",
+ "global.schedule": "Schedule",
+ "global.sourceMaterial": "Source Material",
+ "global.settings": "Settings",
+ "global.administration": "Administration",
+ "global.login": "Login",
+ "global.logout": "Logout",
+ "global.changeLanguage": "Language",
+ "global.edit": "Edit",
+ "global.delete": "Delete",
+ "global.save": "Save",
+ "global.cancel": "Cancel",
+ "global.undo": "Undo",
+ "global.errorTryAgain": "An error occured. Try again later.",
+ "global.password": "Password",
+ "global.passphrase": "Passphrase",
+ "global.confirmPwd": "Confirm your input",
+ "global.congregation": "Congregation",
+ "global.number": "Number",
+ "global.monday": "Monday",
+ "global.tuesday": "Tuesday",
+ "global.wednesday": "Wednesday",
+ "global.thursday": "Thursday",
+ "global.friday": "Friday",
+ "global.saturday": "Saturday",
+ "global.class": "Class",
+ "global.oneClass": "1 class",
+ "global.twoClass": "2 classes",
+ "global.bibleReading": "Bible Reading",
+ "global.bibleReadingTime": "(4 min. or less)",
+ "global.initialCall": "Initial Call",
+ "global.returnVisit": "Return Visit",
+ "global.bibleStudy": "Bible Study",
+ "global.talk": "Talk",
+ "global.partLessTime": "{{ duration }} min. or less",
+ "global.initialCallVideo": "Initial Call Video",
+ "global.returnVisitVideo": "Return Visit Video",
+ "global.otherPart": "Other",
+ "global.shortDateFormat": "mm/dd/yyyy",
+ "global.shortDatePickerFormat": "MM/dd/yyyy",
+ "global.shortDateTimeFormat": "mm/dd/yyyy HH:MM",
+ "global.treasuresPart": "TREASURES FROM GOD’S WORD",
+ "global.applyFieldMinistryPart": "APPLY YOURSELF TO THE FIELD MINISTRY",
+ "global.bibleReadingText": "Bible Reading (4 min.)",
+ "global.name": "Name",
+ "global.displayName": "Display Name",
+ "global.gender": "Gender",
+ "global.isUnavailable": "Unavailable",
+ "global.lastAssignment": "Last assignment",
+ "global.lastBibleReading": "Last Bible Reading",
+ "global.lastInitialCall": "Last Initial Call",
+ "global.lastReturnVisit": "Last Return Visit",
+ "global.lastBibleStudy": "Last Bible Study",
+ "global.lastTalk": "Last Talk",
+ "global.yes": "Yes",
+ "global.no": "No",
+ "global.abbrBibleReading": "BR",
+ "global.abbrInitialCall": "IC",
+ "global.abbrReturnVisit": "RV",
+ "global.abbrBibleStudy": "BS",
+ "global.abbrTalk": "T",
+ "global.january": "January",
+ "global.february": "February",
+ "global.march": "March",
+ "global.april": "April",
+ "global.may": "May",
+ "global.june": "June",
+ "global.july": "July",
+ "global.august": "August",
+ "global.september": "September",
+ "global.october": "October",
+ "global.november": "November",
+ "global.december": "December",
+ "global.year": "Year",
+ "global.week": "Week",
+ "global.type": "Type",
+ "global.ayfPart1": "Part 1",
+ "global.ayfPart2": "Part 2",
+ "global.ayfPart3": "Part 3",
+ "global.ayfPart4": "Part 4",
+ "global.noMeeting": "There is no midweek meeting for this week",
+ "global.normalWeek": "Normal Week",
+ "global.circuitOverseerWeek": "Circuit Overseer Week",
+ "global.conventionWeek": "Convention Week",
+ "global.date": "Date",
+ "global.assignment": "Assignment",
+ "global.assistant": "Assistant",
+ "global.pleaseWait": "Please wait ...",
+ "global.download": "Download",
+ "global.mainHall": "Main Hall",
+ "global.auxClass": "Auxiliary Classroom",
+ "global.auxClass1": "Auxiliary Classroom 1",
+ "global.auxClass2": "Auxiliary Classroom 2",
+ "global.allWeeks": "All weeks",
+ "global.preview": "Preview",
+ "global.continue": "Continue",
+ "global.add": "Add",
+ "global.noOptions": "No options",
+ "global.waitForRequest": "An existing connection is already sent to the server. Please try again later",
+ "global.memorialInvite": "Memorial Invitation",
+ "global.newVersion": "A new version of LMM-OA is available",
+ "global.updateApp": "Update",
+ "global.cacheCompleted": "LMM-OA can be used offline now",
+ "global.signIn": "Sign in",
+ "global.waitSignOut": "Please wait! Don’t close your browser ...",
+ "global.about": "About",
+ "global.quit": "Quit",
+ "global.install": "Install",
+ "global.whatsNew": "What’s new",
+ "global.nothingNew": "There is nothing new at this moment. Come back here later to check again.",
+ "global.offlineWhatsNew": "You are currently offline, so what’s new cannot be fetched.",
+ "global.backup": "Backup",
+ "global.sendBackup": "Create and send backup",
+ "global.restoreBackup": "Restore backup",
+ "global.restore": "Restore",
+ "global.back": "Back",
+ "global.startDate": "Start date",
+ "global.endDate": "End date",
+ "global.comments": "Comments",
+ "global.disqualified": "Assignment ended because of disqualification",
+ "global.advancedSearch": "Advanced search",
+ "global.hideAvancedSearch": "Hide advanced search",
+ "global.useOnlineAccount": "Use online account",
+ "global.endMoved": "Assignment ended because the student moved to another congregation",
+ "global.create": "Create",
+ "global.savedSuccess": "Changes saved successfully!",
+ "global.update": "Update",
+
+ "startup.welcomeTitle": "Welcome to LMM-OA",
+ "startup.welcomeDescription": "LMM-OA (or Life and Ministry Meeting Overseer Assistant) is an application designed for the Life and Ministry Meeting Overseer.",
+ "startup.back": "Back",
+ "startup.next": "Next",
+ "startup.congInfoTitle": "Congregation information",
+ "startup.congInfoDescription": "Enter below the congregation name and number",
+ "startup.meetingInfoTitle": "Meeting information",
+ "startup.meetingInfoDescription": "Enter below the meeting day of the midweek meeting, and the number of student classes",
+ "startup.meetingDay": "Meeting day",
+ "startup.classCount": "Class count",
+ "startup.setupCompleteTitle": "Setup complete",
+ "startup.setupCompleteDescription": "Initial setup of LMM-OA is now completed. You could still change them later if needed.",
+ "startup.openApp": "Open App",
+ "startup.lmmoaDesc": "Organize and manage the student schedule for the midweek meeting. Please read carefully the information below before using this application.",
+ "startup.whoUse": "Who should use LMM-OA?",
+ "startup.whoUseApp": "This application is designed for use by the Life and Ministry Meeting Overseer.",
+ "startup.disclaimerApp": "Please note however that LMM-OA is not an official application for Jehovah’s Witnesses. You are free to choose whether to use it or not. We strongly recommend that its use has been approved by all the congregation elders. Also, we are aware that there are many similar applications currently available to help you to accomplish this task. We are not here to say what is the best and what is not. We believe all of these applications are good and have their own methods on how to do things, but still have the same goal.",
+ "startup.appPWA": "LMM-OA is a PWA application. What does it means?",
+ "startup.descPWA": "As a PWA, or progressive web application, LMM-OA is a type of application software delivered through the web. It is intended to work on any platform that uses a standards-compliant browser, including both desktop and mobile devices. Also, you can install it on your device, and it will work offline after you have finished the initial setup.",
+ "startup.appSecure": "How secure is your data when you use LMM-OA?",
+ "startup.webChange": "We are committed to providing you with a secure application that should allow you to carry your responsabilities in the congregation. In web development, technologies are changing rapidly, and we will do our best to keep the pace with those changes.",
+ "startup.appStorage": "Although LMM-OA is a web application, please note that we are not storing your data online. They are all saved locally on your browser device. That makes it possible to use this application even when you are offline.",
+ "startup.onlineShare": "However, we have built some functionalities that will allow you to share data online, that is not confidential, for public and private access. For private share, all data are encrypted and securely saved on our server.",
+ "startup.indexedDB": "As technical information, we are mainly using IndexedDB to save all LMM-OA data in your browser.",
+ "startup.clearBrowserData": "Please be informed that when you are clearing your browser history, you are also deleting all your LMM-OA data. Unless you have made a backup, your data will be gone forever.",
+ "startup.appPrivacy": "How LMM-OA is taking care of your privacy?",
+ "startup.dataCollection": "When you accept to use our sws2apps applications, you give us the permission to collect the following informations: your name and email address. We are also collecting your device IP address, your user agent details to identify you when you access our server.",
+ "startup.adBlock": "We do not allow any advertising companies to collect data through our services to target you with any ads. We do not share data collected by LMM-OA application with other organization for any purpose.",
+ "startup.nextStep": "Next step",
+ "startup.readComplete": "I finished reading these informations",
+
+ "login.email": "Email address",
+ "login.password": "Password",
+ "login.createSwsAccount": "Create account",
+ "login.hasAccount": "I have an account",
+ "login.signInNoInternet": "Sign in to your account",
+ "login.signInWithInternet": "Sign in to your account. An internet connection is required.",
+ "login.newUserAccount": "Create your account and an internet connection is required. Make sure to save the email and password in safe location. You will not be able to access your data in case you forget them",
+ "login.confirmPassword": "Confirm password",
+ "login.newAccount": "NEW ACCOUNT",
+ "login.createAccount": "Create",
+ "login.accountNotFound": "The provided login does not exist yet.",
+ "login.accountExist": "That email address is already taken",
+ "login.accountDisabled": "The account that you are trying to access is currently disabled.",
+ "login.createFailed": "An error occured and your account could not be created",
+ "login.accountCreated": "Your account is created, but you have to check the verification email before using it.",
+ "login.accountCreatedNoLink": "Your account is created, but we failed to send the verification email",
+ "login.accountNotVerified": "This account is valid, but it is not yet verified. Please check your email address to verify it",
+ "login.accountResendLink": "Resend verification email",
+ "login.accountNewLink": "The verification email has been resent",
+ "login.hostBlocked": "This device has been blocked from making any requests, try again later",
+ "login.incorrectInfo": "Your username or password is incorrect",
+ "login.verifyAccount": "An email message has been sent you to verify your account. You will not be able to use your account if it has not been verified yet. You may need to check the Spam or Junk Email folder. Resend the verification message in case you did not received it.",
+ "login.blockedAccount": "This email address is blocked. Please verify that the information you provided are correct.",
+ "login.resendVerify": "Resend verification email",
+ "login.createCongregationAccount": "Request a congregation account",
+ "login.congregationName": "Congregation name",
+ "login.congregationNumber": "Congregation number",
+ "login.requestAccount": "Request",
+ "login.requestAccountSent": "Your congregation account request has been successfully sent. Please allow up to 24 hours for it to be processed. You will receive an email address when it will be ready for use.",
+ "login.fullname": "Fullname",
+ "login.congregationRequestExist": "You already sent a congregation request for this email address. We will send you a message when the request has been processed.",
+ "login.mfaSetupQr": "Two-factor authentication is required. Scan the QR code below, using an authenticator app on your phone, like Microsoft Authenticator or Google Authenticator.",
+ "login.mfaSetupToken": "Two-factor authentication is required. Copy the code below and add it manually to the authenticator app on your phone, like Microsoft Authenticator or Google Authenticator.",
+ "login.mfaVerify": "Verify",
+ "login.setupTextOTP": "Then, enter below the OTP code generated from the app",
+ "login.labelOTP": "Two-factor authentication code",
+ "login.scanQR": "Scan QR Code instead",
+ "login.copyToken": "I cannot scan this QR Code",
+ "login.unauthorizedRole": "You do not have yet the required role to use this application. Please contact your congregation administrators to confirm your role. They may send us an email if they need further support.",
+
+ "home.currentSchedule": "MEETING SCHEDULE—{{currentWeek}}",
+
+ "students.search": "Search",
+ "students.all": "All",
+ "students.male": "Male",
+ "students.female": "Female",
+ "students.allAssignments": "All assignments",
+ "students.searchError": "Your search query is invalid!",
+ "students.sendListOnline": "Export list for online use",
+ "students.exportListLocal": "Export list to xlsx",
+ "students.addNew": "Add new student",
+ "students.deleteSuccess": "Student deleted successfully",
+ "students.list": "List",
+ "students.addedSuccess": "Student added successfully",
+ "students.modifiedSuccess": "Student details updated successfully",
+ "students.other": "Other details",
+ "students.livePart": "Available for live meeting",
+ "students.deleteTitle": "Delete {{ currentStudent }}",
+ "students.deleteConfirmation": "Are you sure to delete this student from the record?",
+ "students.existAlready": "This student already exists in your record",
+ "students.deleteSucess": "Student delete successfully",
+ "students.student": "Student",
+ "students.basicInfo": "Basic information",
+ "students.assignments": "Assignments",
+ "students.assignmentsHistory": "Assignments History",
+ "students.timeAway": "Time Away",
+ "students.otherActions": "Other actions",
+ "students.addAssignment": "Add assignment",
+ "students.addTimeAway": "Add time away",
+ "students.enable": "Enable",
+ "students.markDisqualified": "Mark Disqualified",
+ "students.markTransfer": "Mark Moved",
+ "students.edit": "Edit Student",
+ "students.missingInfo": "Some student’s information are missing",
+ "students.disqualifiedLabel": "Disqualified",
+ "students.accessPocketApp": "Online schedule",
+ "students.setupPocketAccess": "Setup",
+ "students.addPocketDevice": "Add device",
+ "students.setupPocketToken": "Please give the following code to the student in order to open the SWS Pocket application. This code can only be used once",
+ "students.viewOnBehalf": "View members schedule",
+ "students.pocketSessions": "This is a list of devices that the student is using for SWS Pocket application. If needed, revoke any session that no longer needed.",
+ "students.searchResult": "Search results",
+ "students.recentStudents": "Viewed recently",
+ "students.clearRecents": "Clear recents",
+ "students.pocketDevices": "Devices",
+
+ "sourceMaterial.weekAdded": "New week has been added",
+ "sourceMaterial.weekSaved": "Source material for this week has been saved",
+ "sourceMaterial.saveError": "An error occured while saving the source material",
+ "sourceMaterial.hasMeeting": "Has meeting",
+ "sourceMaterial.noMeeting": "No meeting",
+ "sourceMaterial.partDuration": "Duration",
+ "sourceMaterial.partType": "Type",
+ "sourceMaterial.nothing": "Nothing",
+ "sourceMaterial.addWeek": "New week",
+ "sourceMaterial.importEPUB": "Import EPUB",
+ "sourceMaterial.addWeekDesc": "Are you sure to add new week? It is recommended to add the source material from downloaded EPUB from JW.ORG. Click Yes to continue, or No to cancel.",
+ "sourceMaterial.addWeekTitle": "Add new week",
+ "sourceMaterial.invalidFilename": "The EPUB file selected could not be imported",
+ "sourceMaterial.importEPUBTitle": "Import Source Material from EPUB",
+ "sourceMaterial.importJw": "JW.ORG Import",
+ "sourceMaterial.importJwTitle": "Import Source Material from JW.ORG",
+ "sourceMaterial.importCompleted": "Source material has been imported successfully",
+
+ "importEPUB.invalid": "The EPUB file selected is not a Meeting Workbook file. Please verify it again.",
+ "importEPUB.inProgress": "EPUB import in progress. Please wait ...",
+
+ "importJw.inProgress": "Please wait while downloading source materials from JW.ORG ...",
+
+ "schedule.autofill": "Autofill",
+ "schedule.send": "Send",
+ "schedule.sendToMSC": "To MSC",
+ "schedule.sendToStudents": "To students",
+ "schedule.assignStudent": "Assign student",
+ "schedule.s89": "S-89 Assignment Form",
+ "schedule.availableStudents": "Available for assignment",
+ "schedule.studentHistory": "{{ currentStudent }} (History)",
+ "schedule.assignmentHistory": "Assignment History",
+ "schedule.assign": "Assign",
+ "schedule.autoFillTitle": "Schedule autofill",
+ "schedule.autoFillDesc": "Are you sure to autofill the {{ currentSchedule }} schedule?",
+ "schedule.deleteAssignmentTitle": "Delete assignment",
+ "schedule.deleteAssignmentDesc": "Are you sure to delete all the assignments for the {{ currentSchedule }} schedule, or the assignments for the week of {{ currentWeek}} only?",
+ "schedule.deleteAllLabel": "All weeks",
+ "schedule.deleteWeekOnlyLabel": "{{ currentWeek }} only",
+ "schedule.assistantHistory": "{{ currentStudent }} (Assistant History)",
+ "schedule.s89NoData": "There is no assignment to be printed for this schedule",
+ "schedule.assignmentPart": "Part {{ id }} ({{ time }}.)",
+ "schedule.publishPocket": "Publish schedule to SWS Pocket ...",
+ "schedule.publishMSC": "Publish schedule to MSC ...",
+ "schedule.publishSuccess": "Scheduled sucessfully published",
+
+ "s89.title": "OUR CHRISTIAN LIFE AND MINISTRY
MEETING ASSIGNMENT",
+ "s89.toBeGiven": "To be given in:",
+ "s89.descFooter": "Note to student: The source material and study point for your assignment can be found in the Life and Ministry Meeting Workbook. Please work on the listed study point, which is discussed in the Teaching brochure.",
+
+ "scheduleTemplate.studentsAssignment": "Students Assigments",
+ "scheduleTemplate.studentAssistant": "Student/Assistant:",
+
+ "settings.aboutCongregation": "ABOUT CONGREGATION",
+ "settings.blankRequired": "Please provide input",
+ "settings.liveClass": "Students for live meeting only",
+ "settings.saved": "Congregation settings updated successfully",
+ "settings.offlineDataStorage": "OFFLINE DATA STORAGE",
+ "settings.backup": "Backup",
+ "settings.createLocalBackup": "Create",
+ "settings.createBackup": "Create backup",
+ "settings.restoreBackup": "Restore backup",
+ "settings.restoreLocalBackup": "Restore",
+ "settings.restoreOnlineBackup": "Restore online backup",
+ "settings.eraseDesc": "Erase all data used by LMM-OA.",
+ "settings.deleteDbTitle": "Are you sure to delete all LMM-OA data?",
+ "settings.deleteDbDesc": "All data used by LMM-OA will be deleted. This includes the students list, schedules, and all congregation details.",
+ "settings.createPassword": "Create a strong password to backup your LMM-OA data",
+ "settings.backupSuccess": "Your backup is successfully saved",
+ "settings.backupError": "An error occured and your backup is not saved",
+ "settings.backupRetrieveFailed": "An error occured while retrieving your backup",
+ "settings.backupOnlineSendNew": "Sending backup data to the internet",
+ "settings.backupOnlineSendUpdate": "You already have backup stored online, do you want to replace it?",
+ "settings.backupOnlineNone": "You do not yet have any backup stored online",
+ "settings.backupNew": "New backup",
+ "settings.backupOld": "Old backup",
+ "settings.restoreIntro": "Provide the password to open this backup",
+ "settings.restoreOnlineIntro": "Restore from online backup",
+ "settings.backupRestoreInvalidPassword": "The password to open the backup data is incorrect",
+ "settings.backupRestoreError": "An error occurred while processing your backup data",
+ "settings.backupInvalidFile": "The file selected is not a valid backup for LMM-OA. Please choose the correct file",
+ "settings.restoreComplete": "The backup data for LMM-OA has been successfully restored",
+ "settings.onlineDataStorage": "ONLINE DATA STORAGE",
+ "settings.sendCongBackup": "Send backup to be saved in your online congregation account",
+ "settings.lastCongBackup": "Last backup made by {{ backup_person }}, on {{ backup_date }}. Please click CREATE if you want to make a new backup.",
+ "settings.restoreConfirmation": "Last backup made by {{ backup_person }}, on {{ backup_date }}. Please click RESTORE if you want to get this backup.",
+ "settings.sendBackupBtn": "Send",
+ "settings.restoreCongBackup": "Restore backup from your online congregation account",
+ "settings.restoreBackupBtn": "Restore",
+ "settings.noBackupFound": "No backup has not been found yet for your congregation.",
+ "settings.myAccount": "MY ACCOUNT",
+ "settings.emailLocked": "This email address can no longer be changed. Please contact us if you want to change it.",
+ "settings.changePassword": "Change password",
+ "settings.oldPassword": "Old password",
+ "settings.newPassword": "New password",
+ "settings.confirmPassword": "Confirm new password",
+ "settings.passwordRequirements": "The password should be 10 or more characters longer",
+ "settings.passwordIncorrect": "The password is incorrect",
+ "settings.passwordNotEqual": "The new passwords do not match",
+ "settings.passwordChanged": "Your password has been changed successfully!",
+ "settings.twoFactor": "Two-factor authentication",
+ "settings.twoFactorDesc": "Two-factor authentication adds an additional layer of security to your account by requiring more than just a password to sign in.",
+ "settings.twoFactorAddDevice": "Add device",
+ "settings.twoFactorTitle": "Two-factor authentication details",
+ "settings.twoFactorApp": "Use Microsoft Authenticator or Google Authenticator app in your new device to scan the code QR below",
+ "settings.twoFactorToken": "If you are unable to scan the QR code, please use the token below",
+ "settings.sessions": "Sessions",
+ "settings.sessionsDesc": "This is a list of devices that have logged into your account. Revoke any sessions that you do not recognize.",
+ "settings.sessionRevoke": "Revoke",
+ "settings.lastSeen": "Last seen: {{ last_seen }}",
+ "settings.currentSession": "Current session",
+
+ "administration.vipUsersHeading": "APPOINTED BROTHERS AND THEIR ROLES",
+ "administration.notConnected": "Not connected recently",
+ "administration.removeBrother": "Remove brother from congregation",
+ "administration.removeBrotherDesc": "Are you sure to remove brother {{ name }} from the congregation? He will no longer have access to your congregation when he connects to his online account.",
+ "administration.addNewBrother": "ADD NEW BROTHER",
+ "administration.editBrotherRole": "EDIT BROTHER ROLE",
+ "administration.accountNotFound": "No user account has been found. Please make sure that the email address is correct. You can check with the user also if his account was already verified, and MFA was enabled.",
+ "administration.accountExist": "This account is already a brother in your congregation.",
+ "administration.congregationRoles": "CONGREGATION ROLES",
+ "administration.roleAdmin": "Administrator",
+ "administration.roleLMMO": "Life and Ministry Meeting Overseer",
+ "administration.roleLMMOAssistant": "Life and Ministry Meeting Overseer - Assistant",
+
+ "about.description": "LMM-OA (Life and Ministry Meeting Overseer Assistant) is an application to coordinate and manage students assignment schedule for Midweek Meeting."
+}
\ No newline at end of file
diff --git a/src/locales/langList.js b/src/locales/langList.js
new file mode 100644
index 00000000..84dac37a
--- /dev/null
+++ b/src/locales/langList.js
@@ -0,0 +1,4 @@
+export const langList = [
+ { code: 'e', name: 'English' },
+ { code: 'mg', name: 'Malagasy' },
+];
diff --git a/src/locales/mg.json b/src/locales/mg.json
new file mode 100644
index 00000000..7116b432
--- /dev/null
+++ b/src/locales/mg.json
@@ -0,0 +1,377 @@
+{
+ "global.iso": "mg",
+ "global.home": "Fandraisana",
+ "global.student": "Mpianatra",
+ "global.students": "Mpianatra",
+ "global.schedule": "Fandaharana",
+ "global.sourceMaterial": "Loharanon-kevitra",
+ "global.settings": "Fanamboarana",
+ "global.administration": "Fandrindrana",
+ "global.help": "Fanampiana",
+ "global.login": "Hiditra",
+ "global.logout": "Hiala",
+ "global.changeLanguage": "Fiteny",
+ "global.edit": "Hanova",
+ "global.delete": "Hamafa",
+ "global.save": "Hitahiry",
+ "global.cancel": "Aoka ihany",
+ "global.undo": "Hiverina amin’ny teo aloha",
+ "global.errorTryAgain": "Nisy olana fa andramo indray rehefa kelikely.",
+ "global.password": "Tenimiafina",
+ "global.passphrase": "Teny miafina",
+ "global.confirmPwd": "Avereno ampidirina",
+ "global.congregation": "Fiangonana",
+ "global.number": "Nomerao",
+ "global.monday": "Alatsinainy",
+ "global.tuesday": "Talata",
+ "global.wednesday": "Alarobia",
+ "global.thursday": "Alakamisy",
+ "global.friday": "Zoma",
+ "global.saturday": "Asabotsy",
+ "global.class": "Kilasy",
+ "global.oneClass": "Kilasy 1",
+ "global.twoClass": "Kilasy 2",
+ "global.bibleReading": "Famakiana Baiboly",
+ "global.bibleReadingTime": "(4 min. na latsaka)",
+ "global.initialCall": "Fitoriana",
+ "global.returnVisit": "Fiverenana Mitsidika",
+ "global.bibleStudy": "Fampianarana Baiboly",
+ "global.talk": "Lahateny",
+ "global.partLessTime": "{{ duration }} min. na latsaka",
+ "global.initialCallVideo": "Video Fitoriana",
+ "global.returnVisitVideo": "Video Fiverenana Mitsidika",
+ "global.otherPart": "Hafa",
+ "global.shortDateFormat": "dd/mm/yyyy",
+ "global.shortDatePickerFormat": "dd/MM/yyyy",
+ "global.shortDateTimeFormat": "dd/mm/yyyy h:MM TT",
+ "global.treasuresPart": "HARENA AVY AO AMIN’NY TENIN’ANDRIAMANITRA",
+ "global.applyFieldMinistryPart": "FAMPIOFANANA AMIN’NY FANOMPOANA",
+ "global.bibleReadingText": "Famakiana Baiboly (4 min.)",
+ "global.name": "Anarana",
+ "global.displayName": "Fanafohezana",
+ "global.gender": "Lahy/Vavy",
+ "global.isUnavailable": "Tsy omena anjara",
+ "global.lastAssignment": "Anjara farany",
+ "global.lastBibleReading": "Anjara FB farany",
+ "global.lastInitialCall": "Anjara FIT farany",
+ "global.lastReturnVisit": "Anjara FIV farany",
+ "global.lastBibleStudy": "Anjara FAMP farany",
+ "global.lastTalk": "Anjara L farany",
+ "global.yes": "Eny",
+ "global.no": "Tsia",
+ "global.abbrBibleReading": "FB",
+ "global.abbrInitialCall": "FIT",
+ "global.abbrReturnVisit": "FIV",
+ "global.abbrBibleStudy": "FAMP",
+ "global.abbrTalk": "L",
+ "global.january": "Janoary",
+ "global.february": "Febroary",
+ "global.march": "Martsa",
+ "global.april": "Aprily",
+ "global.may": "Mey",
+ "global.june": "Jona",
+ "global.july": "Jolay",
+ "global.august": "Aogositra",
+ "global.september": "Septambra",
+ "global.october": "Oktobra",
+ "global.november": "Novambra",
+ "global.december": "Desambra",
+ "global.year": "Taona",
+ "global.week": "Herinandro",
+ "global.type": "Karazany",
+ "global.ayfPart1": "Anjara 1",
+ "global.ayfPart2": "Anjara 2",
+ "global.ayfPart3": "Anjara 3",
+ "global.ayfPart4": "Anjara 4",
+ "global.noMidweekMeeting": "Tsy misy fivoriana andavanandro amin’io herinandro io",
+ "global.normalWeek": "Herinandro Mahazatra",
+ "global.circuitOverseerWeek": "Fitsidihan’ny Mpiandraikitra ny Faritra",
+ "global.conventionWeek": "Herinandron’ny Fivoriambe",
+ "global.date": "Daty",
+ "global.assignment": "Anjara",
+ "global.assistant": "Mpanampy",
+ "global.pleaseWait": "Miandrasa kely ...",
+ "global.download": "Haka",
+ "global.mainHall": "Efitrano lehibe",
+ "global.auxClass": "Efitrano faharoa",
+ "global.auxClass1": "Efitrano faharoa",
+ "global.auxClass2": "Efitrano fahatelo",
+ "global.allWeeks": "Herinandro rehetra",
+ "global.preview": "Hijery mialoha",
+ "global.continue": "Hanohy",
+ "global.add": "Hanampy",
+ "global.noOptions": "Tsy misy",
+ "global.waitForRequest": "Efa misy fangatahana nalefanao nefa tsy mbola vita. Andramo indray rehefa kelikely",
+ "global.memorialInvite": "Fanasana Amin’ny Fahatsiarovana",
+ "global.newVersion": "Misy version vaovao ny LMM-OA",
+ "global.updateApp": "Hampiditra",
+ "global.cacheCompleted": "Afaka mampiasa ny LMM-OA ianao izao na tsy misy internet aza",
+ "global.signIn": "Hiditra",
+ "global.waitSignOut": "Miandrasa kely azafady ...",
+ "global.about": "Mombamomba",
+ "global.quit": "Hanidy",
+ "global.install": "Hampiditra",
+ "global.whatsNew": "Zava-baovao",
+ "global.nothingNew": "Tsy mbola misy zava-baovao aloha amin’izao. Miverena eto indray raha te hanamarina an’izany amin’ny manaraka.",
+ "global.offlineWhatsNew": "Tsy afaka mijery zava-baovao aloha ianao izao satria tsy mandeha ny internet.",
+ "global.backup": "Rakitra fiandry",
+ "global.sendBackup": "Handefa rakitra fiandry",
+ "global.restoreBackup": "Hamerina rakitra fiandry",
+ "global.restore": "Hamerina",
+ "global.back": "Hiverina",
+ "global.startDate": "Nanomboka",
+ "global.endDate": "Nifarana",
+ "global.comments": "Fanamarihana",
+ "global.disqualified": "Nofaranana satria tsy mahafeno fepetra",
+ "global.advancedSearch": "Hikaroka misimisy kokoa",
+ "global.hideAvancedSearch": "Fikarohana tsotra",
+ "global.useOnlineAccount": "Hampiasa kaonty amin’ny internet",
+ "global.endMoved": "Nofaranana satria nifindra fiangonana",
+ "global.create": "Hamorona",
+ "global.savedSuccess": "Voatahiry soa aman-tsara ny fanovana!",
+ "global.update": "Hanova",
+
+ "startup.welcomeTitle": "Tongasoa eto amin’ny LMM-OA",
+ "startup.welcomeDescription": "Programa natao ho ampiasain’ny Mpiandraikitra ny Fivoriana Momba ny Fiainantsika sy ny Fanompoana ny LMM-OA (na Life and Ministry Meeting Overseer Assistant).",
+ "startup.back": "Hiverina",
+ "startup.next": "Manaraka",
+ "startup.congInfoTitle": "Fanazavana momba ny fiangonana",
+ "startup.congInfoDescription": "Ampidiro eto ambany ny anaran’ny fiangonana sy nomerao",
+ "startup.meetingInfoTitle": "Fanazavana momba ny fivoriana",
+ "startup.meetingInfoDescription": "Ampidiro eto ambany ny andro hanaovana ny fivoriana andavanandro, sy ny isan’ny kilasy misy anjaran’ny mpianatra",
+ "startup.meetingDay": "Andro ivoriana",
+ "startup.classCount": "Isan’ny kilasy",
+ "startup.setupCompleteTitle": "Vita ny fanamboarana",
+ "startup.setupCompleteDescription": "Vita ny fanamboarana voalohany ilain’ny LMM-OA. Mbola azonao ovana izy ireo rehefa mampiasa ny LMM-OA ianao.",
+ "startup.openApp": "Hanokatra",
+ "startup.lmmoaDesc": "Fandrindrana ny anjaran’ny mpianatra amin’ny fivoriana andavanandro. Vakio tsara azafady ireo fanazavana eto ambany alohan’ny hampiasana ity programa ity.",
+ "startup.whoUse": "Iza no tokony hampiasa ny LMM-OA?",
+ "startup.whoUseApp": "Natao ho ampiasain’ny Mpiandraikitra ny Fivoriana Momba ny Fiainantsika sy ny Fanompoana ity programa ity.",
+ "startup.disclaimerApp": "Tsy hoe programa ofisialy natao ho an’ny Vavolombelon’i Jehovah akory ny LMM-OA. Afaka mifidy ianao na hampiasa azy ity na tsia. Alohan’ny hampiasana azy ity, dia tsara raha efa nankatoavin’ny anti-panahy rehetra izany. Ankoatra izany, dia fantatray koa fa maro amin’izao ny programa azonao ampiasaina mitovitovy amin’ny LMM-OA. Tsy izahay mihitsy no hilaza hoe iza amin’izy ireny no tsara na ratsy. Mino izahay fa tsara sy manana ny mampiavaka azy daholo ireny programa ireny, nefa mitovy daholo ihany ny tanjona tiana hotratrarina.",
+ "startup.appPWA": "Inona no dikan’ny hoe programa PWA ny LMM-OA?",
+ "startup.descPWA": "Programa sokafana amin’ny programa fijerena internet ny LMM-OA, amin’ny maha PWA, na progressive web application azy. Amin’ny ankapobeny, dia azo hanokafana azy ity daholo ny programa fijerena internet farany, ary mety foana na inona na inona ny OS ampiasainao, ary na mampiasa ordinatera ianao na fitaovana enti-tanana. Ankoatra izany, dia azonao ampidirina amin’ny fitaovana ampiasainao ny LMM-OA ka tsy voatery manokatra ny programa fijerenao internet intsony ianao, ary azo ampiasaina foana izy ity na dia tsy manana fahana internet aza ianao, rehefa vita ny fanamboarana voalohany ilain’ilay programa.",
+ "startup.appSecure": "Azo antoka tsara ve ny rakitra ampiasaiko amin’ny LMM-OA?",
+ "startup.webChange": "Miezaka mafy izahay mba hanome anao programa azo antoka tsara mba hanatontosanao ny andraikitrao eo anivon’ny fiangonana. Mivoatra haingana be ny teknolojia ampiasaina amin’ny resaka internet, ka miezaka izahay mba haharaka an’izy ireny.",
+ "startup.appStorage": "Tsy any amin’ny internet akory ny LMM-OA no mitahiry ny rakitra ampiasainy, na dia antsoina hoe web application aza. Mampiasa ny programa fijerenao internet izahay mba hitehirizana an’izany. Afaka mitahiry ny fanazavana rehetra ilaina izy io, sady ao amin’ny fitaovana ampiasainao irery ihany. Izany no antony mahatonga ny LMM-OA azo ampiasaina foana na dia tsy manana fahana internet aza ianao.",
+ "startup.onlineShare": "Na izany aza anefa, dia afaka mandefa sy mitahiry fanazavana amin’ny internet, tsy misy resaka tsiambaratelo, ho an’ny besinimaro na ho an’ny rahalahy voatendry ianao. Voaro sy azo antoka tsara ny fanazavana alefanao ho an’ireo rahalahy voatendry rehefa mandefa izany avy amin’ity programa ity ianao.",
+ "startup.indexedDB": "Mampiasa IndexedDB izahay mba hitehirizana ny rakitra ampiasain’ny LMM-OA, raha liana te hahafantatra bebe kokoa momba an’io teknolojia io ianao.",
+ "startup.clearBrowserData": "Tadidio fa rehefa mamafa tanteraka ny lisitr’ireo zavatra nojerenao tamin’ny internet ao amin’ny programa ampiasainao ianao, dia voafafa miaraka amin’izany koa ny rakitra ampiasain’ny LMM-OA. Tsy misy fomba hamerenana an’izany intsony, raha tsy nanamboatra rakitra fiandry ianao.",
+ "startup.appPrivacy": "Ahoana no hiarovan’ny LMM-OA ny tsiambaratelonao?",
+ "startup.dataCollection": "Rehefa tapa-kevitra ny hampiasa ny programa sws2apps ianao, dia manome alalana anay mba haka an’ireto fanazavana ireto: ny anaranao sy ny adiresy email ampiasainao. Mba hahafahanay manamarina tsara ny fangatahana rehetra voarainay koa, dia maka ny adiresy IP sy ny tsipiriany hafa momba ny fitaovana ampiasainao izahay.",
+ "startup.adBlock": "Tsy misy orinasa avelanay hampiasa ny fanazavana aty aminay, mba handefasana dokambarotra manokana ho anao. Tsy zarainay amin’iza n’iza koa ny fanazavana aty aminay na noho ny antony inona izany na inona.",
+ "startup.nextStep": "Dingana manaraka",
+ "startup.readComplete": "Voavakiko daholo ireo fanazavana ireo",
+
+ "login.email": "Adiresy email",
+ "login.password": "Tenimiafina",
+ "login.createSwsAccount": "Hamorona kaonty",
+ "login.hasAccount": "Efa manana kaonty aho",
+ "login.signInNoInternet": "Hiditra amin’ny kaontinao",
+ "login.signInWithInternet": "Hiditra amin’ny kaontinao. Mila internet ianao mba hanaovana an’izany.",
+ "login.newUserAccount": "Fenoy ny fanazavana eto ambany, ary mila internet ianao mba hanaovana izany. Tehirizo amin’ny toerana azo antoka tsara ny email sy ny teny miafina. Tsy ho afaka hanokatra ny rakitra ampiasainao intsony ianao raha hadinonao izy ireo.",
+ "login.confirmPassword": "Avereno ampidirina",
+ "login.newAccount": "KAONTY VAOVAO",
+ "login.createAccount": "Hamorona",
+ "login.accountNotFound": "Tsy mbola misy ireo fanazavana nampidirinao ireo.",
+ "login.accountExist": "Tsy azo ampiasaina intsony io adiresy email io",
+ "login.accountDisabled": "Natsahatra io kaonty tianao hidirana io.",
+ "login.createFailed": "Nisy olana ka tsy afaka namboarina ny kaontinao",
+ "login.accountCreated": "Vita ny fanamboarana ny kaontinao. Alohan’ny hampiasana azy ity, dia hamarino aloha ny hafatra lasa any amin’ny adiresinao",
+ "login.accountCreatedNoLink": "Vita ny fanamboarana ny kaontinao. Nisy olana anefa ka tsy mbola lasa ny hafatra fanamarinana izany",
+ "login.accountNotVerified": "Azo ampiasaina io kaonty io saingy tsy mbola voamarina. Hamarino ny hafatra any amin’ny adiresinao hanamarinana azy ity",
+ "login.accountResendLink": "Hamerina handefa ny hafatra fanamarinana",
+ "login.accountNewLink": "Naverina nalefa ny hafatra fanamarinana ny kaontinao",
+ "login.hostBlocked": "Tsy mbola afaka manao fangatahana ity fitaovana ity izao, andramo indray rehefa afaka kelikely",
+ "login.incorrectInfo": "Diso ny adiresy email na ny teny miafina nampidirinao",
+ "login.verifyAccount": "Nisy hafatra nalefa any aminao mba hanamarinanao ny kaontinao. Tsy ho afaka hampiasa ity kaontinao ity ianao raha tsy mbola voamarina ny kaontinao aloha. Jereo sao dia lasa ao amin’ny Spam na Junk Email ilay izy. Avereno alefa izany raha toa koa tsy voarainao.",
+ "login.blockedAccount": "Natsahatra mba tsy ho afaka hiditra io adiresy email io. Hamarino raha marina tsara ny fanazavana nampidirinao.",
+ "login.resendVerify": "Averina alefa",
+ "login.createCongregationAccount": "Hangataka kaontin’ny fiangonana",
+ "login.congregationName": "Anaran’ny fiangonana",
+ "login.congregationNumber": "Nomeraon’ny fiangonana",
+ "login.requestAccount": "Hangataka",
+ "login.requestAccountSent": "Lasa soa aman-tsara ny fangatahana kaontin’ny fiangonana nalefanao. Mety hila 24 ora eo ho eo ny fikarakarana azy io. Haharay hafatra any amin’ny email-nao ianao rehefa azo ampiasaina ny kaontin’ny fiangonana.",
+ "login.fullname": "Anarana feno",
+ "login.congregationRequestExist": "Efa nandefa fangatahana kaontin’ny fiangonana ianao. Handefasanay hafatra ianao rehefa vita ny fikarakarana izany fangatahana izany.",
+ "login.mfaSetupQr": "Mila fanamarinana fanampiny ianao mba hiarovana ny kaontinao. Ampiasao ny programa authentification ao amin’ny telefaoninao, toy ny Microsoft Authenticator na Google Authenticator, ary alaivo sary ny kaody QR eto ambany.",
+ "login.mfaSetupToken": "Mila fanamarinana fanampiny ianao mba hiarovana ny kaontinao. Ampiasao ny programa authentification ao amin’ny telefaoninao, toy ny Microsoft Authenticator na Google Authenticator, ary ampidiro ao ny kaody eto ambany.",
+ "login.mfaVerify": "Hanamarina",
+ "login.setupTextOTP": "Ampidiro eo ambany avy eo ny kaody OTP avy amin’ilay programa",
+ "login.labelOTP": "Kaody fanamarinana",
+ "login.scanQR": "Haka sary kaody QR",
+ "login.copyToken": "Tsy afaka maka sary io kaody QR io aho",
+ "login.unauthorizedRole": "Tsy mbola manana alalana hampiasa ity programa ity ianao. Miresaha azafady amin’iray amin’ny mpandrindra ny kaontin’ny fiangonanareo, ary hamarino raha marina tsara ny andraikitrao. Afaka manoratra hafatra aty aminay koa ry zareo raha mila fanampiana fanampiny.",
+
+ "home.currentSchedule": "FANDAHARAM-PIVORIANA—{{currentWeek}}",
+
+ "students.search": "Hikaroka",
+ "students.all": "Izy rehetra",
+ "students.male": "Lahy",
+ "students.female": "Vavy",
+ "students.allAssignments": "Anjara rehetra",
+ "students.searchError": "Misy olana ny teny fikarohana nampidirinao!",
+ "students.sendListOnline": "Handefa lisitra any amin’ny internet",
+ "students.exportListLocal": "Hamoaka lisitra xlsx",
+ "students.addNew": "Hampiditra mpianatra vaovao",
+ "students.deleteSuccess": "Voafafa soa aman-tsara ny mpianatra",
+ "students.list": "Lisitra",
+ "students.addedSuccess": "Tafiditra ny mpianatra vaovao",
+ "students.modifiedSuccess": "Voatahiry ny fanavaozana ny mombamomba ny mpianatra",
+ "students.other": "Zavatra Hafa",
+ "students.livePart": "Afaka manao anjara mivantana",
+ "students.deleteTitle": "Hamafa an’i: {{ currentStudent }}",
+ "students.deleteConfirmation": "Tianao hofafana ao amin’ny rakitra fitehirizana ve io mpianatra io?",
+ "students.existAlready": "Efa misy ao anaty rakitra fitehirizana io mpianatra io",
+ "students.deleteSucess": "Voafafa soa aman-tsara ny mpianatra",
+ "students.student": "Mitarika",
+ "students.basicInfo": "Mombamomba an’ilay mpianatra",
+ "students.assignments": "Anjara azony atao",
+ "students.assignmentsHistory": "Anjara efa nataony",
+ "students.timeAway": "Fotoana tsy maha eo",
+ "students.otherActions": "Fanamboarana hafa",
+ "students.addAssignment": "Hanampy anjara",
+ "students.addTimeAway": "Hampiditra",
+ "students.markDisqualified": "Tsy mahafeno fepetra",
+ "students.enable": "Omena anjara",
+ "students.markTransfer": "Nifindra fiangonana",
+ "students.edit": "Hanova mpianatra",
+ "students.missingInfo": "Tsy feno tsara ny fanazavana momba ny mpianatra",
+ "students.disqualifiedLabel": "Tsy mahafeno fepetra",
+ "students.accessPocketApp": "Fandaharana amin’ny internet",
+ "students.setupPocketAccess": "Amboarina",
+ "students.addPocketDevice": "Hanampy fitaovana",
+ "students.setupPocketToken": "Omeo an’ilay mpianatra azafady ny kaody eto ambany mba hahafahany manokatra ny programa SWS Pocket. Indray mandeha ihany no azo ampiasaina ity kaody ity.",
+ "students.viewOnBehalf": "Fandaharan’ny mpianatra azony jerena",
+ "students.pocketSessions": "Lisitry ny fitaovana ampiasain’ilay mpianatra mba hanokafana ny programa SWS Pocket. Azonao esorina eto izay tsy ilaina intsony, raha ilaina.",
+ "students.searchResult": "Valin’ny fikarohana",
+ "students.recentStudents": "Nojerena farany",
+ "students.clearRecents": "Esorina",
+ "students.pocketDevices": "Fitaovana ampiasainy",
+
+ "sourceMaterial.weekAdded": "Tafiditra ny herinandro vaovao",
+ "sourceMaterial.weekSaved": "Vita ny fitehirizana ny loharanon-kevitra",
+ "sourceMaterial.saveError": "Nisy olana ka tsy voatahiry ny fanovana nataonao",
+ "sourceMaterial.hasMeeting": "Misy fivoriana",
+ "sourceMaterial.noMeeting": "Tsy misy fivoriana",
+ "sourceMaterial.partDuration": "Faharetany",
+ "sourceMaterial.partType": "Anjara",
+ "sourceMaterial.nothing": "Tsy misy",
+ "sourceMaterial.addWeek": "Herinandro vaovao",
+ "sourceMaterial.importEPUB": "Haka EPUB",
+ "sourceMaterial.addWeekDesc": "Tianao ve ny hanampy herinandro vaovao ao amin’ny fitehirizana? Tsara kokoa anefa raha amin’ny alalan’ny rakitra EPUB nalaina avy tao amin’ny JW.ORG no hampidirina ny loharanon-kevitra. Tsindrio ny Eny raha hanohy, Tsia raha hanafoana.",
+ "sourceMaterial.addWeekTitle": "Hanampy herinandro vaovao",
+ "sourceMaterial.invalidFilename": "Tsy afaka ampidirina io rakitra EPUB nosafidinao io",
+ "sourceMaterial.importEPUBTitle": "Hampiditra loharanon-kevitra | EPUB",
+ "sourceMaterial.importJw": "Haka JW.ORG",
+ "sourceMaterial.importJwTitle": "Hampiditra loharanon-kevitra | JW.ORG",
+ "sourceMaterial.importCompleted": "Vita ny fampidirana ny loharanon-kevitra",
+
+ "importEPUB.invalid": "Tsy rakitra EPUB misy ny Tari-dalana ho An’ny Fivoriana io nosafidianao io, fa hamarino indray mandeha.",
+ "importEPUB.inProgress": "Mampiditra ny rakitra EPUB. Miandrasa kely ...",
+
+ "importJw.inProgress": "Miandrasa kely mandra-pahavitan’ny fakana loharanon-kevitra any amin’ny JW.ORG ...",
+
+ "schedule.autofill": "Hameno ho azy",
+ "schedule.send": "Alefa",
+ "schedule.sendToMSC": "MSC",
+ "schedule.sendToStudents": "Mpianatra rehetra ",
+ "schedule.assignStudent": "Fanendrena mpianatra",
+ "schedule.s89": "Fanomezana Anjara S-89",
+ "schedule.availableStudents": "Afaka manao ny anjara",
+ "schedule.studentHistory": "{{ currentStudent }} (Anjara efa nataony)",
+ "schedule.assignmentHistory": "Mpianatra efa nanao io anjara io",
+ "schedule.assign": "Hanendry",
+ "schedule.autoFillTitle": "Hameno ho azy fandaharana",
+ "schedule.autoFillDesc": "Tianao hofenoina ho azy ve ny fandaharana {{ currentSchedule }}?",
+ "schedule.deleteAssignmentTitle": "Hamafa fanendrena",
+ "schedule.deleteAssignmentDesc": "Tianao hofafana ve ny fanendrena rehetra amin’ny fandaharana {{ currentSchedule }}, sa ny fanendrena amin’ny herinandron’ny {{ currentWeek}} ihany?",
+ "schedule.deleteAllLabel": "Herinandro rehetra",
+ "schedule.deleteWeekOnlyLabel": "{{ currentWeek }} ihany",
+ "schedule.assistantHistory": "{{ currentStudent }} (Mpanampy efa niaraka taminy)",
+ "schedule.s89NoData": "Tsy misy anjara azo atao pirinty ao amin’io fandaharana io",
+ "schedule.assignmentPart": "Anjara {{ id }} ({{ time }}.)",
+ "schedule.publishPocket": "Handefa fandaharana -> SWS Pocket ...",
+ "schedule.publishMSC": "Handefa fandaharana -> MSC ...",
+ "schedule.publishSuccess": "Lasa soa aman-tsara ny fandaharana",
+
+ "s89.title": "ANJARA AMIN’NY FIVORIANA MOMBA
NY FIAINANTSIKA SY NY FANOMPOANA",
+ "s89.toBeGiven": "Hatao ao amin’ny:",
+ "s89.descFooter": "Ho an’ny mpianatra: Hita ao amin’ny Tari-dalana ho An’ny Fiainantsika sy ny Fanompoana ny loharanon-kevitra sy ny lesona ho an’ny anjaranao. Omano mifanaraka amin’ireo lesona ao amin’ny bokikely Miezaha izany.",
+
+ "scheduleTemplate.studentsAssignment": "Anjaran’ny Mpianatra",
+ "scheduleTemplate.studentAssistant": "Mpianatra/Mpanampy:",
+
+ "settings.aboutCongregation": "MOMBAMOMBA NY FIANGONANA",
+ "settings.blankRequired": "Mila fenoina",
+ "settings.liveClass": "Mpianatra afaka mandray anjara mivantana ihany",
+ "settings.saved": "Vita ny fanavaozana ny mombamomba ny fiangonana",
+ "settings.offlineDataStorage": "FITEHIRIZANA ATO AMIN’NY FITAOVANA AMPIASAINAO",
+ "settings.backup": "Rakitra Fiandry",
+ "settings.createLocalBackup": "Hamorona",
+ "settings.createBackup": "Hamorona rakitra fiandry",
+ "settings.restoreBackup": "Hamerina rakitra fiandry",
+ "settings.restoreLocalBackup": "Hamerina",
+ "settings.restoreOnlineBackup": "Hamerina avy amin’ny internet",
+ "settings.eraseDesc": "Hamafa tanteraka ny rakitra ampiasain’ny LMM-OA.",
+ "settings.deleteDbTitle": "Hofafana tanteraka ve ny rakitra LMM-OA?",
+ "settings.deleteDbDesc": "Ho voafafa daholo ny rakitra rehetra momba ny LMM-OA, anisan’izany ny lisitry ny mpianatra, fandaharana, mombamomba ny fiangonana.",
+ "settings.createPassword": "Mamorona tenimiafiana mba hanamboarana ny rakitra fiandry",
+ "settings.backupSuccess": "Voatahiry soa aman-tsara ny rakitra fiandry",
+ "settings.backupError": "Nisy olana ka tsy voatahiry ny rakitra fiandry",
+ "settings.backupRetrieveFailed": "Nisy olana teo am-pikarohana ny rakitra fiandry",
+ "settings.backupOnlineSendNew": "Handefa rakitra fiandry any amin’ny internet",
+ "settings.backupOnlineSendUpdate": "Efa misy rakitra fiandry any amin’ny internet, ka tianao hosoloina ve?",
+ "settings.backupOnlineNone": "Tsy mbola manana rakitra fiandry any amin’ny internet ianao",
+ "settings.backupNew": "Vaovao",
+ "settings.backupOld": "Taloha",
+ "settings.restoreIntro": "Ampidiro ny tenimiafina hanokafana ny rakitra fiandry",
+ "settings.restoreOnlineIntro": "Hamerina rakitra fiandry avy any amin’ny internet",
+ "settings.backupRestoreInvalidPassword": "Diso ny tenimiafina nampidirinao mba hanokafana ny rakitra fiandry",
+ "settings.backupRestoreError": "Nisy olana teo am-panokafana ny rakitra fiandry nosafidianao",
+ "settings.backupInvalidFile": "Tsy rakitra fiandry ho an’ny LMM-OA io nosafidianao io, fa hamarino indray mandeha.",
+ "settings.restoreComplete": "Vita ny famerenana ny rakitra fiandry ho an’ny LMM-OA",
+ "settings.onlineDataStorage": "FITEHIRIZANA ANY AMIN’NY INTERNET",
+ "settings.sendCongBackup": "Handefa rakitra fitehirizina any amin’ny kaontin’ny fiangonana any amin’ny internet",
+ "settings.lastCongBackup": "Rakitra farany nalefan’i {{ backup_person }}, tamin’ny {{ backup_date }}. Tsindrio ilay hoe HAMORONA raha handefa rakitra fiandry vaovao.",
+ "settings.restoreConfirmation": "Rakitra farany nalefan’i {{ backup_person }}, tamin’ny {{ backup_date }}. Tsindrio ilay hoe HAMERINA raha tianao alaina io rakitra io.",
+ "settings.sendBackupBtn": "Handefa",
+ "settings.restoreCongBackup": "Hamerina rakitra fitehirizana avy any amin’ny kaontin’ny fiangonana any amin’ny internet",
+ "settings.restoreBackupBtn": "Hamerina",
+ "settings.noBackupFound": "Tsy mbola misy rakitra fiandry any amin’ny kaontin’ny fiangonana any amin’ny internet.",
+ "settings.myAccount": "NY KAONTIKO",
+ "settings.emailLocked": "Tsy azo ovana intsony io adiresy email io. Mifandraisa aminay raha tianao ny hanova azy io.",
+ "settings.changePassword": "Hanova tenimiafina",
+ "settings.oldPassword": "Tenimiafina taloha",
+ "settings.newPassword": "Tenimiafina vaovao",
+ "settings.confirmPassword": "Avereno ampidirina",
+ "settings.passwordRequirements": "Tokony ho litera 10 na mihoatra ny tenimiafina",
+ "settings.passwordIncorrect": "Diso ny tenimiafina",
+ "settings.passwordNotEqual": "Tsy mitovy ny tenimiafina vaovao nampidirinao",
+ "settings.passwordChanged": "Vita soa aman-tsara ny fanovana ny tenimiafina!",
+ "settings.twoFactor": "Fanamarinana fanampiny rehefa hiditra amin’ny kaonty",
+ "settings.twoFactorDesc": "Voaro kokoa ny kaonty ampiasainao noho ny fampiasana ity fanamarinana fanampiny ity. Ankoatra ny tenimiafina, dia misy kaody manokana angatahina aminao vao ho tafiditra amin’ny kaontinao ianao.",
+ "settings.twoFactorAddDevice": "Hanampy fitaovana",
+ "settings.twoFactorTitle": "Fanamarinana fanampiny",
+ "settings.twoFactorApp": "Ampiasao ny programa Microsoft Authenticator na Google Authenticator ao amin’ilay fitaovana vaovao mba hakana sary ny kaody QR eto ambany.",
+ "settings.twoFactorToken": "Raha tsy afaka maka sary io kaody QR io ianao, dia ampiasao ny kaody eto ambany",
+ "settings.sessions": "Fitaovana mampiasa ny kaontinao",
+ "settings.sessionsDesc": "Hitanao eto ambany ny lisitry ny fitaovana rehetra afaka miditra amin’ny kaontinao avy hatrany. Azonao esorina avy hatrany ireo izay tsy fantatrao rehetra.",
+ "settings.sessionRevoke": "Esorina",
+ "settings.lastSeen": "Nampiasaina farany tamin’ny: {{ last_seen }}",
+ "settings.currentSession": "Ampiasainao izao",
+
+ "administration.vipUsersHeading": "RAHALAHY VOATENDRY SY ANDRAIKITRA",
+ "administration.notConnected": "Efa ela tsy niditra",
+ "administration.removeBrother": "Esorina ao amin’ny fiangonana",
+ "administration.removeBrotherDesc": "Tianao ho esorina ao amin’ny fiangonana ve ny rahalahy {{ name }}? Tsy ho afaka hiditra ao amin’ny kaontin’ny fiangonanareo intsony izy, raha vao miditra ao amin’ny kaontiny ao amin’ny internet.",
+ "administration.addNewBrother": "HAMPIDITRA RAHALAHY VAOVAO",
+ "administration.editBrotherRole": "HANAMBOATRA ANDRAIKITRA",
+ "administration.accountNotFound": "Tsy misy kaonty hita manana io adiresy email io. Ataovy azo antoka hoe marina tsara ilay adiresy. Azonao atao koa ny manontany an’ilay rahalahy, raha efa nohamarininy ny kaontiny, ary efa mandeha ny fanamarinana fanampiny.",
+ "administration.accountExist": "Efa ao amin’ny fiangonanareo io rahalahy io.",
+ "administration.congregationRoles": "ANDRAIKITRA AO AMIN’NY FIANGONANA",
+ "administration.roleAdmin": "Mpandrindra ny kaonty",
+ "administration.roleLMMO": "Mpiandraikitra ny Fivoriana Momba ny Fiainanantsika sy ny Fanompoana",
+ "administration.roleLMMOAssistant": "Mpiandraikitra ny Fivoriana Momba ny Fiainanantsika sy ny Fanompoana - Mpanampy",
+
+ "about.description": "Programa fandaminana anjaran’ny mpianatra amin’ny fivoriana andavanandro ny LMM-OA (Life and Ministry Meeting Overseer Assistant)."
+}
\ No newline at end of file
diff --git a/src/pages/Administration.js b/src/pages/Administration.js
new file mode 100644
index 00000000..3e4e5a01
--- /dev/null
+++ b/src/pages/Administration.js
@@ -0,0 +1,12 @@
+import Container from '@mui/material/Container';
+import VipUsers from '../components/administration/VipUsers';
+
+const Administration = () => {
+ return (
+
+
+
+ );
+};
+
+export default Administration;
diff --git a/src/pages/Home.js b/src/pages/Home.js
new file mode 100644
index 00000000..a1d8bd58
--- /dev/null
+++ b/src/pages/Home.js
@@ -0,0 +1,621 @@
+import { useEffect, useState } from 'react';
+import { useRecoilValue } from 'recoil';
+import { useTranslation } from 'react-i18next';
+import dateFormat from 'dateformat';
+import Box from '@mui/material/Box';
+import CircularProgress from '@mui/material/CircularProgress';
+import Container from '@mui/material/Container';
+import Grid from '@mui/material/Grid';
+import HomeIcon from '@mui/icons-material/Home';
+import IconButton from '@mui/material/IconButton';
+import NoMeetingRoomIcon from '@mui/icons-material/NoMeetingRoom';
+import SkipNextIcon from '@mui/icons-material/SkipNext';
+import SkipPreviousIcon from '@mui/icons-material/SkipPrevious';
+import Typography from '@mui/material/Typography';
+import { dbGetScheduleData } from '../indexedDb/dbSchedule';
+import {
+ dbIsWeekExist,
+ dbGetSourceMaterial,
+} from '../indexedDb/dbSourceMaterial';
+import { classCountState } from '../appStates/appCongregation';
+import { shortDateFormatState } from '../appStates/appSettings';
+
+const sharedStyles = {
+ typoLineHeight: {
+ lineHeight: 1.3,
+ padding: '3px 0',
+ },
+ studentPartWrapper1: {
+ width: {
+ xs: '100%',
+ sm: 'calc(100% - 200px)',
+ },
+ },
+ studentPartWrapper2: {
+ width: {
+ xs: '100%',
+ sm: 'calc(100% - 200px)',
+ sm800: 'calc(100% - 400px)',
+ lg: 'calc(100% - 200px)',
+ },
+ flexDirection: {
+ sm800: 'row',
+ },
+ },
+ studentContainer1: {
+ display: 'flex',
+ justifyContent: {
+ xs: 'flex-start',
+ sm: 'flex-end',
+ },
+ },
+ studentContainer2: {
+ display: 'flex',
+ justifyContent: {
+ xs: 'flex-start',
+ sm: 'flex-end',
+ },
+ flexDirection: {
+ xs: 'column',
+ xs420: 'row',
+ sm: 'column',
+ sm800: 'row',
+ lg: 'column',
+ },
+ },
+};
+
+const boxMeetingPart = {
+ maxWidth: '100%',
+ minWidth: '320px',
+ borderRadius: '10px',
+ padding: '0 10px',
+ color: 'white',
+ marginTop: '10px',
+ marginBottom: '5px',
+};
+
+const boxPartContainer = {
+ display: 'flex',
+ flexWrap: 'wrap',
+ alignItems: 'flex-start',
+ justifyContent: 'space-between',
+ marginBottom: '10px',
+};
+
+const boxStudentAYF = {
+ display: 'flex',
+ flexDirection: 'column',
+ marginBottom: '8px',
+};
+
+const boxStudentFldContainer = {
+ display: 'flex',
+ marginRight: '5px',
+ marginBottom: '1px',
+ alignItems: 'flex-end',
+};
+
+const typoStudentField = {
+ height: '25px',
+ lineHeight: '25px',
+ width: '165px',
+ backgroundColor: 'lightblue',
+ color: 'purple',
+ padding: '2px 2px 2px 5px',
+ borderRadius: 5,
+ fontWeight: 'bold',
+};
+
+const typoStudentPart = {
+ fontWeight: 'bold',
+ fontSize: '16px',
+};
+
+const Home = () => {
+ const { t } = useTranslation();
+
+ const [bibleReadingSrc, setBibleReadingSrc] = useState('');
+ const [ass1Type, setAss1Type] = useState('');
+ const [ass1TypeName, setAss1TypeName] = useState('');
+ const [ass1Time, setAss1Time] = useState('');
+ const [ass1Src, setAss1Src] = useState('');
+ const [ass2Type, setAss2Type] = useState('');
+ const [ass2TypeName, setAss2TypeName] = useState('');
+ const [ass2Time, setAss2Time] = useState('');
+ const [ass2Src, setAss2Src] = useState('');
+ const [ass3Type, setAss3Type] = useState('');
+ const [ass3TypeName, setAss3TypeName] = useState('');
+ const [ass3Time, setAss3Time] = useState('');
+ const [ass3Src, setAss3Src] = useState('');
+ const [ass4Type, setAss4Type] = useState('');
+ const [ass4TypeName, setAss4TypeName] = useState('');
+ const [ass4Time, setAss4Time] = useState('');
+ const [ass4Src, setAss4Src] = useState('');
+ const [noMeeting, setNoMeeting] = useState(false);
+ const [stuBReadA, setStuBReadA] = useState('');
+ const [stuBReadB, setStuBReadB] = useState('');
+ const [stu1A, setStu1A] = useState('');
+ const [ass1A, setAss1A] = useState('');
+ const [stu1B, setStu1B] = useState('');
+ const [ass1B, setAss1B] = useState('');
+ const [stu2A, setStu2A] = useState('');
+ const [ass2A, setAss2A] = useState('');
+ const [stu2B, setStu2B] = useState('');
+ const [ass2B, setAss2B] = useState('');
+ const [stu3A, setStu3A] = useState('');
+ const [ass3A, setAss3A] = useState('');
+ const [stu3B, setStu3B] = useState('');
+ const [ass3B, setAss3B] = useState('');
+ const [stu4A, setStu4A] = useState('');
+ const [ass4A, setAss4A] = useState('');
+ const [stu4B, setStu4B] = useState('');
+ const [ass4B, setAss4B] = useState('');
+ const [isLoading, setIsLoading] = useState(true);
+ const [currentWeek, setCurrentWeek] = useState('');
+ const [fCurrentWeek, setFCurrentWeek] = useState('');
+ const [previousWeek, setPreviousWeek] = useState('');
+ const [nextWeek, setNextWeek] = useState('');
+ const [disablePrevious, setDisablePrevious] = useState(false);
+ const [disableNext, setDisableNext] = useState(false);
+
+ const classCount = useRecoilValue(classCountState);
+ const shortDateFormat = useRecoilValue(shortDateFormatState);
+
+ const handleActiveWeek = () => {
+ var today = new Date();
+ var day = today.getDay();
+ var diff = today.getDate() - day + (day === 0 ? -6 : 1);
+ var monDay = new Date(today.setDate(diff));
+ setCurrentWeek(monDay);
+ };
+
+ const handlePreviousWeek = () => {
+ setCurrentWeek(previousWeek);
+ };
+
+ const handleNextWeek = () => {
+ setCurrentWeek(nextWeek);
+ };
+
+ useEffect(() => {
+ const loadCurrentWeekData = async () => {
+ var result = new Date(currentWeek);
+ result.setDate(currentWeek.getDate() - 7);
+ let previousWeek = dateFormat(result, 'mm/dd/yyyy');
+
+ let hasPrevious = await dbIsWeekExist(previousWeek);
+
+ if (!hasPrevious) {
+ result.setDate(result.getDate() - 7);
+ previousWeek = dateFormat(result, 'mm/dd/yyyy');
+ hasPrevious = await dbIsWeekExist(previousWeek);
+ setDisablePrevious(!hasPrevious);
+ }
+
+ setPreviousWeek(result);
+
+ result = new Date(currentWeek);
+ result.setDate(currentWeek.getDate() + 7);
+ let nextWeek = dateFormat(result, 'mm/dd/yyyy');
+
+ let hasNext = await dbIsWeekExist(nextWeek);
+ if (!hasNext) {
+ result.setDate(result.getDate() + 7);
+ nextWeek = dateFormat(result, 'mm/dd/yyyy');
+ hasNext = await dbIsWeekExist(nextWeek);
+ setDisableNext(!hasNext);
+ }
+
+ setNextWeek(result);
+
+ const weekValue = dateFormat(currentWeek, 'mm/dd/yyyy');
+ const weekValueFormatted = dateFormat(weekValue, shortDateFormat);
+ setFCurrentWeek(weekValueFormatted);
+
+ const scheduleData = await dbGetScheduleData(weekValue);
+ const sourceData = await dbGetSourceMaterial(weekValue);
+
+ setBibleReadingSrc(sourceData.bibleReading_src);
+ setStuBReadA(scheduleData.bRead_stu_A_dispName);
+ setStuBReadB(scheduleData.bRead_stu_B_dispName);
+ setAss1Type(sourceData.ass1_type);
+ setAss1TypeName(sourceData.ass1_type_name);
+ setAss1Time(sourceData.ass1_time);
+ setAss1Src(sourceData.ass1_src);
+ setStu1A(scheduleData.ass1_stu_A_dispName);
+ setAss1A(scheduleData.ass1_ass_A_dispName);
+ setStu1B(scheduleData.ass1_stu_B_dispName);
+ setAss1B(scheduleData.ass1_ass_B_dispName);
+ setAss2Type(sourceData.ass2_type);
+ setAss2TypeName(sourceData.ass2_type_name);
+ setAss2Time(sourceData.ass2_time);
+ setAss2Src(sourceData.ass2_src);
+ setStu2A(scheduleData.ass2_stu_A_dispName);
+ setAss2A(scheduleData.ass2_ass_A_dispName);
+ setStu2B(scheduleData.ass2_stu_B_dispName);
+ setAss2B(scheduleData.ass2_ass_B_dispName);
+ setAss3Type(sourceData.ass3_type);
+ setAss3TypeName(sourceData.ass3_type_name);
+ setAss3Time(sourceData.ass3_time);
+ setAss3Src(sourceData.ass3_src);
+ setStu3A(scheduleData.ass3_stu_A_dispName);
+ setAss3A(scheduleData.ass3_ass_A_dispName);
+ setStu3B(scheduleData.ass3_stu_B_dispName);
+ setAss3B(scheduleData.ass3_ass_B_dispName);
+ setAss4Type(sourceData.ass4_type);
+ setAss4TypeName(sourceData.ass4_type_name);
+ setAss4Time(sourceData.ass4_time);
+ setAss4Src(sourceData.ass4_src);
+ setStu4A(scheduleData.ass4_stu_A_dispName);
+ setAss4A(scheduleData.ass4_ass_A_dispName);
+ setStu4B(scheduleData.ass4_stu_B_dispName);
+ setAss4B(scheduleData.ass4_ass_B_dispName);
+ setNoMeeting(scheduleData.noMeeting);
+ setIsLoading(false);
+ };
+ setIsLoading(true);
+
+ if (currentWeek !== '') {
+ loadCurrentWeekData();
+ }
+ }, [shortDateFormat, currentWeek]);
+
+ useEffect(() => {
+ var today = new Date();
+ var day = today.getDay();
+ var diff = today.getDate() - day + (day === 0 ? -6 : 1);
+ var monDay = new Date(today.setDate(diff));
+ setCurrentWeek(monDay);
+ }, []);
+
+ return (
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {t('home.currentSchedule', { currentWeek: fCurrentWeek })}
+
+
+ {isLoading && (
+
+ )}
+ {!isLoading && (
+ <>
+ {noMeeting && (
+
+
+
+ Tsy misy fivoriana amin’io herinandro io.
+
+
+ )}
+ {!noMeeting && (
+ <>
+
+
+ {t('global.treasuresPart')}
+
+
+
+
+
+ {t('global.bibleReadingText')}
+
+ {bibleReadingSrc}
+
+
+
+
+ {stuBReadA}
+
+
+ {classCount === 2 && (
+
+
+ {stuBReadB}
+
+
+ )}
+
+
+
+
+ {t('global.applyFieldMinistryPart')}
+
+
+ {ass1Src && (
+
+
+
+ {ass1TypeName} ({ass1Time} min.)
+
+ {ass1Src}
+
+ {ass1Type !== 105 && ass1Type !== 106 && ass1Type !== 107 && (
+
+
+
+
+ {stu1A}
+
+
+ {ass1Type !== 104 && (
+
+
+ {ass1A}
+
+
+ )}
+
+ {classCount === 2 && (
+
+
+
+ {stu1B}
+
+
+ {ass1Type !== 104 && (
+
+
+ {ass1B}
+
+
+ )}
+
+ )}
+
+ )}
+
+ )}
+ {ass2Src && (
+
+
+
+ {ass2TypeName} ({ass2Time} min.)
+
+ {ass2Src}
+
+ {ass2Type !== 105 && ass2Type !== 106 && ass2Type !== 107 && (
+
+
+
+
+ {stu2A}
+
+
+ {ass2Type !== 104 && (
+
+
+ {ass2A}
+
+
+ )}
+
+ {classCount === 2 && (
+
+
+
+ {stu2B}
+
+
+ {ass2Type !== 104 && (
+
+
+ {ass2B}
+
+
+ )}
+
+ )}
+
+ )}
+
+ )}
+ {ass3Src && (
+
+
+
+ {ass3TypeName} ({ass3Time} min.)
+
+ {ass3Src}
+
+ {ass3Type !== 105 && ass3Type !== 106 && ass3Type !== 107 && (
+
+
+
+
+ {stu3A}
+
+
+ {ass3Type !== 104 && (
+
+
+ {ass3A}
+
+
+ )}
+
+ {classCount === 2 && (
+
+
+
+ {stu3B}
+
+
+ {ass3Type !== 104 && (
+
+
+ {ass3B}
+
+
+ )}
+
+ )}
+
+ )}
+
+ )}
+ {ass4Src && (
+
+
+
+ {ass4TypeName} ({ass4Time} min.)
+
+ {ass4Src}
+
+ {ass4Type !== 105 && ass4Type !== 106 && ass4Type !== 107 && (
+
+
+
+
+ {stu4A}
+
+
+ {ass4Type !== 104 && (
+
+
+ {ass4A}
+
+
+ )}
+
+ {classCount === 2 && (
+
+
+
+ {stu4B}
+
+
+ {ass4Type !== 104 && (
+
+
+ {ass4B}
+
+
+ )}
+
+ )}
+
+ )}
+
+ )}
+
+ )}
+
+ )}
+
+ );
+};
+
+export default Home;
diff --git a/src/pages/Schedule.js b/src/pages/Schedule.js
new file mode 100644
index 00000000..98bd1891
--- /dev/null
+++ b/src/pages/Schedule.js
@@ -0,0 +1,343 @@
+import { useEffect, useState } from 'react';
+import { useNavigate } from 'react-router-dom';
+import { useRecoilState, useRecoilValue, useSetRecoilState } from 'recoil';
+import { useTranslation } from 'react-i18next';
+import dateFormat from 'dateformat';
+import AssignmentIcon from '@mui/icons-material/Assignment';
+import Box from '@mui/material/Box';
+import Button from '@mui/material/Button';
+import DeleteIcon from '@mui/icons-material/Delete';
+import FlashAutoIcon from '@mui/icons-material/FlashAuto';
+import MenuItem from '@mui/material/MenuItem';
+import SaveAltIcon from '@mui/icons-material/SaveAlt';
+import SendIcon from '@mui/icons-material/Send';
+import TextField from '@mui/material/TextField';
+import ScheduleDetails from '../components/schedule/ScheduleDetails';
+import DialogAutoFill from '../components/schedule/DialogAutoFill';
+import ScheduleActions from '../components/schedule/ScheduleActions';
+import DialogAssignmentDelete from '../components/schedule/DialogAssignmentDelete';
+import SchedulePublish from '../components/schedule/SchedulePublish';
+import {
+ dbGetScheduleListByYear,
+ dbGetWeekListBySched,
+} from '../indexedDb/dbSourceMaterial';
+import {
+ isOnlineState,
+ monthNamesState,
+ shortDateFormatState,
+} from '../appStates/appSettings';
+import { yearsListState } from '../appStates/appSourceMaterial';
+import {
+ currentScheduleState,
+ currentWeekSchedState,
+ dlgAutoFillOpenState,
+ dlgAssDeleteOpenState,
+ isDlgActionOpenState,
+ isPublishOpenState,
+ isS89OpenState,
+ weekListSchedState,
+} from '../appStates/appSchedule';
+import { congAccountConnectedState } from '../appStates/appCongregation';
+
+const sharedStyles = {
+ btnSchedule: {
+ margin: '0 2px 2px 0',
+ },
+};
+
+const Schedule = () => {
+ let navigate = useNavigate();
+ const { t } = useTranslation();
+
+ const [currentYear, setCurrentYear] = useState('');
+ const [schedules, setSchedules] = useState([]);
+
+ const [currentWeek, setCurrentWeek] = useRecoilState(currentWeekSchedState);
+ const [dlgAutoFillOpen, setDlgAutoFillOpen] =
+ useRecoilState(dlgAutoFillOpenState);
+ const [dlgAssDeleteOpen, setDlgAssDeleteOpen] = useRecoilState(
+ dlgAssDeleteOpenState
+ );
+ const [currentSchedule, setCurrentSchedule] =
+ useRecoilState(currentScheduleState);
+ const [weeks, setWeeks] = useRecoilState(weekListSchedState);
+ const [publishOpen, setPublishOpen] = useRecoilState(isPublishOpenState);
+
+ const setIsS89 = useSetRecoilState(isS89OpenState);
+
+ const years = useRecoilValue(yearsListState);
+ const monthNames = useRecoilValue(monthNamesState);
+ const shortDateFormat = useRecoilValue(shortDateFormatState);
+ const isDlgActionOpen = useRecoilValue(isDlgActionOpenState);
+ const congAccountConnected = useRecoilValue(congAccountConnectedState);
+ const isOnline = useRecoilValue(isOnlineState);
+
+ const handleAutoFill = () => {
+ setDlgAutoFillOpen(true);
+ };
+
+ const handleS89 = () => {
+ setIsS89(true);
+ };
+
+ const handleDeleteAssignment = () => {
+ setDlgAssDeleteOpen(true);
+ };
+
+ const handleYearChange = async (e) => {
+ setIsS89(false);
+ setCurrentSchedule('');
+ setCurrentYear(e.target.value);
+ };
+
+ const handleScheduleChange = async (value) => {
+ setIsS89(false);
+ setCurrentWeek('');
+ setCurrentSchedule(value);
+ };
+
+ const handleWeekChange = async (value) => {
+ setIsS89(false);
+ if (value !== undefined) {
+ setCurrentWeek(value);
+ }
+ };
+
+ const handlePreviewSchedule = () => {
+ navigate('/schedule-template');
+ };
+
+ const handleShareSchedule = async () => {
+ setPublishOpen(true);
+ };
+
+ useEffect(() => {
+ let mounted = true;
+ const getSchedules = async () => {
+ const year = years[0].value;
+
+ if (mounted) {
+ setCurrentYear(currentYear || year);
+ }
+ };
+
+ setIsS89(false);
+ if (mounted && years.length > 0) {
+ getSchedules();
+ }
+
+ return () => {
+ mounted = false;
+ };
+ }, [years, currentYear, setIsS89]);
+
+ useEffect(() => {
+ const getScheduleByYear = async () => {
+ let data = await dbGetScheduleListByYear(currentYear);
+ let newData = [];
+ for (let i = 0; i < data.length; i++) {
+ let obj = {};
+ obj.value = data[i].value;
+ const monthIndex = parseInt(data[i].value.split('/')[0], 10);
+ obj.label = monthNames[monthIndex - 1];
+ newData.push(obj);
+ }
+ setSchedules(newData);
+
+ setCurrentSchedule(newData[0].value);
+ };
+
+ if (currentYear !== '') {
+ getScheduleByYear();
+ }
+ }, [currentYear, monthNames, setCurrentSchedule]);
+
+ useEffect(() => {
+ const getWeekBySchedule = async () => {
+ let data = await dbGetWeekListBySched(currentSchedule);
+ let newData = [];
+ for (let i = 0; i < data.length; i++) {
+ const weekDate = data[i].weekOf;
+ const day = weekDate.split('/')[1];
+ const month = weekDate.split('/')[0];
+ const year = weekDate.split('/')[2];
+ const newDate = new Date(year, +month - 1, day);
+ const dateFormatted = dateFormat(newDate, shortDateFormat);
+ let obj = {};
+ obj.value = data[i].value;
+ obj.label = dateFormatted;
+ newData.push(obj);
+ }
+ setCurrentWeek('');
+ setWeeks(newData);
+ setCurrentWeek(newData[0].value);
+ };
+
+ if (currentSchedule !== '') {
+ getWeekBySchedule();
+ }
+ }, [currentSchedule, shortDateFormat, setCurrentWeek, setWeeks]);
+
+ useEffect(() => {
+ return () => {
+ setCurrentWeek('');
+ setWeeks([]);
+ setCurrentSchedule('');
+ };
+ }, [setCurrentSchedule, setCurrentWeek, setWeeks]);
+
+ const renderYearList = (year) => {
+ return (
+
+ );
+ };
+
+ const renderScheduleList = (schedule) => {
+ return (
+
+ );
+ };
+
+ const renderWeekList = (week) => {
+ return (
+
+ );
+ };
+
+ return (
+
+ {dlgAutoFillOpen && }
+ {dlgAssDeleteOpen && }
+ {isDlgActionOpen && (
+
+ )}
+ {publishOpen && }
+ {schedules.length > 0 && (
+ <>
+
+
+ handleYearChange(e)}
+ size='small'
+ sx={{
+ minWidth: '80px',
+ marginRight: '5px',
+ marginBottom: '10px',
+ }}
+ >
+ {years.map((year) => renderYearList(year))}
+
+ {schedules.length > 0 && (
+ handleScheduleChange(e.target.value)}
+ size='small'
+ sx={{
+ minWidth: '130px',
+ marginRight: '5px',
+ marginBottom: '10px',
+ }}
+ >
+ {schedules.map((schedule) => renderScheduleList(schedule))}
+
+ )}
+ {weeks.length > 0 && (
+ handleWeekChange(e.target.value)}
+ size='small'
+ sx={{
+ minWidth: '140px',
+ marginRight: '5px',
+ marginBottom: '10px',
+ }}
+ >
+ {weeks.map((week) => renderWeekList(week))}
+
+ )}
+
+
+ }
+ sx={sharedStyles.btnSchedule}
+ onClick={() => handleAutoFill()}
+ >
+ {t('schedule.autofill')}
+
+ }
+ sx={sharedStyles.btnSchedule}
+ onClick={handlePreviewSchedule}
+ >
+ PDF
+
+ {isOnline && congAccountConnected && (
+ }
+ onClick={handleShareSchedule}
+ >
+ {t('schedule.send')}
+
+ )}
+ }
+ onClick={() => handleS89()}
+ >
+ S-89
+
+ }
+ onClick={() => handleDeleteAssignment()}
+ >
+ {t('global.delete')}
+
+
+
+
+ {currentWeek.length === 10 && (
+
+ )}
+
+
+ )}
+
+ );
+};
+
+export default Schedule;
diff --git a/src/pages/Settings.js b/src/pages/Settings.js
new file mode 100644
index 00000000..885d4923
--- /dev/null
+++ b/src/pages/Settings.js
@@ -0,0 +1,42 @@
+import { useRecoilValue } from 'recoil';
+import Box from '@mui/material/Box';
+import BasicSettings from '../components/settings/BasicSettings';
+import DataStorage from '../components/settings/DataStorage';
+import MyAccount from '../components/settings/MyAccount';
+import { congAccountConnectedState } from '../appStates/appCongregation';
+import { isOnlineState } from '../appStates/appSettings';
+
+const sharedStyles = {
+ settingItem: {
+ margin: '10px 2px',
+ padding: '5px',
+ },
+};
+
+const Settings = () => {
+ const congAccountConnected = useRecoilValue(congAccountConnectedState);
+ const isOnline = useRecoilValue(isOnlineState);
+
+ return (
+
+ {isOnline && congAccountConnected && (
+
+
+
+ )}
+
+
+
+
+
+
+
+
+ );
+};
+
+export default Settings;
diff --git a/src/pages/SourceMaterial.js b/src/pages/SourceMaterial.js
new file mode 100644
index 00000000..1ce98e2a
--- /dev/null
+++ b/src/pages/SourceMaterial.js
@@ -0,0 +1,31 @@
+import { useRecoilValue } from 'recoil';
+import Box from '@mui/material/Box';
+import ImportEPUB from '../components/sourceMaterial/ImportEPUB';
+import ImportJWOrg from '../components/sourceMaterial/ImportJWOrg';
+import WeekDetails from '../components/sourceMaterial/WeekDetails';
+import {
+ isImportEPUBState,
+ isImportJWOrgState,
+} from '../appStates/appSourceMaterial';
+
+const SourceMaterial = () => {
+ const isImportEPUB = useRecoilValue(isImportEPUBState);
+ const isImportJw = useRecoilValue(isImportJWOrgState);
+
+ return (
+ <>
+ {isImportEPUB && }
+ {isImportJw && }
+
+
+
+
+ );
+};
+
+export default SourceMaterial;
diff --git a/src/pages/Startup.js b/src/pages/Startup.js
new file mode 100644
index 00000000..69a7f992
--- /dev/null
+++ b/src/pages/Startup.js
@@ -0,0 +1,136 @@
+import { useEffect } from 'react';
+import { useRecoilState, useRecoilValue, useSetRecoilState } from 'recoil';
+import Box from '@mui/material/Box';
+import CongregationRequestSent from '../components/startup/CongregationRequestSent';
+import CongregationSignUp from '../components/startup/CongregationSignUp';
+import CongregationWait from '../components/startup/CongregationWait';
+import EmailBlocked from '../components/startup/EmailBlocked';
+import EmailNotVerified from '../components/startup/EmailNotVerified';
+import LinearProgressWithLabel from '../components/reusable/LinearProgressWithLabel';
+import TermsUse from '../components/startup/TermsUse';
+import UnauthorizedRole from '../components/startup/UnauthorizedRole';
+import UserMfaSetup from '../components/startup/UserMfaSetup';
+import UserMfaVerify from '../components/startup/UserMfaVerify';
+import UserSignIn from '../components/startup/UserSignIn';
+import UserSignUp from '../components/startup/UserSignUp';
+import {
+ isAppLoadState,
+ isCongAccountCreateState,
+ isCongRequestSentState,
+ isCongWaitRequestState,
+ isEmailBlockedState,
+ isEmailNotVerifiedState,
+ isSetupState,
+ isShowTermsUseState,
+ isUnauthorizedRoleState,
+ isUserMfaSetupState,
+ isUserMfaVerifyState,
+ isUserSignInState,
+ isUserSignUpState,
+ startupProgressState,
+} from '../appStates/appSettings';
+import {
+ congAccountConnectedState,
+ offlineOverrideState,
+} from '../appStates/appCongregation';
+import { dbGetAppSettings } from '../indexedDb/dbAppSettings';
+import { loadApp } from '../utils/app';
+import { runUpdater } from '../utils/updater';
+
+const Startup = () => {
+ const [isSetup, setIsSetup] = useRecoilState(isSetupState);
+ const [startupProgress, setStartupProgress] =
+ useRecoilState(startupProgressState);
+
+ const setIsAppLoad = useSetRecoilState(isAppLoadState);
+
+ const isUserMfaSetup = useRecoilValue(isUserMfaSetupState);
+ const isUserMfaVerify = useRecoilValue(isUserMfaVerifyState);
+ const isUserSignIn = useRecoilValue(isUserSignInState);
+ const isUserSignUp = useRecoilValue(isUserSignUpState);
+ const isEmailBlocked = useRecoilValue(isEmailBlockedState);
+ const isEmailNotVerified = useRecoilValue(isEmailNotVerifiedState);
+ const isCongAccountCreate = useRecoilValue(isCongAccountCreateState);
+ const isCongRequestSent = useRecoilValue(isCongRequestSentState);
+ const isCongWaitRequest = useRecoilValue(isCongWaitRequestState);
+ const isShowTermsUse = useRecoilValue(isShowTermsUseState);
+ const isUnauthorizedRole = useRecoilValue(isUnauthorizedRoleState);
+ const offlineOverride = useRecoilValue(offlineOverrideState);
+ const congAccountConnected = useRecoilValue(congAccountConnectedState);
+
+ useEffect(() => {
+ const checkLoginState = async () => {
+ if (offlineOverride) {
+ setIsSetup(true);
+ } else {
+ let { isLoggedOut, userPass, username } = await dbGetAppSettings();
+
+ isLoggedOut = isLoggedOut === undefined ? true : isLoggedOut;
+
+ if (!isLoggedOut && userPass?.length > 0 && username?.length > 0) {
+ await loadApp();
+ await runUpdater();
+ setTimeout(() => {
+ setIsAppLoad(false);
+ setStartupProgress(0);
+ }, [1000]);
+ } else {
+ setIsSetup(true);
+ }
+ }
+ };
+
+ checkLoginState();
+ }, [offlineOverride, setIsAppLoad, setIsSetup, setStartupProgress]);
+
+ useEffect(() => {
+ const skipLoad = async () => {
+ setIsSetup(false);
+ await loadApp();
+ await runUpdater();
+ setTimeout(() => {
+ setIsAppLoad(false);
+ setStartupProgress(0);
+ }, [1000]);
+ };
+
+ if (congAccountConnected) {
+ skipLoad();
+ }
+ }, [congAccountConnected, setIsAppLoad, setStartupProgress, setIsSetup]);
+
+ if (isSetup) {
+ return (
+ <>
+ {isShowTermsUse && }
+ {!isShowTermsUse && (
+ <>
+ {isUserSignIn && }
+ {isUserSignUp && }
+ {isEmailNotVerified && }
+ {isEmailBlocked && }
+ {isUserMfaSetup && }
+ {isUserMfaVerify && }
+ {isUnauthorizedRole && }
+ {isCongAccountCreate && }
+ {isCongRequestSent && }
+ {isCongWaitRequest && }
+
+ )}
+
+ );
+ }
+
+ return (
+
+
+
+
+
+
+
+
+ {value === index && {children}}
+
+ );
+};
+
+const a11yProps = (index) => {
+ return {
+ id: `simple-tab-${index}`,
+ 'aria-controls': `simple-tabpanel-${index}`,
+ };
+};
+
+const Students = () => {
+ const { t } = useTranslation();
+ const navigate = useNavigate();
+
+ const theme = useTheme();
+ const xsUp = useMediaQuery(theme.breakpoints.up(510), { noSsr: true });
+
+ const [searchParams, setSearchParams] = useSearchParams();
+
+ const [advancedOpen, setAdvancedOpen] = useState(false);
+ const [students, setStudents] = useState([]);
+ const [anchorElMenuSmall, setAnchorElMenuSmall] = useState(null);
+ const [txtSearch, setTxtSearch] = useState('');
+ const [isMale, setIsMale] = useState(false);
+ const [isFemale, setIsFemale] = useState(false);
+ const [assTypes, setAssTypes] = useState([]);
+ const [isSearch, setIsSearch] = useState(false);
+ const [tabValue, setTabValue] = useState(0);
+
+ const [isStudentDelete, setIsStudentDelete] =
+ useRecoilState(isStudentDeleteState);
+ const [dbStudents, setDbStudents] = useRecoilState(allStudentsState);
+
+ const setAppSnackOpen = useSetRecoilState(appSnackOpenState);
+ const setAppSeverity = useSetRecoilState(appSeverityState);
+ const setAppMessage = useSetRecoilState(appMessageState);
+ const setStudentsQuery = useSetRecoilState(studentsQueryState);
+
+ const currentStudent = useRecoilValue(currentStudentState);
+
+ const openMenuSmall = Boolean(anchorElMenuSmall);
+
+ const handleClickMenuSmall = (event) => {
+ setAnchorElMenuSmall(event.currentTarget);
+ };
+
+ const handleCloseMenuSmall = () => {
+ setAnchorElMenuSmall(null);
+ };
+
+ const handleToggleAdvanced = () => {
+ handleCloseMenuSmall();
+ setAdvancedOpen(!advancedOpen);
+ };
+
+ const handleAddStudent = () => {
+ navigate('/students/new');
+ };
+
+ const handleClose = () => {
+ setIsStudentDelete(false);
+ };
+
+ const handleSearchStudent = useCallback(
+ async (txtSearch, isMale, isFemale, assTypes) => {
+ setTabValue(0);
+
+ handleCloseMenuSmall();
+
+ if (
+ txtSearch.length === 0 &&
+ !isMale &&
+ !isFemale &&
+ assTypes.length === 0
+ ) {
+ setStudentsQuery({});
+ setSearchParams('');
+ } else {
+ const query = { search: txtSearch, isMale, isFemale, type: assTypes };
+ setStudentsQuery(query);
+ setSearchParams(query);
+ }
+
+ setIsSearch(true);
+ setTimeout(async () => {
+ let obj = { txtSearch, isMale, isFemale, assTypes };
+ const data = await dbFilterStudents(obj);
+ setAdvancedOpen(false);
+ setStudents(data);
+ setIsSearch(false);
+ }, [1000]);
+ },
+ [setSearchParams, setStudentsQuery]
+ );
+
+ const handleDelete = async () => {
+ const varID = currentStudent.person_uid;
+ await dbDeleteStudent(varID);
+ let newPersons = students.filter((student) => student.person_uid !== varID);
+ let dbNewPersons = dbStudents.filter(
+ (student) => student.person_uid !== varID
+ );
+ setIsStudentDelete(false);
+ setStudents(newPersons);
+ setDbStudents(dbNewPersons);
+
+ setAppSnackOpen(true);
+ setAppSeverity('success');
+ setAppMessage(t('students.deleteSucess'));
+ };
+
+ const handleTabChange = (event, newValue) => {
+ setTabValue(newValue);
+ };
+
+ useEffect(() => {
+ const getQuery = async () => {
+ const search = searchParams.get('search') || '';
+ setTxtSearch(search);
+ const isMale = searchParams.get('isMale') === 'true' ? true : false;
+ setIsMale(isMale);
+ const isFemale = searchParams.get('isFemale') === 'true' ? true : false;
+ setIsFemale(isFemale);
+ const types = searchParams.getAll('type') || [];
+ const assTypes = types.map((type) => +type);
+ setAssTypes(assTypes);
+
+ if (search?.length > 0 || isMale || isFemale || assTypes.length > 0) {
+ await handleSearchStudent(search, isMale, isFemale, assTypes);
+ }
+ };
+
+ getQuery();
+ }, [handleSearchStudent, searchParams]);
+
+ useEffect(() => {
+ if (!xsUp) setAnchorElMenuSmall(null);
+ }, [xsUp]);
+
+ return (
+ <>
+ {isStudentDelete && (
+
+ )}
+
+
+
+
+
+ setTxtSearch(e.target.value)}
+ />
+
+ {xsUp && (
+
+
+ {advancedOpen ? (
+
+ ) : (
+
+ )}
+
+
+ handleSearchStudent(txtSearch, isMale, isFemale, assTypes)
+ }
+ >
+
+
+
+
+
+
+ )}
+ {!xsUp && (
+ <>
+
+
+
+
+
+ )}
+
+
+ setAdvancedOpen(value)}
+ isMale={isMale}
+ isFemale={isFemale}
+ handleSearchStudent={(txtSearch, isMale, isFemale, assTypes) =>
+ handleSearchStudent(txtSearch, isMale, isFemale, assTypes)
+ }
+ assTypes={assTypes}
+ setIsMale={(value) => setIsMale(value)}
+ setIsFemale={(value) => setIsFemale(value)}
+ setAssTypes={(value) => setAssTypes(value)}
+ txtSearch={txtSearch}
+ />
+
+
+
+
+
+
+
+
+
+ {!isSearch && (
+ <>
+ {students.length > 0 && (
+
+ {students.map((student) => (
+
+ ))}
+
+ )}
+
+ )}
+ {isSearch && (
+
+ )}
+
+
+
+
+
+
+ );
+};
+
+export default Students;
diff --git a/src/pages/VipUserDetail.js b/src/pages/VipUserDetail.js
new file mode 100644
index 00000000..e416d3dd
--- /dev/null
+++ b/src/pages/VipUserDetail.js
@@ -0,0 +1,283 @@
+import { useCallback, useEffect, useMemo, useState } from 'react';
+import { useNavigate, useParams } from 'react-router-dom';
+import { useRecoilValue, useSetRecoilState } from 'recoil';
+import { useTranslation } from 'react-i18next';
+import AccountCircleIcon from '@mui/icons-material/AccountCircle';
+import Box from '@mui/material/Box';
+import Button from '@mui/material/Button';
+import Checkbox from '@mui/material/Checkbox';
+import CircularProgress from '@mui/material/CircularProgress';
+import Container from '@mui/material/Container';
+import FormGroup from '@mui/material/FormGroup';
+import FormControlLabel from '@mui/material/FormControlLabel';
+import Typography from '@mui/material/Typography';
+import VipFindUser from '../components/administration/VipFindUser';
+import {
+ apiHostState,
+ rootModalOpenState,
+ userEmailState,
+ visitorIDState,
+} from '../appStates/appSettings';
+import {
+ appMessageState,
+ appSeverityState,
+ appSnackOpenState,
+} from '../appStates/appNotification';
+import { congIDState } from '../appStates/appCongregation';
+
+const VipUserDetail = () => {
+ let abortCont = useMemo(() => new AbortController(), []);
+
+ const { id } = useParams();
+ const navigate = useNavigate();
+
+ const { t } = useTranslation();
+
+ const setModalOpen = useSetRecoilState(rootModalOpenState);
+ const setAppSnackOpen = useSetRecoilState(appSnackOpenState);
+ const setAppSeverity = useSetRecoilState(appSeverityState);
+ const setAppMessage = useSetRecoilState(appMessageState);
+
+ const userEmail = useRecoilValue(userEmailState);
+ const apiHost = useRecoilValue(apiHostState);
+ const visitorID = useRecoilValue(visitorIDState);
+ const congID = useRecoilValue(congIDState);
+
+ const [member, setMember] = useState({});
+ const [isProcessing, setIsProcessing] = useState(false);
+
+ const handleCheckAdmin = (value) => {
+ let role = [];
+ if (value) {
+ role = ['admin', ...member.cong_role];
+ } else {
+ role = member.cong_role.filter((role) => role !== 'admin');
+ }
+
+ setMember((prev) => {
+ return { ...prev, cong_role: role };
+ });
+ };
+
+ const handleCheckLMMO = (value) => {
+ let role = [];
+ if (value) {
+ role = [...member.cong_role, 'lmmo'];
+ } else {
+ role = member.cong_role.filter((role) => role !== 'lmmo');
+ }
+
+ setMember((prev) => {
+ return { ...prev, cong_role: role };
+ });
+ };
+
+ const handleCheckLMMOAssistant = (value) => {
+ let role = [];
+ if (value) {
+ role = [...member.cong_role, 'lmmo-backup'];
+ } else {
+ role = member.cong_role.filter((role) => role !== 'lmmo-backup');
+ }
+
+ setMember((prev) => {
+ return { ...prev, cong_role: role };
+ });
+ };
+
+ const handleFetchUserById = useCallback(async () => {
+ try {
+ if (apiHost !== '') {
+ setMember({});
+ setIsProcessing(true);
+
+ const res = await fetch(
+ `${apiHost}api/congregations/${congID}/members/${id}`,
+ {
+ signal: abortCont.signal,
+ method: 'GET',
+ headers: {
+ 'Content-Type': 'application/json',
+ visitor_id: visitorID,
+ email: userEmail,
+ },
+ }
+ );
+
+ const data = await res.json();
+
+ if (res.status === 200) {
+ setMember(data);
+ setIsProcessing(false);
+ return;
+ }
+
+ setIsProcessing(false);
+ setAppMessage(data.message);
+ setAppSeverity('warning');
+ setAppSnackOpen(true);
+ }
+ } catch (err) {
+ if (!abortCont.signal.aborted) {
+ setIsProcessing(false);
+ setAppMessage(err.message);
+ setAppSeverity('error');
+ setAppSnackOpen(true);
+ }
+ }
+ }, [
+ abortCont,
+ apiHost,
+ congID,
+ id,
+ setAppMessage,
+ setAppSeverity,
+ setAppSnackOpen,
+ userEmail,
+ visitorID,
+ ]);
+
+ const handleUpdateRole = async () => {
+ try {
+ if (apiHost !== '') {
+ setModalOpen(true);
+
+ const api = id
+ ? `${apiHost}api/congregations/${congID}/members/${member.id}/role`
+ : `${apiHost}api/congregations/${congID}/members/${member.id}`;
+
+ const res = await fetch(api, {
+ signal: abortCont.signal,
+ method: `${id ? 'PATCH' : 'PUT'}`,
+ headers: {
+ 'Content-Type': 'application/json',
+ visitor_id: visitorID,
+ email: userEmail,
+ },
+ body: JSON.stringify({ user_role: member.cong_role }),
+ });
+
+ const data = await res.json();
+
+ if (res.status === 200) {
+ setModalOpen(false);
+ navigate('/administration');
+ return;
+ }
+
+ setModalOpen(false);
+ setAppMessage(data.message);
+ setAppSeverity('warning');
+ setAppSnackOpen(true);
+ }
+ } catch (err) {
+ if (!abortCont.signal.aborted) {
+ setModalOpen(false);
+ setAppMessage(err.message);
+ setAppSeverity('error');
+ setAppSnackOpen(true);
+ }
+ }
+ };
+
+ useEffect(() => {
+ if (id) handleFetchUserById();
+ }, [id, handleFetchUserById]);
+
+ useEffect(() => {
+ return () => abortCont.abort();
+ }, [abortCont]);
+
+ return (
+
+
+
+ {id
+ ? t('administration.editBrotherRole')
+ : t('administration.addNewBrother')}
+
+ {!id && setMember(value)} />}
+ {id && isProcessing && (
+
+ )}
+ {!isProcessing && member.id && (
+
+
+
+
+
+ {member.username}
+
+
+ {member.user_uid}
+
+
+
+
+
+ {t('administration.congregationRoles')}
+
+
+ handleCheckAdmin(e.target.checked)}
+ />
+ }
+ label={t('administration.roleAdmin')}
+ />
+ handleCheckLMMO(e.target.checked)}
+ />
+ }
+ label={t('administration.roleLMMO')}
+ />
+
+ handleCheckLMMOAssistant(e.target.checked)
+ }
+ />
+ }
+ label={t('administration.roleLMMOAssistant')}
+ />
+
+
+
+
+
+
+ )}
+
+
+ );
+};
+
+export default VipUserDetail;
diff --git a/src/styles/global.css b/src/styles/global.css
new file mode 100644
index 00000000..c677ea87
--- /dev/null
+++ b/src/styles/global.css
@@ -0,0 +1,114 @@
+.browser-not-supported {
+ font-family: 'Segoe UI', Tahoma, Verdana, sans-serif;
+ color: red;
+ font-weight: bold;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ text-align: center;
+ padding: 50px;
+}
+
+.appLogo {
+ width: 150px;
+ height: auto;
+}
+
+.appLogoMini {
+ width: 80px;
+ height: auto;
+}
+
+.appLogoExtraMini {
+ width: 40px;
+ height: auto;
+}
+
+.appLogoStartup {
+ height: 60px;
+ width: auto;
+}
+
+.app-splash-screen {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+ height: 90vh;
+}
+
+.meetingPart {
+ max-width: 550px;
+ min-width: 320px;
+ border-radius: 10px;
+ padding: 0 10px;
+ color: white;
+ margin-top: 10px;
+ margin-bottom: 5px;
+}
+
+.tgwPart {
+ background-color: #656164;
+}
+
+.ayfPart {
+ background-color: #a56803;
+}
+
+.settingHeader {
+ padding: 5px;
+ line-height: 1.2 !important;
+ font-weight: bold !important;
+}
+
+.settingSubItem {
+ margin-top: 10px;
+ margin-bottom: 10px;
+}
+
+.btnSubItem {
+ margin-right: 5px !important;
+ margin-bottom: 5px !important;
+}
+
+.ulSchedule {
+ margin: 0;
+ padding-inline-start: 20px;
+ list-style: none;
+}
+
+.ulSchedule li {
+ display: flex;
+}
+
+.ulSchedule li::before {
+ content: '\2022'; /* Add content: \2022 is the CSS Code/unicode for a bullet */
+ font-size: 26px;
+ font-weight: bold; /* If you want it to be bold */
+ display: inline-block; /* Needed to add space between the bullet and the text */
+ width: 15px; /* Also needed for space (tweak if needed) */
+ margin-left: -20px; /* Also needed for space (tweak if needed) */
+}
+
+.ulSchedule li.tgw::before {
+ color: #656164; /* Change the color */
+}
+
+.ulSchedule li.ayf::before {
+ color: #a56803;
+}
+
+.student-part-duration {
+ margin: 6px;
+ font-size: 11px;
+}
+
+.imgHelp {
+ max-width: 98%;
+ height: auto;
+}
+
+.qrcode {
+ width: 200px;
+ height: auto;
+}
diff --git a/src/template/S89Template.js b/src/template/S89Template.js
new file mode 100644
index 00000000..030f6b30
--- /dev/null
+++ b/src/template/S89Template.js
@@ -0,0 +1,798 @@
+import { useEffect, useState } from 'react';
+import { useNavigate } from 'react-router-dom';
+import { useRecoilValue } from 'recoil';
+import { useTranslation } from 'react-i18next';
+import { Markup } from 'interweave';
+import html2pdf from 'html2pdf.js';
+import Box from '@mui/material/Box';
+import Button from '@mui/material/Button';
+import Checkbox from '@mui/material/Checkbox';
+import CircularProgress from '@mui/material/CircularProgress';
+import Container from '@mui/material/Container';
+import Dialog from '@mui/material/Dialog';
+import DialogContent from '@mui/material/DialogContent';
+import DialogTitle from '@mui/material/DialogTitle';
+import SaveAltIcon from '@mui/icons-material/SaveAlt';
+import Table from '@mui/material/Table';
+import TableBody from '@mui/material/TableBody';
+import TableCell from '@mui/material/TableCell';
+import TableContainer from '@mui/material/TableContainer';
+import TableRow from '@mui/material/TableRow';
+import Typography from '@mui/material/Typography';
+import { s89DataState } from '../appStates/appSchedule';
+import { appLangState } from '../appStates/appSettings';
+
+const sharedStyles = {
+ tblData: {
+ padding: 0,
+ borderBottom: 'none',
+ },
+};
+
+const S89Template = () => {
+ let navigate = useNavigate();
+ const { t } = useTranslation();
+
+ const appLang = useRecoilValue(appLangState);
+ const s89Data = useRecoilValue(s89DataState);
+
+ const [dlgOpen, setDlgOpen] = useState(false);
+
+ const savePDF = async () => {
+ setDlgOpen(true);
+ const element = document.getElementById('S89-wrapper');
+ var opt = {
+ filename: 'S-89.pdf',
+ image: { type: 'jpeg', quality: 0.98 },
+ html2canvas: { scale: 2 },
+ jsPDF: { unit: 'in', format: [3.35, 4.45], orientation: 'portrait' },
+ };
+ await html2pdf().set(opt).from(element).save();
+ setDlgOpen(false);
+ };
+
+ const handleClose = (event, reason) => {
+ if (reason === 'backdropClick' || reason === 'escapeKeyDown') {
+ return;
+ }
+ };
+
+ useEffect(() => {
+ if (s89Data.length === 0) {
+ navigate('/Schedule');
+ }
+ }, [navigate, s89Data]);
+
+ return (
+
+
+ {s89Data.length > 0 && (
+ <>
+ }
+ sx={{ margin: '0 2px 2px 0' }}
+ onClick={savePDF}
+ >
+ PDF
+
+
+ {s89Data.map((data) => (
+
+
+
+
+
+
+
+
+
+
+
+ {t('global.name')}:
+
+
+
+
+ {data.studentName}
+
+
+
+
+
+
+
+
+
+
+
+
+ {t('global.assistant')}:
+
+
+
+
+ {data.assistantName}
+
+
+
+
+
+
+
+
+
+
+
+
+ {t('global.date')}:
+
+
+
+
+ {data.assignmentDate}
+
+
+
+
+
+
+
+ {t('global.assignment')}:
+
+
+
+
+
+
+ {}}
+ />
+
+
+
+ {t('global.bibleReading')}
+
+
+
+ {}}
+ />
+
+
+
+ {t('global.bibleStudy')}
+
+
+
+
+
+ {}}
+ />
+
+
+
+ {t('global.initialCall')}
+
+
+
+ {}}
+ />
+
+
+
+ {t('global.talk')}
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {data.isInitialCallSpec}
+
+
+
+
+
+
+
+ {t('global.otherPart')}:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {}}
+ />
+
+
+
+ {t('global.returnVisit')}
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {data.returnVisitSpec}
+
+
+
+
+
+
+
+ {t('s89.toBeGiven')}
+
+
+
+
+
+
+ {}}
+ />
+
+
+
+ {t('global.mainHall')}
+
+
+
+
+
+ {}}
+ />
+
+
+
+ {t('global.auxClass1')}
+
+
+
+
+
+
+
+
+
+ {t('global.auxClass2')}
+
+
+
+
+
+
+
+
+
+
+
+
+
+ S-89-{appLang.toUpperCase()}
+
+
+ 11/20
+
+
+
+
+
+ ))}
+
+
+ )}
+
+ );
+};
+
+export default S89Template;
diff --git a/src/template/ScheduleTemplate.js b/src/template/ScheduleTemplate.js
new file mode 100644
index 00000000..1ae185bc
--- /dev/null
+++ b/src/template/ScheduleTemplate.js
@@ -0,0 +1,518 @@
+import { useEffect, useState } from 'react';
+import { useNavigate } from 'react-router-dom';
+import { useRecoilValue, useSetRecoilState } from 'recoil';
+import { useTranslation } from 'react-i18next';
+import html2pdf from 'html2pdf.js';
+import Box from '@mui/material/Box';
+import Button from '@mui/material/Button';
+import SaveAltIcon from '@mui/icons-material/SaveAlt';
+import Typography from '@mui/material/Typography';
+import { dbGetScheduleForPrint } from '../indexedDb/dbAssignment';
+import {
+ classCountState,
+ congNameState,
+ congNumberState,
+} from '../appStates/appCongregation';
+import { currentScheduleState } from '../appStates/appSchedule';
+import { monthNamesState, rootModalOpenState } from '../appStates/appSettings';
+
+const ScheduleTemplate = () => {
+ let navigate = useNavigate();
+ const { t } = useTranslation();
+
+ const setRootModalOpen = useSetRecoilState(rootModalOpenState);
+
+ const currentSchedule = useRecoilValue(currentScheduleState);
+ const classCount = useRecoilValue(classCountState);
+ const congName = useRecoilValue(congNameState);
+ const congNumber = useRecoilValue(congNumberState);
+ const monthNames = useRecoilValue(monthNamesState);
+
+ const [data, setData] = useState([]);
+ const [month, setMonth] = useState('');
+ const [schedule] = useState(currentSchedule);
+
+ const savePDF = () => {
+ const element = document.getElementById('schedule_template');
+ var opt = {
+ margin: [0.2, 0.5, 0.2, 0.5],
+ filename: `${currentSchedule.replace('/', '-')}.pdf`,
+ image: { type: 'jpeg', quality: 0.98 },
+ html2canvas: { scale: 2 },
+ jsPDF: { unit: 'in', format: 'a4', orientation: 'portrait' },
+ };
+ html2pdf().set(opt).from(element).save();
+ };
+
+ useEffect(() => {
+ const getData = async () => {
+ setRootModalOpen(true);
+ const month = schedule.split('/')[0];
+
+ const monthName = monthNames[+month - 1];
+ setMonth(monthName);
+
+ const data = await dbGetScheduleForPrint(schedule);
+ setData(data);
+ setRootModalOpen(false);
+ };
+
+ if (schedule === '') {
+ navigate('/schedule');
+ } else {
+ getData();
+ }
+ }, [navigate, schedule, monthNames, setRootModalOpen]);
+
+ return (
+ <>
+ {data.length > 0 && (
+
+ }
+ sx={{ margin: '0 2px 2px 0' }}
+ onClick={savePDF}
+ >
+ PDF
+
+
+
+
+
+ {congName !== '' && congNumber !== ''
+ ? `${congName.toUpperCase()} (${congNumber})`
+ : ''}
+
+
+ {t('scheduleTemplate.studentsAssignment')}
+
+
+ {data.map((weekItem) => {
+ const dateV =
+ weekItem.week.split('/')[1] + ' ' + month.toUpperCase();
+
+ return (
+
+
+ {dateV}
+
+ {weekItem.scheduleData.noMeeting && (
+
+ {t('sourceMaterial.noMeeting')}
+
+ )}
+ {weekItem.scheduleData.week_type !== 1 && (
+
+ {weekItem.scheduleData.week_type_name.toUpperCase()}
+
+ )}
+ {!weekItem.scheduleData.noMeeting &&
+ weekItem.scheduleData.week_type !== 3 && (
+ <>
+
+
+ {t('global.treasuresPart')}
+
+
+ {classCount === 1 ? '' : t('global.auxClass')}
+
+
+ {t('global.mainHall')}
+
+
+
+
+
+
+ -
+
+ {t('global.bibleReading')}
+
+ {t('global.bibleReadingTime')}
+
+
+
+
+
+
+ {t('global.student')}:
+
+
+
+ {classCount === 1
+ ? ''
+ : weekItem.scheduleData.bRead_stu_B_dispName}
+
+
+ {weekItem.scheduleData.bRead_stu_A_dispName}
+
+
+
+
+ {t('global.applyFieldMinistryPart')}
+
+
+ {classCount === 1 ? '' : t('global.auxClass')}
+
+
+ {t('global.mainHall')}
+
+
+ {[1, 2, 3, 4].map((index) => {
+ const fldTypeName = 'ass' + index + '_type_name';
+ const fldType = 'ass' + index + '_type';
+ const fldTime = 'ass' + index + '_time';
+ const fldSrc = 'ass' + index + '_src';
+ const fldStuA = 'ass' + index + '_stu_A_dispName';
+ const fldAssA = 'ass' + index + '_ass_A_dispName';
+ const fldStuB = 'ass' + index + '_stu_B_dispName';
+ const fldAssB = 'ass' + index + '_ass_B_dispName';
+
+ return (
+
+ {weekItem.sourceData[fldType] !== '' && (
+
+
+
+
+ -
+
+ {weekItem.sourceData[fldType] ===
+ 107
+ ? weekItem.sourceData[fldSrc]
+ : weekItem.sourceData[
+ fldTypeName
+ ]}
+
+ {(weekItem.sourceData[
+ fldType
+ ] === 105 ||
+ weekItem.sourceData[
+ fldType
+ ] === 106 ||
+ weekItem.sourceData[
+ fldType
+ ] === 107) && (
+ <>
+ (
+ {
+ weekItem.sourceData[
+ fldTime
+ ]
+ }{' '}
+ min.)
+
+ )}
+ {(weekItem.sourceData[
+ fldType
+ ] === 101 ||
+ weekItem.sourceData[
+ fldType
+ ] === 102 ||
+ weekItem.sourceData[
+ fldType
+ ] === 103 ||
+ weekItem.sourceData[
+ fldType
+ ] === 104) && (
+ <>
+ (
+ {t('global.partLessTime', {
+ duration:
+ weekItem.sourceData[
+ fldTime
+ ],
+ })}
+ )
+
+ )}
+
+
+
+
+
+ {(weekItem.sourceData[fldType] === 101 ||
+ weekItem.sourceData[fldType] === 102 ||
+ weekItem.sourceData[fldType] ===
+ 103) && (
+
+ {t(
+ 'scheduleTemplate.studentAssistant'
+ )}
+
+ )}
+ {weekItem.sourceData[fldType] === 104 && (
+
+ {t('global.student')}:
+
+ )}
+
+
+ {classCount === 2 && (
+ <>
+ {(weekItem.sourceData[fldType] ===
+ 101 ||
+ weekItem.sourceData[fldType] ===
+ 102 ||
+ weekItem.sourceData[fldType] ===
+ 103 ||
+ weekItem.sourceData[fldType] ===
+ 104) && (
+ <>
+ {weekItem.scheduleData[fldStuB]}
+ {weekItem.scheduleData[
+ fldAssB
+ ] === ''
+ ? ''
+ : `/${weekItem.scheduleData[fldAssB]}`}
+
+ )}
+
+ )}
+
+
+ <>
+ {(weekItem.sourceData[fldType] ===
+ 101 ||
+ weekItem.sourceData[fldType] ===
+ 102 ||
+ weekItem.sourceData[fldType] ===
+ 103 ||
+ weekItem.sourceData[fldType] ===
+ 104) && (
+ <>
+ {weekItem.scheduleData[fldStuA]}
+ {weekItem.scheduleData[fldAssA] ===
+ ''
+ ? ''
+ : `/${weekItem.scheduleData[fldAssA]}`}
+
+ )}
+
+
+
+ )}
+
+ );
+ })}
+
+ )}
+
+ );
+ })}
+
+
+
+ )}
+
+ );
+};
+
+export default ScheduleTemplate;
diff --git a/src/utils/app.js b/src/utils/app.js
new file mode 100644
index 00000000..19b380bc
--- /dev/null
+++ b/src/utils/app.js
@@ -0,0 +1,135 @@
+// dependency
+import { getI18n } from 'react-i18next';
+import { promiseGetRecoil, promiseSetRecoil } from 'recoil-outside';
+
+// utils
+import { dbGetAppSettings } from '../indexedDb/dbAppSettings';
+import {
+ checkSrcUpdate,
+ dbGetListWeekType,
+ dbGetYearList,
+} from '../indexedDb/dbSourceMaterial';
+import {
+ dbGetListAssType,
+ dbHistoryAssignment,
+} from '../indexedDb/dbAssignment';
+import { dbGetStudentsMini } from '../indexedDb/dbPersons';
+import { initAppDb } from '../indexedDb/dbUtility';
+import {
+ dbGetNotifications,
+ dbSaveNotifications,
+} from '../indexedDb/dbNotifications';
+
+// states
+import {
+ classCountState,
+ congNameState,
+ congNumberState,
+ liveClassState,
+ meetingDayState,
+ usernameState,
+} from '../appStates/appCongregation';
+import {
+ apiHostState,
+ appLangState,
+ appNotificationsState,
+ isOnlineState,
+} from '../appStates/appSettings';
+import {
+ assTypeListState,
+ weekTypeListState,
+ yearsListState,
+} from '../appStates/appSourceMaterial';
+import {
+ allStudentsState,
+ filteredStudentsState,
+ studentsAssignmentHistoryState,
+} from '../appStates/appStudents';
+
+export const loadApp = async () => {
+ const I18n = getI18n();
+
+ await initAppDb();
+ let {
+ username,
+ cong_number,
+ cong_name,
+ class_count,
+ meeting_day,
+ liveEventClass,
+ } = await dbGetAppSettings();
+
+ const app_lang = localStorage.getItem('app_lang') || 'e';
+
+ await checkSrcUpdate();
+
+ await promiseSetRecoil(usernameState, username || '');
+ await promiseSetRecoil(congNameState, cong_name || '');
+ await promiseSetRecoil(congNumberState, cong_number || '');
+ await promiseSetRecoil(classCountState, class_count || 1);
+ await promiseSetRecoil(meetingDayState, meeting_day || 3);
+ await promiseSetRecoil(appLangState, app_lang || 'e');
+ await promiseSetRecoil(liveClassState, liveEventClass || false);
+
+ I18n.changeLanguage(app_lang);
+
+ const weekTypeList = await dbGetListWeekType();
+ await promiseSetRecoil(weekTypeListState, weekTypeList);
+
+ const assTypeList = await dbGetListAssType();
+ await promiseSetRecoil(assTypeListState, assTypeList);
+
+ const data = await dbGetStudentsMini();
+ await promiseSetRecoil(allStudentsState, data);
+ await promiseSetRecoil(filteredStudentsState, data);
+
+ const history = await dbHistoryAssignment();
+ await promiseSetRecoil(studentsAssignmentHistoryState, history);
+
+ const years = await dbGetYearList();
+ await promiseSetRecoil(yearsListState, years);
+
+ const notifications = await dbGetNotifications();
+ await promiseSetRecoil(appNotificationsState, notifications);
+};
+
+export const fetchNotifications = async () => {
+ try {
+ const isOnline = await promiseGetRecoil(isOnlineState);
+ const apiHost = await promiseGetRecoil(apiHostState);
+
+ if (isOnline && apiHost !== '') {
+ const res = await fetch(`${apiHost}api/users/announcement`, {
+ method: 'GET',
+ });
+
+ const data = await res.json();
+ await dbSaveNotifications(data);
+ }
+ } catch {}
+};
+
+export const sortHistoricalDateDesc = (data) => {
+ data.sort((a, b) => {
+ if (a.startDate === b.startDate) return 0;
+ var dateA =
+ a.startDate.split('/')[2] +
+ '/' +
+ a.startDate.split('/')[0] +
+ '/' +
+ a.startDate.split('/')[1];
+ var dateB =
+ b.startDate.split('/')[2] +
+ '/' +
+ b.startDate.split('/')[0] +
+ '/' +
+ b.startDate.split('/')[1];
+ return dateA > dateB ? 1 : -1;
+ });
+
+ return data;
+};
+
+export const formatDateForCompare = (date) => {
+ return new Date(date);
+};
diff --git a/src/utils/emailValid.js b/src/utils/emailValid.js
new file mode 100644
index 00000000..108a9dab
--- /dev/null
+++ b/src/utils/emailValid.js
@@ -0,0 +1,8 @@
+/* eslint-disable no-useless-escape */
+
+export const isEmailValid = (email) => {
+ const emailRegex =
+ /^([A-Za-z\d\.\-\_]+)@([A-Za-z\d-]+)\.([A-Za-z]{2,6})(\.[A-Za-z]{2,6})?$/;
+
+ return emailRegex.test(email);
+};
diff --git a/src/utils/sws-encryption.js b/src/utils/sws-encryption.js
new file mode 100644
index 00000000..fc6d24ea
--- /dev/null
+++ b/src/utils/sws-encryption.js
@@ -0,0 +1,17 @@
+import SimpleCrypto from 'simple-crypto-js';
+
+export const encryptString = async (secret, payload) => {
+ const simpleCrypto = new SimpleCrypto(secret);
+ const encrypted = await simpleCrypto.encrypt(payload);
+ return encrypted;
+};
+
+export const decryptString = async (secret, payload) => {
+ try {
+ const simpleCrypto = new SimpleCrypto(secret);
+ const decrypted = await simpleCrypto.decrypt(payload);
+ return decrypted;
+ } catch (err) {
+ return err.message;
+ }
+};
diff --git a/src/utils/updater.js b/src/utils/updater.js
new file mode 100644
index 00000000..56c0bef6
--- /dev/null
+++ b/src/utils/updater.js
@@ -0,0 +1,374 @@
+import { promiseSetRecoil } from 'recoil-outside';
+import { getI18n } from 'react-i18next';
+import dateFormat from 'dateformat';
+import appDb from '../indexedDb/mainDb';
+import { langList } from '../locales/langList';
+import {
+ dbGetAppSettings,
+ dbUpdateAppSettings,
+} from '../indexedDb/dbAppSettings';
+import {
+ dbGetStudents,
+ dbGetStudentUidById,
+ dbSavePersonMigration,
+} from '../indexedDb/dbPersons';
+import { dbSaveScheduleByAss } from '../indexedDb/dbSchedule';
+import { startupProgressState } from '../appStates/appSettings';
+import {
+ dbFirstBibleStudy,
+ dbFirstBRead,
+ dbFirstIniCall,
+ dbFirstRV,
+ dbFirstTalk,
+ dbHistoryAssignment,
+} from '../indexedDb/dbAssignment';
+import {
+ dbGetAllSourceMaterials,
+ dbMigrateSrcData,
+} from '../indexedDb/dbSourceMaterial';
+import { studentsAssignmentHistoryState } from '../appStates/appStudents';
+import { loadApp } from './app';
+
+let i = 0;
+
+export const runUpdater = async () => {
+ const step = 100 / 4;
+
+ await updateAssignmentType(step);
+ await updateScheduleToId(step);
+ await removeOutdatedSettings(step);
+ await builtHistoricalAssignment(step);
+
+ await loadApp();
+ i = 0;
+};
+
+const updateScheduleToId = async (step) => {
+ let appSettings = await dbGetAppSettings();
+ if (!appSettings.isScheduleConverted) {
+ var scheduleData = await appDb.table('sched_MM').toArray();
+
+ let a = step / scheduleData.length;
+ for (let c = 0; i < scheduleData.length; c++) {
+ const schedule = scheduleData[c];
+ if (schedule.bRead_stu_A !== undefined) {
+ const uid = await dbGetStudentUidById(schedule.bRead_stu_A);
+
+ await dbSaveScheduleByAss('bRead_stu_A', uid, schedule.weekOf);
+ }
+ if (schedule.bRead_stu_B !== undefined) {
+ const uid = await dbGetStudentUidById(schedule.bRead_stu_B);
+ await dbSaveScheduleByAss('bRead_stu_B', uid, schedule.weekOf);
+ }
+ for (let d = 1; d <= 4; d++) {
+ const fldNameA = `ass${d}_stu_A`;
+ if (schedule[fldNameA] !== undefined) {
+ const uid = await dbGetStudentUidById(schedule[fldNameA]);
+ await dbSaveScheduleByAss(fldNameA, uid, schedule.weekOf);
+ }
+
+ const fldNameAssA = `ass${d}_ass_A`;
+ if (schedule[fldNameAssA] !== undefined) {
+ const uid = await dbGetStudentUidById(schedule[fldNameAssA]);
+ await dbSaveScheduleByAss(fldNameAssA, uid, schedule.weekOf);
+ }
+
+ const fldNameB = `ass${d}_stu_B`;
+ if (schedule[fldNameB] !== undefined) {
+ const uid = await dbGetStudentUidById(schedule[fldNameB]);
+ await dbSaveScheduleByAss(fldNameB, uid, schedule.weekOf);
+ }
+
+ const fldNameAssB = `ass${d}_ass_B`;
+ if (schedule[fldNameAssB] !== undefined) {
+ const uid = await dbGetStudentUidById(schedule[fldNameAssB]);
+ await dbSaveScheduleByAss(fldNameAssB, uid, schedule.weekOf);
+ }
+ }
+
+ i = i + a;
+ promiseSetRecoil(startupProgressState, i);
+ }
+
+ // save settings
+ let obj = {};
+ obj.isScheduleConverted = true;
+ await dbUpdateAppSettings(obj);
+ } else {
+ i = i + step;
+ promiseSetRecoil(startupProgressState, i);
+ }
+};
+
+const removeOutdatedSettings = async (step) => {
+ let appSettings = await dbGetAppSettings();
+ appSettings = await dbGetAppSettings();
+ if (appSettings.crd) {
+ delete appSettings.crd;
+ await dbUpdateAppSettings({ ...appSettings }, true);
+ }
+ if (appSettings.pwd) {
+ delete appSettings.pwd;
+ await dbUpdateAppSettings({ ...appSettings }, true);
+ }
+ if (appSettings.userMe) {
+ delete appSettings.userMe;
+ await dbUpdateAppSettings({ ...appSettings }, true);
+ }
+ i = i + step;
+ promiseSetRecoil(startupProgressState, i);
+};
+
+const builtHistoricalAssignment = async (step) => {
+ let appSettings = await dbGetAppSettings();
+ if (
+ appSettings.isAssignmentsConverted === undefined ||
+ !appSettings.isAssignmentsConverted
+ ) {
+ const allSources = await dbGetAllSourceMaterials();
+ for (let s = 0; s < allSources.length; s++) {
+ const source = allSources[s];
+ let obj = { ...source };
+ for (let t = 1; t < 5; t++) {
+ const fldName = `ass${t}_type`;
+ if (source[fldName] === 1) {
+ obj[fldName] = 101;
+ } else if (source[fldName] === 2) {
+ obj[fldName] = 102;
+ } else if (source[fldName] === 3) {
+ obj[fldName] = 103;
+ } else if (source[fldName] === 4) {
+ obj[fldName] = 104;
+ } else if (source[fldName] === 5) {
+ obj[fldName] = 105;
+ } else if (source[fldName] === 6) {
+ obj[fldName] = 106;
+ } else if (source[fldName] === 7) {
+ obj[fldName] = 107;
+ } else if (source[fldName] === 20) {
+ obj[fldName] = 108;
+ }
+ }
+
+ await dbMigrateSrcData(obj);
+ }
+
+ const history = await dbHistoryAssignment();
+ await promiseSetRecoil(studentsAssignmentHistoryState, history);
+
+ const students = await dbGetStudents();
+ if (students.length > 0) {
+ const a = step / students.length;
+ const today = dateFormat(new Date(), 'mm/dd/yyyy');
+ for (let b = 0; b < students.length; b++) {
+ const student = students[b];
+ const firstBRead = (await dbFirstBRead(student.person_uid)) || today;
+ const firstIniCall =
+ (await dbFirstIniCall(student.person_uid)) || today;
+ const firstRV = (await dbFirstRV(student.person_uid)) || today;
+ const firstBibleStudy =
+ (await dbFirstBibleStudy(student.person_uid)) || today;
+ const firstTalk = (await dbFirstTalk(student.person_uid)) || today;
+ student.assignments = [];
+
+ if (student.isBRead) {
+ const assignmentId = window.crypto.randomUUID();
+ let obj = {
+ assignmentId: assignmentId,
+ code: 100,
+ startDate: firstBRead,
+ endDate: null,
+ comments: '',
+ };
+ student.assignments.push(obj);
+ }
+
+ if (student.isInitialCall) {
+ const assignmentId = window.crypto.randomUUID();
+ let obj = {
+ assignmentId: assignmentId,
+ code: 101,
+ startDate: firstIniCall,
+ endDate: null,
+ comments: '',
+ };
+ student.assignments.push(obj);
+ }
+
+ if (student.isReturnVisit) {
+ const assignmentId = window.crypto.randomUUID();
+ let obj = {
+ assignmentId: assignmentId,
+ code: 102,
+ startDate: firstRV,
+ endDate: null,
+ comments: '',
+ };
+ student.assignments.push(obj);
+ }
+
+ if (student.isBibleStudy) {
+ const assignmentId = window.crypto.randomUUID();
+ let obj = {
+ assignmentId: assignmentId,
+ code: 103,
+ startDate: firstBibleStudy,
+ endDate: null,
+ comments: '',
+ };
+ student.assignments.push(obj);
+ }
+
+ if (student.isTalk) {
+ const assignmentId = window.crypto.randomUUID();
+ let obj = {
+ assignmentId: assignmentId,
+ code: 104,
+ startDate: firstTalk,
+ endDate: null,
+ comments: '',
+ };
+ student.assignments.push(obj);
+ }
+
+ await dbSavePersonMigration(student);
+
+ i = i + a;
+ promiseSetRecoil(startupProgressState, i);
+ }
+ }
+
+ // save settings
+ let obj = {};
+ obj.isAssignmentsConverted = true;
+ await dbUpdateAppSettings(obj);
+ } else {
+ i = i + step;
+ promiseSetRecoil(startupProgressState, i);
+ }
+};
+
+const updateAssignmentType = async (step) => {
+ let bReadObj = {};
+ let initCallObj = {};
+ let rvObj = {};
+ let bsObj = {};
+ let talkObj = {};
+ let icVideoObj = {};
+ let rvVideoObj = {};
+ let otherObj = {};
+ let memorialObj = {};
+
+ langList.forEach((lang) => {
+ bReadObj[lang.code.toUpperCase()] = getI18n().getDataByLanguage(
+ lang.code
+ ).translation['global.bibleReading'];
+ initCallObj[lang.code.toUpperCase()] = getI18n().getDataByLanguage(
+ lang.code
+ ).translation['global.initialCall'];
+ rvObj[lang.code.toUpperCase()] = getI18n().getDataByLanguage(
+ lang.code
+ ).translation['global.returnVisit'];
+ bsObj[lang.code.toUpperCase()] = getI18n().getDataByLanguage(
+ lang.code
+ ).translation['global.bibleStudy'];
+ talkObj[lang.code.toUpperCase()] = getI18n().getDataByLanguage(
+ lang.code
+ ).translation['global.talk'];
+ otherObj[lang.code.toUpperCase()] = getI18n().getDataByLanguage(
+ lang.code
+ ).translation['global.otherPart'];
+ icVideoObj[lang.code.toUpperCase()] = getI18n().getDataByLanguage(
+ lang.code
+ ).translation['global.initialCallVideo'];
+ rvVideoObj[lang.code.toUpperCase()] = getI18n().getDataByLanguage(
+ lang.code
+ ).translation['global.returnVisitVideo'];
+ memorialObj[lang.code.toUpperCase()] = getI18n().getDataByLanguage(
+ lang.code
+ ).translation['global.memorialInvite'];
+ });
+
+ await appDb.ass_type.clear();
+
+ appDb.ass_type.bulkAdd([
+ {
+ id_type: 8,
+ code: 100,
+ maleOnly: true,
+ assignable: true,
+ ass_type_name: {
+ ...bReadObj,
+ },
+ },
+ {
+ id_type: 1,
+ code: 101,
+ assignable: true,
+ ass_type_name: {
+ ...initCallObj,
+ },
+ },
+ {
+ id_type: 2,
+ code: 102,
+ assignable: true,
+ ass_type_name: {
+ ...rvObj,
+ },
+ },
+ {
+ id_type: 3,
+ code: 103,
+ assignable: true,
+ ass_type_name: {
+ ...bsObj,
+ },
+ },
+ {
+ id_type: 4,
+ code: 104,
+ maleOnly: true,
+ assignable: true,
+ ass_type_name: {
+ ...talkObj,
+ },
+ },
+ {
+ id_type: 5,
+ code: 105,
+ assignable: false,
+ ass_type_name: {
+ ...icVideoObj,
+ },
+ },
+ {
+ id_type: 6,
+ code: 106,
+ assignable: false,
+ ass_type_name: {
+ ...rvVideoObj,
+ },
+ },
+ {
+ id_type: 7,
+ code: 107,
+ assignable: false,
+ ass_type_name: {
+ ...otherObj,
+ },
+ },
+ {
+ id_type: 20,
+ code: 108,
+ linkTo: 101,
+ assignable: false,
+ ass_type_name: {
+ ...memorialObj,
+ },
+ },
+ ]);
+
+ i = i + step;
+ promiseSetRecoil(startupProgressState, i);
+};
diff --git a/workbox-config.cjs b/workbox-config.cjs
new file mode 100644
index 00000000..6eb4dd42
--- /dev/null
+++ b/workbox-config.cjs
@@ -0,0 +1,10 @@
+module.exports = {
+ globDirectory: 'build/',
+ globPatterns: [
+ '**/*.{ico,json,png,html,js,css,webmanifest,pdf,svg,woff,woff2}',
+ ],
+ ignoreURLParametersMatching: [/^utm_/, /^fbclid$/],
+ swDest: 'build/service-worker.js',
+ maximumFileSizeToCacheInBytes: 10000000,
+ sourcemap: false,
+};
+