diff --git a/src/components/entity/modules/moduleForm.js b/src/components/entity/modules/moduleForm.js index eefd821..dd4ead2 100644 --- a/src/components/entity/modules/moduleForm.js +++ b/src/components/entity/modules/moduleForm.js @@ -19,7 +19,7 @@ const ModuleForm = ({originalModule, onSubmit, onCancel}) => { // Initialisation ------------- defaultModule.ModuleID = Math.floor(100000 + Math.random() * 900000); - defaultModule.ModuleImage = 'https://images.freeimages.com/images/small-preview/cf5/cellphone-1313194.jpg'; + defaultModule.ModuleImageURL = 'https://images.freeimages.com/images/small-preview/cf5/cellphone-1313194.jpg'; const yearsEndpoint = 'https://softwarehub.uk/unibase/api/years'; diff --git a/src/components/entity/users/UserForm.js b/src/components/entity/users/UserForm.js index 6c760d0..ab6c053 100644 --- a/src/components/entity/users/UserForm.js +++ b/src/components/entity/users/UserForm.js @@ -13,6 +13,7 @@ const defaultUser = { UserYearID: null, UserLevel: null, UserImageURL: null, + UserRegistered: null, }; const UserForm = ({originalUser, onSubmit, onCancel}) => { @@ -20,6 +21,7 @@ const UserForm = ({originalUser, onSubmit, onCancel}) => { defaultUser.UserID = Math.floor(100000 + Math.random() * 900000); defaultUser.UserImageURL = 'https://images.generated.photos/tZmcC6WnzFmgAwRMsBnGYcmaj_NSktxhYzBfTqej_Lo/rs:fit:256:256/czM6Ly9pY29uczgu/Z3Bob3Rvcy1wcm9k/LnBob3Rvcy92M18w/MDE3MjYzLmpwZw.jpg'; + defaultUser.UserRegistered = 0; const userTypesEndpoint = 'https://softwarehub.uk/unibase/api/usertypes'; const yearsEndpoint = 'https://softwarehub.uk/unibase/api/years'; @@ -32,6 +34,11 @@ const UserForm = ({originalUser, onSubmit, onCancel}) => { {value: 7, label: '7 (Masters)'}, ]; + const registeredOptions = [ + {value: 1, label: 'True'}, + {value: 0, label: 'False'}, + ]; + // State ---------------------- const [user, setUser] = useState(originalUser || defaultUser); @@ -118,6 +125,14 @@ const UserForm = ({originalUser, onSubmit, onCancel}) => { value={user.UserImageURL} onChange={(value) => handleChange('UserImageURL', value)} /> + + handleChange('UserRegistered', value)} + prompt={'Select registered status...'} + options={registeredOptions} + /> ); }; diff --git a/src/components/screens/ModuleListScreen.js b/src/components/screens/ModuleListScreen.js index 3f5d307..6bae870 100644 --- a/src/components/screens/ModuleListScreen.js +++ b/src/components/screens/ModuleListScreen.js @@ -1,10 +1,11 @@ // import {useState, useEffect} from "react"; -import {LogBox, Text} from "react-native"; +import {Alert, LogBox, Text} from "react-native"; import Screen from "../layout/Screen"; import ModuleList from "../entity/modules/ModuleList"; import {Button, ButtonTray} from "../UI/Button"; import Icons from "../UI/Icons"; import useLoad from "../API/useLoad"; +import API from "../API/API"; const ModuleListScreen = ({navigation}) => { @@ -16,40 +17,44 @@ const ModuleListScreen = ({navigation}) => { // State ---------------------- - const [modules, setModules, isLoading, loadModules] = useLoad(modulesEndpoint); + const [modules, , isLoading, loadModules] = useLoad(modulesEndpoint); // Handlers ------------------- - const handleDelete = (module) => - setModules(modules.filter((item) => item.ModuleID !== module.ModuleID)); + const handleAdd = async (module) => { + const result = await API.post(modulesEndpoint, module); + if (result.isSuccess) { + loadModules(modulesEndpoint) + navigation.goBack(); + } else + Alert.alert(result.message); + }; + const onModify = async (module) => { + const putEndpoint = `${modulesEndpoint}/${module.ModuleID}`; + const result = await API.put(putEndpoint, module); + if ( result.isSuccess ) { + loadModules(modulesEndpoint) + navigation.navigate('ModuleListScreen'); + } else + Alert.alert(result.message); + }; - const onDelete = (module) => { - handleDelete(module); - navigation.goBack(); + const onDelete = async (module) => { + const deleteEndpoint = `${modulesEndpoint}/${module.ModuleID}`; + const result = await API.delete(deleteEndpoint, module); + if (result.isSuccess) { + loadModules(modulesEndpoint) + navigation.goBack(); + } else + Alert.alert(result.message); } - const handleAdd = (module) => setModules([...modules, module]); - - const handleModify = (updatedModule) => setModules( - modules.map((module) => (module.ModuleID === updatedModule.ModuleID) ? updatedModule : module), - ); - - const onAdd = (module) => { - handleAdd(module); - navigation.goBack(); - }; - - const onModify = (module) => { - handleModify(module); - navigation.replace('ModuleViewScreen', {module, onDelete, onModify}); - }; - const goToViewScreen = (module) => - navigation.navigate('ModuleViewScreen', {module, onDelete, onModify}); + navigation.navigate('ModuleViewScreen', {module, onDelete, onModify }); const goToAddScreen = () => - navigation.navigate('ModuleAddScreen', {onAdd}); + navigation.navigate('ModuleAddScreen', {onAdd: handleAdd}); // View ----------------------- diff --git a/src/components/screens/UserListScreen.js b/src/components/screens/UserListScreen.js index 55adb73..a6b4287 100644 --- a/src/components/screens/UserListScreen.js +++ b/src/components/screens/UserListScreen.js @@ -1,9 +1,10 @@ -import {LogBox, Text} from "react-native"; +import {Alert, LogBox, Text} from "react-native"; import Screen from "../layout/Screen"; import UserList from "../entity/users/UserList"; import {Button, ButtonTray} from "../UI/Button"; import Icons from "../UI/Icons"; import useLoad from "../API/useLoad"; +import API from "../API/API"; const UserListScreen = ({navigation}) => { // Initialisation ------------- @@ -12,42 +13,45 @@ const UserListScreen = ({navigation}) => { const usersEndpoint = 'https://softwarehub.uk/unibase/api/users'; // State ---------------------- - const [users, setUsers, isLoading, loadUsers] = useLoad(usersEndpoint); + const [users, , isLoading, loadUsers] = useLoad(usersEndpoint); // Handlers ------------------- - const handleDelete = (user) => - setUsers(users.filter((item) => item.UserID !== user.UserID)); - const onDelete = (user) => { - handleDelete(user); - navigation.goBack(); + const handleAdd = async (user) => { + const result = await API.post(usersEndpoint, user); + if (result.isSuccess) { + loadUsers(usersEndpoint) + navigation.goBack(); + } else + Alert.alert(result.message); }; - const handleAdd = (user) => setUsers([...users, user]); - - const handleModify = (updatedUser) => setUsers( - users.map((user) => (user.UserID === updatedUser.UserID) ? updatedUser : user), - ); - - const onAdd = (user) => { - handleAdd(user); - navigation.goBack(); + const onModify = async (user) => { + const putEndpoint = `${usersEndpoint}/${user.UserID}`; + const result = await API.put(putEndpoint, user); + if ( result.isSuccess ) { + loadUsers(usersEndpoint) + navigation.navigate('UserListScreen'); + } else + Alert.alert(result.message); }; - const onModify = (user) => { - handleModify(user); - navigation.replace('UserViewScreen', {user, onDelete, onModify}); - }; + const onDelete = async (user) => { + const deleteEndpoint = `${usersEndpoint}/${user.UserID}`; + const result = await API.delete(deleteEndpoint, user); + if (result.isSuccess) { + loadUsers(usersEndpoint) + navigation.goBack(); + } else + Alert.alert(result.message); + } const goToViewScreen = (user) => navigation.navigate('UserViewScreen', {user, onDelete, onModify}); const goToAddScreen = () => - navigation.navigate('UserAddScreen', {onAdd}); + navigation.navigate('UserAddScreen', {onAdd: handleAdd}); - const handleSwitchToModules = () => { - navigation.navigate("ModuleListScreen"); - }; // View ----------------------- return (