diff --git a/app/(tabs)/_layout.tsx b/app/(tabs)/_layout.tsx index 69afbb2..08789e2 100644 --- a/app/(tabs)/_layout.tsx +++ b/app/(tabs)/_layout.tsx @@ -9,13 +9,8 @@ import GestionOuvrier from './gestion_ouvrier'; import ListMateriel from './gestionnaire_ressource'; import Home from './home'; import MapScreen from './mapScreen'; -import AddChantier from './addChantier'; -import AddRessource from './addRessource'; -import AddArtisant from './addArtisant'; import AntDesign from '@expo/vector-icons/AntDesign'; -import { UserProvider } from '../ContextUser'; -import { ChantierProvider } from '../ContextChantier'; -import { RessourcesProvider } from '../ContextRessource'; +import AddScreen from './addScreen'; const Tabs = createBottomTabNavigator(); @@ -68,8 +63,8 @@ export default function TabLayout() { > ( @@ -78,28 +73,6 @@ export default function TabLayout() { }} /> - ( - - ), - }} - /> - - ( - - ), - }} - /> - ); diff --git a/app/(tabs)/addScreen.tsx b/app/(tabs)/addScreen.tsx index b354baa..33cb8fa 100644 --- a/app/(tabs)/addScreen.tsx +++ b/app/(tabs)/addScreen.tsx @@ -1,35 +1,81 @@ import { ThemedButton } from "@/components/theme/themed-button"; import { ThemedText } from "@/components/theme/themed-text"; import { useState } from "react"; -import { View } from "react-native"; +import { View,StyleSheet } from "react-native"; +import AddChantier from "@/components/add/addChantier"; +import AddRessource from "@/components/add/addRessource"; +import AddArtisant from "@/components/add/addArtisant"; +import Constants from 'expo-constants'; //pour connaître la taille de la barre menu de l'OS en haut +import { ThemedView } from "@/components/theme/themed-view"; export default function AddScreen() { const [typeAdd, setTypeAdd] = useState(''); - return( - - - - Ajouter un chantier - - - - - Ajouter un équipement - - - - - Ajouter un vehicule ou machine - - - - - Ajouter un ouvrier - - - + + + {typeAdd===""? ( + + setTypeAdd("Chantier")}> + + Ajouter un chantier + + + setTypeAdd("Outil")}> + + Ajouter un équipement + + + setTypeAdd("Machine")}> + + Ajouter un vehicule ou machine + + + setTypeAdd("Ouvrier")}> + + Ajouter un ouvrier + + + + ): + + setTypeAdd("")}> + + Retour + + + + {typeAdd==="Chantier"? ( + + ): + ( + + )} + + } + + + ) -} \ No newline at end of file +} + + +const styles = StyleSheet.create({ + back:{ + height:"100%", + width:"100%", + }, + container: { + flex: 1, + marginTop: Constants.statusBarHeight, //pour la barre menu du haut + }, + button:{ + padding:10, + borderRadius:10, + }, + selectTypeAdd:{ + gap:30, + padding:20 + } +}); \ No newline at end of file diff --git a/app/(tabs)/addArtisant.tsx b/components/add/addArtisant.tsx similarity index 96% rename from app/(tabs)/addArtisant.tsx rename to components/add/addArtisant.tsx index e340971..3bf8067 100644 --- a/app/(tabs)/addArtisant.tsx +++ b/components/add/addArtisant.tsx @@ -6,9 +6,9 @@ import SetStatus from '@/components/setStatus'; import { ThemedView } from '@/components/theme/themed-view'; import React, { useEffect, useState } from 'react'; import { StyleSheet, ScrollView, Button, TextInput, Text, View, Modal } from 'react-native'; -import { useChantier } from '../ContextChantier'; -import { useRessources } from '../ContextRessource'; -import { useUser } from '../ContextUser'; +import { useChantier } from '../../app/ContextChantier'; +import { useRessources } from '../../app/ContextRessource'; +import { useUser } from '../../app/ContextUser'; import { getRessources, getUsers, addChantier } from '@/services/ressourcesService'; import { Chantier, Ressources, User } from '@/class/class'; import { ThemedText } from '@/components/theme/themed-text'; @@ -17,7 +17,7 @@ import { ThemedTextInput } from '@/components/theme/themed-textinput'; import DateTimePicker, { DateTimePickerEvent } from '@react-native-community/datetimepicker'; import Constants from 'expo-constants'; //pour connaître la taille de la barre menu de l'OS en haut -import SelectChafChantier from '@/components/selectChefChantier'; +import SelectChafChantier from '@/components/add/select/selectChefChantier'; import SelectMachine from '@/components/selectMachine'; //Uniquement accessible par le RESPONSSABLE du chantier @@ -182,10 +182,9 @@ const styles = StyleSheet.create({ }, container: { flex: 1, - marginTop: Constants.statusBarHeight, //pour la barre menu du haut }, header: { - marginTop:60, + marginTop:30, alignItems: "center", paddingHorizontal: 20, }, diff --git a/app/(tabs)/addChantier.tsx b/components/add/addChantier.tsx similarity index 94% rename from app/(tabs)/addChantier.tsx rename to components/add/addChantier.tsx index 76f8d73..80bad03 100644 --- a/app/(tabs)/addChantier.tsx +++ b/components/add/addChantier.tsx @@ -1,13 +1,12 @@ import ChantierSummary from '@/components/chantierSummary'; import SelectChantier from '@/components/selectChantier'; -import SetStatus from '@/components/setStatus'; import { ThemedView } from '@/components/theme/themed-view'; import React, { useEffect, useState } from 'react'; import { StyleSheet, ScrollView, Button, TextInput, Text, View, Modal } from 'react-native'; -import { useChantier } from '../ContextChantier'; -import { useRessources } from '../ContextRessource'; -import { useUser } from '../ContextUser'; +import { useChantier } from '../../app/ContextChantier'; +import { useRessources } from '../../app/ContextRessource'; +import { useUser } from '../../app/ContextUser'; import { getRessources, getUsers, addChantier } from '@/services/ressourcesService'; import { Chantier, Ressources, User } from '@/class/class'; import { ThemedText } from '@/components/theme/themed-text'; @@ -16,8 +15,8 @@ import { ThemedTextInput } from '@/components/theme/themed-textinput'; import DateTimePicker, { DateTimePickerEvent } from '@react-native-community/datetimepicker'; import Constants from 'expo-constants'; //pour connaître la taille de la barre menu de l'OS en haut -import SelectChafChantier from '@/components/selectChefChantier'; -import SelectRessource from '@/components/selectRessource'; +import SelectChafChantier from '@/components/add/select/selectChefChantier'; +import SelectRessource from '@/components/add/select/selectRessource'; import { db } from '@/firebase_config'; import { doc } from 'firebase/firestore'; @@ -209,7 +208,10 @@ export default function AddChantier() { Ouvriers: - + + Outils: + + { @@ -61,12 +79,10 @@ export default function AddRessource() { - Créer la nouvelle ressource suivante ? : + Créer la nouvelle {ressourceType} suivante ? : Nom: {nom===''?"NONE":nom} - Type: {type===''?"NONE":type} - quantite: {quantite===''?"0":quantite} - quantite disponible: {quantiteDisponible===''?"NONE":quantiteDisponible} + Quantité Total: {quantite===''?"0":quantite} onConfirm()}> @@ -107,12 +123,10 @@ return ( {editMode? "Edition d'un chantier" - :"Ajouter une nouvelle ressource"} + :"Ajouter une ressource " + ressourceType} - {renderInut("Nom","Marteau",nom,setNom,false)} - {renderInut("Type","outil",type,setType,false)} - {renderInut("Quantité ","14",quantite,setQuantite,true)} - {renderInut("Quantité disponible","14",quantiteDisponible,setQuantiteDisponible,true)} + {renderInut("Nom",exempleNom[ressourceType],nom,setNom,false)} + {renderInut("Quantité Total",exempleQte[ressourceType],quantite,setQuantite,true)}