correction addChantier
This commit is contained in:
@@ -76,7 +76,7 @@ export default function TabLayout() {
|
|||||||
options={{
|
options={{
|
||||||
title: 'Ajouter',
|
title: 'Ajouter',
|
||||||
tabBarIcon: ({ color }) => (
|
tabBarIcon: ({ color }) => (
|
||||||
<AntDesign name="plus" size={24} color="black" />
|
<AntDesign name="plus" size={24} color={color} />
|
||||||
),
|
),
|
||||||
}}
|
}}
|
||||||
/>
|
/>
|
||||||
|
|||||||
@@ -3,7 +3,7 @@ import SelectChantier from '@/components/selectChantier';
|
|||||||
import SetStatus from '@/components/setStatus';
|
import SetStatus from '@/components/setStatus';
|
||||||
import { ThemedView } from '@/components/theme/themed-view';
|
import { ThemedView } from '@/components/theme/themed-view';
|
||||||
import React, { useEffect, useState } from 'react';
|
import React, { useEffect, useState } from 'react';
|
||||||
import { StyleSheet, ScrollView, Button, TextInput, Text } from 'react-native';
|
import { StyleSheet, ScrollView, Button, TextInput, Text, View } from 'react-native';
|
||||||
import { useChantier } from '../ContextChantier';
|
import { useChantier } from '../ContextChantier';
|
||||||
import { useRessources } from '../ContextRessource';
|
import { useRessources } from '../ContextRessource';
|
||||||
import { useUser } from '../ContextUser';
|
import { useUser } from '../ContextUser';
|
||||||
@@ -12,6 +12,8 @@ import { Chantier, Ressources } from '@/class/class';
|
|||||||
import { ThemedText } from '@/components/theme/themed-text';
|
import { ThemedText } from '@/components/theme/themed-text';
|
||||||
import { ThemedButton } from '@/components/theme/themed-button';
|
import { ThemedButton } from '@/components/theme/themed-button';
|
||||||
import { ThemedTextInput } from '@/components/theme/themed-textinput';
|
import { ThemedTextInput } from '@/components/theme/themed-textinput';
|
||||||
|
import Constants from 'expo-constants'; //pour connaître la taille de la barre menu de l'OS en haut
|
||||||
|
|
||||||
|
|
||||||
export default function AddChantier() {
|
export default function AddChantier() {
|
||||||
const { chantier, setChantier } = useChantier();
|
const { chantier, setChantier } = useChantier();
|
||||||
@@ -87,41 +89,48 @@ export default function AddChantier() {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
return (
|
return (
|
||||||
<ScrollView style= {styles.container}>
|
<ThemedView lvl={3} style={styles.back}>
|
||||||
<ThemedView style = {styles.header}>
|
<View style={styles.container}>
|
||||||
<ThemedText style = {styles.text}>Ajouter un nouveau chantier </ThemedText>
|
|
||||||
<ThemedTextInput lvl = {0} style = {styles.input} placeholder='Nom du chantier' value = {nom} onChangeText={setNom}/>
|
|
||||||
<ThemedTextInput lvl = {0} style = {styles.input} placeholder='Adresse du chantier' value = {adresse} onChangeText={setAdresse} />
|
|
||||||
<ThemedTextInput lvl = {0} style = {styles.input} placeholder='durée estimée (en jours)' value = {duree} onChangeText={setDuree} />
|
|
||||||
<ThemedTextInput lvl = {0} style = {styles.input} placeholder='chef de chantier' value= {chefChantier} onChangeText={setChefChantier}/>
|
|
||||||
<ThemedText style={{ fontWeight: "bold", marginTop: 15 }}>Équipe</ThemedText>
|
|
||||||
<SelectChantier
|
|
||||||
|
|
||||||
/>
|
<View style={{width:"100%", position: 'absolute'}}>
|
||||||
<Text style={{ fontWeight: "bold", marginTop: 15 }}>Ressources</Text>
|
<SelectChantier></SelectChantier>
|
||||||
<SelectChantier
|
</View>
|
||||||
|
|
||||||
/>
|
<ScrollView>
|
||||||
<ThemedButton
|
<View style = {styles.header}>
|
||||||
lvl={1}
|
<ThemedText style = {styles.text}>Ajouter un nouveau chantier </ThemedText>
|
||||||
shadow={true}
|
<ThemedTextInput lvl = {1} style = {styles.input} placeholder='Nom du chantier' value = {nom} onChangeText={setNom}/>
|
||||||
style={{ padding: 10, borderRadius: 8, marginBottom: 10 }}
|
<ThemedTextInput lvl = {1} style = {styles.input} placeholder='Adresse du chantier' value = {adresse} onChangeText={setAdresse} />
|
||||||
onPress={() => handleAddChantier()}
|
<ThemedTextInput lvl = {1} style = {styles.input} placeholder='durée estimée (en jours)' value = {duree} onChangeText={setDuree} />
|
||||||
>
|
<ThemedTextInput lvl = {1} style = {styles.input} placeholder='chef de chantier' value= {chefChantier} onChangeText={setChefChantier}/>
|
||||||
|
<ThemedText style={{ fontWeight: "bold", marginTop: 15 }}>Équipe</ThemedText>
|
||||||
</ThemedButton>
|
<Text style={{ fontWeight: "bold", marginTop: 15 }}>Ressources</Text>
|
||||||
</ThemedView>
|
<ThemedButton
|
||||||
|
lvl={1}
|
||||||
</ScrollView>
|
shadow={true}
|
||||||
|
style={{ padding: 10, borderRadius: 8, marginBottom: 10 }}
|
||||||
|
onPress={() => handleAddChantier()}
|
||||||
|
>
|
||||||
|
</ThemedButton>
|
||||||
|
</View>
|
||||||
|
|
||||||
|
</ScrollView>
|
||||||
|
</View>
|
||||||
|
</ThemedView>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
const styles = StyleSheet.create({
|
const styles = StyleSheet.create({
|
||||||
|
back:{
|
||||||
|
height:"100%",
|
||||||
|
width:"100%",
|
||||||
|
},
|
||||||
container: {
|
container: {
|
||||||
flex: 1,
|
flex: 1,
|
||||||
marginTop: 60,
|
marginTop: Constants.statusBarHeight, //pour la barre menu du haut
|
||||||
},
|
},
|
||||||
header: {
|
header: {
|
||||||
|
marginTop:60,
|
||||||
marginBottom: 20,
|
marginBottom: 20,
|
||||||
alignItems: "center",
|
alignItems: "center",
|
||||||
paddingHorizontal: 20,
|
paddingHorizontal: 20,
|
||||||
|
|||||||
Reference in New Issue
Block a user