2022-10-31 04:22:08 +00:00
|
|
|
import {NavigationProp, useNavigation} from '@react-navigation/native'
|
|
|
|
import {useCallback, useState} from 'react'
|
|
|
|
import DocumentPicker from 'react-native-document-picker'
|
|
|
|
import {FileSystem} from 'react-native-file-access'
|
|
|
|
import {Divider, IconButton, Menu} from 'react-native-paper'
|
|
|
|
import ConfirmDialog from './ConfirmDialog'
|
|
|
|
import {AppDataSource} from './data-source'
|
|
|
|
import {planRepo} from './db'
|
|
|
|
import {DrawerParamList} from './drawer-param-list'
|
|
|
|
import GymSet from './gym-set'
|
|
|
|
import {Plan} from './plan'
|
2022-11-01 02:55:37 +00:00
|
|
|
import {toast} from './toast'
|
2022-10-31 04:22:08 +00:00
|
|
|
import useDark from './use-dark'
|
|
|
|
import {write} from './write'
|
2022-07-19 04:24:16 +00:00
|
|
|
|
2022-10-31 04:22:08 +00:00
|
|
|
const setFields = 'id,name,reps,weight,created,unit,hidden,sets,minutes,seconds'
|
|
|
|
const planFields = 'id,days,workouts'
|
|
|
|
const setRepo = AppDataSource.manager.getRepository(GymSet)
|
2022-07-19 04:24:16 +00:00
|
|
|
|
|
|
|
export default function DrawerMenu({name}: {name: keyof DrawerParamList}) {
|
2022-10-31 04:22:08 +00:00
|
|
|
const [showMenu, setShowMenu] = useState(false)
|
|
|
|
const [showRemove, setShowRemove] = useState(false)
|
|
|
|
const {reset} = useNavigation<NavigationProp<DrawerParamList>>()
|
|
|
|
const dark = useDark()
|
2022-07-19 04:24:16 +00:00
|
|
|
|
|
|
|
const exportSets = useCallback(async () => {
|
2022-10-31 04:22:08 +00:00
|
|
|
const sets = await setRepo.find({})
|
2022-07-19 04:24:16 +00:00
|
|
|
const data = [setFields]
|
|
|
|
.concat(
|
2022-10-30 02:14:57 +00:00
|
|
|
sets.map(set =>
|
|
|
|
setFields
|
|
|
|
.split(',')
|
|
|
|
.map(fieldString => {
|
2022-10-31 04:22:08 +00:00
|
|
|
const field = fieldString as keyof GymSet
|
|
|
|
if (field === 'unit') return set[field] || 'kg'
|
|
|
|
return set[field]
|
2022-10-30 02:14:57 +00:00
|
|
|
})
|
|
|
|
.join(','),
|
2022-07-19 04:24:16 +00:00
|
|
|
),
|
|
|
|
)
|
2022-10-31 04:22:08 +00:00
|
|
|
.join('\n')
|
|
|
|
console.log(`${DrawerMenu.name}.exportSets`, {length: sets.length})
|
|
|
|
await write('sets.csv', data)
|
|
|
|
}, [])
|
2022-07-19 04:24:16 +00:00
|
|
|
|
|
|
|
const exportPlans = useCallback(async () => {
|
2022-10-31 04:22:08 +00:00
|
|
|
const plans = await planRepo.find({})
|
2022-07-19 04:24:16 +00:00
|
|
|
const data = [planFields]
|
2022-09-04 03:28:21 +00:00
|
|
|
.concat(plans.map(set => `"${set.id}","${set.days}","${set.workouts}"`))
|
2022-10-31 04:22:08 +00:00
|
|
|
.join('\n')
|
|
|
|
console.log(`${DrawerMenu.name}.exportPlans`, {length: plans.length})
|
|
|
|
await write('plans.csv', data)
|
|
|
|
}, [])
|
2022-07-19 04:24:16 +00:00
|
|
|
|
|
|
|
const download = useCallback(async () => {
|
2022-10-31 04:22:08 +00:00
|
|
|
setShowMenu(false)
|
|
|
|
if (name === 'Home') exportSets()
|
|
|
|
else if (name === 'Plans') exportPlans()
|
|
|
|
}, [name, exportSets, exportPlans])
|
2022-07-19 04:24:16 +00:00
|
|
|
|
|
|
|
const uploadSets = useCallback(async () => {
|
2022-10-31 04:22:08 +00:00
|
|
|
const result = await DocumentPicker.pickSingle()
|
|
|
|
const file = await FileSystem.readFile(result.uri)
|
|
|
|
console.log(`${DrawerMenu.name}.uploadSets:`, file.length)
|
|
|
|
const lines = file.split('\n')
|
2022-11-01 02:55:37 +00:00
|
|
|
if (!setFields.includes(lines[0])) return toast('Invalid csv.')
|
2022-07-19 04:24:16 +00:00
|
|
|
const values = lines
|
|
|
|
.slice(1)
|
|
|
|
.filter(line => line)
|
2022-10-31 00:20:36 +00:00
|
|
|
.map(line => {
|
2022-10-30 02:14:57 +00:00
|
|
|
let [
|
2022-09-23 02:06:23 +00:00
|
|
|
,
|
|
|
|
setName,
|
|
|
|
reps,
|
|
|
|
weight,
|
|
|
|
created,
|
|
|
|
unit,
|
|
|
|
hidden,
|
|
|
|
sets,
|
|
|
|
minutes,
|
|
|
|
seconds,
|
2022-10-31 04:22:08 +00:00
|
|
|
] = line.split(',')
|
2022-10-31 00:20:36 +00:00
|
|
|
const set: GymSet = {
|
|
|
|
name: setName,
|
|
|
|
reps: +reps,
|
|
|
|
weight: +weight,
|
|
|
|
created,
|
|
|
|
unit: unit ?? 'kg',
|
|
|
|
hidden: !!Number(hidden),
|
|
|
|
sets: +sets,
|
|
|
|
minutes: +minutes,
|
|
|
|
seconds: +seconds,
|
2022-11-01 02:55:37 +00:00
|
|
|
image: '',
|
2022-10-31 04:22:08 +00:00
|
|
|
}
|
|
|
|
return set
|
|
|
|
})
|
|
|
|
await setRepo.insert(values)
|
2022-11-01 02:55:37 +00:00
|
|
|
toast('Data imported.')
|
2022-10-31 04:22:08 +00:00
|
|
|
reset({index: 0, routes: [{name}]})
|
2022-11-01 02:55:37 +00:00
|
|
|
}, [reset, name])
|
2022-07-19 04:24:16 +00:00
|
|
|
|
|
|
|
const uploadPlans = useCallback(async () => {
|
2022-10-31 04:22:08 +00:00
|
|
|
const result = await DocumentPicker.pickSingle()
|
|
|
|
const file = await FileSystem.readFile(result.uri)
|
|
|
|
console.log(`${DrawerMenu.name}.uploadPlans:`, file.length)
|
|
|
|
const lines = file.split('\n')
|
2022-11-01 02:55:37 +00:00
|
|
|
if (lines[0] !== planFields) return toast('Invalid csv.')
|
2022-07-19 04:24:16 +00:00
|
|
|
const values = file
|
|
|
|
.split('\n')
|
|
|
|
.slice(1)
|
|
|
|
.filter(line => line)
|
|
|
|
.map(set => {
|
2022-09-23 02:06:23 +00:00
|
|
|
const [, days, workouts] = set
|
|
|
|
.split('","')
|
2022-10-31 04:22:08 +00:00
|
|
|
.map(cell => cell.replace(/"/g, ''))
|
2022-10-31 00:20:36 +00:00
|
|
|
const plan: Plan = {
|
|
|
|
days,
|
|
|
|
workouts,
|
2022-10-31 04:22:08 +00:00
|
|
|
}
|
|
|
|
return plan
|
|
|
|
})
|
|
|
|
await planRepo.insert(values)
|
2022-11-01 02:55:37 +00:00
|
|
|
toast('Data imported.')
|
|
|
|
}, [])
|
2022-07-19 04:24:16 +00:00
|
|
|
|
|
|
|
const upload = useCallback(async () => {
|
2022-10-31 04:22:08 +00:00
|
|
|
setShowMenu(false)
|
|
|
|
if (name === 'Home') await uploadSets()
|
|
|
|
else if (name === 'Plans') await uploadPlans()
|
|
|
|
reset({index: 0, routes: [{name}]})
|
|
|
|
}, [name, uploadPlans, uploadSets, reset])
|
2022-07-19 04:24:16 +00:00
|
|
|
|
|
|
|
const remove = useCallback(async () => {
|
2022-10-31 04:22:08 +00:00
|
|
|
setShowMenu(false)
|
|
|
|
setShowRemove(false)
|
|
|
|
if (name === 'Home') await setRepo.delete({})
|
|
|
|
else if (name === 'Plans') await planRepo.delete({})
|
2022-11-01 02:55:37 +00:00
|
|
|
toast('All data has been deleted.')
|
2022-10-31 04:22:08 +00:00
|
|
|
reset({index: 0, routes: [{name}]})
|
2022-11-01 02:55:37 +00:00
|
|
|
}, [reset, name])
|
2022-07-19 04:24:16 +00:00
|
|
|
|
|
|
|
if (name === 'Home' || name === 'Plans')
|
|
|
|
return (
|
|
|
|
<Menu
|
|
|
|
visible={showMenu}
|
|
|
|
onDismiss={() => setShowMenu(false)}
|
|
|
|
anchor={
|
2022-10-30 02:42:43 +00:00
|
|
|
<IconButton
|
|
|
|
color={dark ? 'white' : 'white'}
|
|
|
|
onPress={() => setShowMenu(true)}
|
|
|
|
icon="more-vert"
|
|
|
|
/>
|
2022-07-19 04:24:16 +00:00
|
|
|
}>
|
2022-11-22 09:16:14 +00:00
|
|
|
<Menu.Item icon="arrow-downward" onPress={download} title="Download" />
|
|
|
|
<Menu.Item icon="arrow-upward" onPress={upload} title="Upload" />
|
2022-07-19 04:24:16 +00:00
|
|
|
<Divider />
|
|
|
|
<Menu.Item
|
2022-09-26 23:45:13 +00:00
|
|
|
icon="delete"
|
2022-07-19 04:24:16 +00:00
|
|
|
onPress={() => setShowRemove(true)}
|
|
|
|
title="Delete"
|
|
|
|
/>
|
|
|
|
<ConfirmDialog
|
|
|
|
title="Delete all data"
|
|
|
|
show={showRemove}
|
|
|
|
setShow={setShowRemove}
|
|
|
|
onOk={remove}>
|
|
|
|
This irreversibly deletes all data from the app. Are you sure?
|
|
|
|
</ConfirmDialog>
|
|
|
|
</Menu>
|
2022-10-31 04:22:08 +00:00
|
|
|
)
|
2022-07-19 04:24:16 +00:00
|
|
|
|
2022-10-31 04:22:08 +00:00
|
|
|
return null
|
2022-07-19 04:24:16 +00:00
|
|
|
}
|