engin rennomé en machine
This commit is contained in:
@@ -18,7 +18,7 @@ import DateTimePicker, { DateTimePickerEvent } from '@react-native-community/dat
|
||||
|
||||
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 SelectEngins from '@/components/selectEngins';
|
||||
import SelectMachine from '@/components/selectMachine';
|
||||
|
||||
//Uniquement accessible par le RESPONSSABLE du chantier
|
||||
//Pour créer ou modifier un chantier
|
||||
@@ -170,7 +170,7 @@ export default function AddChantier() {
|
||||
{renderInut("Contact client","07 01 02 03 04 05",contact,setContact,true)}
|
||||
<View style = {styles.inputLine}>
|
||||
<ThemedText style = {styles.inputName}>Engins:</ThemedText>
|
||||
<SelectEngins style = {styles.input} sendEngins={setEngins}/>
|
||||
<SelectMachine style = {styles.input} sendMachines={setEngins}/>
|
||||
</View>
|
||||
<View style = {styles.inputLine}>
|
||||
<ThemedText style = {styles.inputName}>Chef de chantier:</ThemedText>
|
||||
|
||||
@@ -12,26 +12,26 @@ import { getRessources } from "@/services/ressourcesService";
|
||||
const { width, height } = Dimensions.get("window");
|
||||
|
||||
type Props = {
|
||||
sendEngins: (engins: Ressources[]) => void;
|
||||
sendMachines: (machine: Ressources[]) => void;
|
||||
style?: StyleProp<ViewStyle>;
|
||||
};
|
||||
|
||||
export default function SelectEngins({style,sendEngins: sendEngins , ...otherProps }: Props) {
|
||||
export default function SelectMachine({style,sendMachines: sendMachines , ...otherProps }: Props) {
|
||||
|
||||
const { chantier, setChantier} = useChantier();
|
||||
const [engins, setEngins] = useState<Ressources[]>([]);
|
||||
const [machines, setMachines] = useState<Ressources[]>([]);
|
||||
const [tempStatus, setTempStatus] = useState("");
|
||||
const [isOpen,setIsOpen] = useState(false);
|
||||
const [openConfirmation,setOpenConfirmation] = useState(false);
|
||||
const [listEngins,setListEngins] = useState<Ressources[]>([]);
|
||||
const [listMachines,setListMachines] = useState<Ressources[]>([]);
|
||||
|
||||
const AnimatedThemedView = Animated.createAnimatedComponent(ThemedView);
|
||||
|
||||
useEffect(() => {
|
||||
async function loadData() {
|
||||
try {
|
||||
const data = await getRessources();//TODO engin/vehicule uniquement
|
||||
setListEngins(data);
|
||||
const data = await getRessources();//TODO machine uniquement
|
||||
setListMachines(data);
|
||||
} catch (error) {
|
||||
console.error("Erreur lors du chargement :", error);
|
||||
}
|
||||
@@ -44,21 +44,21 @@ export default function SelectEngins({style,sendEngins: sendEngins , ...otherPro
|
||||
setIsOpen(!isOpen);
|
||||
}
|
||||
|
||||
function onPressRessource(engin: Ressources): void{
|
||||
const exists = engins.some(item => item.name === engin.name);
|
||||
function onPressRessource(machine: Ressources): void{
|
||||
const exists = machines.some(item => item.name === machine.name);
|
||||
if(exists){
|
||||
setEngins(prev => prev.filter(item => item.name !== engin.name));
|
||||
setMachines(prev => prev.filter(item => item.name !== machine.name));
|
||||
}
|
||||
else{
|
||||
setEngins(prevItem => [...prevItem, engin]);
|
||||
setMachines(prevItem => [...prevItem, machine]);
|
||||
}
|
||||
sendEngins(engins);
|
||||
sendMachines(machines);
|
||||
//setIsOpen(false);
|
||||
}
|
||||
|
||||
const EnginsSummary = ({ item }: { item: Ressources }) => {
|
||||
const MachineSummary = ({ item }: { item: Ressources }) => {
|
||||
if (!item) return null;
|
||||
const exists = engins.some(i => i.name === item.name);
|
||||
const exists = machines.some(i => i.name === item.name);
|
||||
return(
|
||||
<View style={{padding:10,width:"100%"}}>
|
||||
<ThemedButton lvl={exists?2:0} border={exists?3:0} style={{padding:10,width:"100%",borderRadius:10}} onPress={() => {onPressRessource(item)}}>
|
||||
@@ -72,16 +72,16 @@ export default function SelectEngins({style,sendEngins: sendEngins , ...otherPro
|
||||
}
|
||||
|
||||
|
||||
const EnginsSearch = () => {
|
||||
const MachineSearch = () => {
|
||||
return(
|
||||
<Modal transparent={true}>
|
||||
<View style={styles.overlay}>
|
||||
<ThemedView style={styles.overlayView}>
|
||||
<ThemedText style={{fontSize: 25}}>Rechercher un engin :</ThemedText>
|
||||
<ThemedText style={{fontSize: 25}}>Rechercher des machines :</ThemedText>
|
||||
<FlatList
|
||||
style={{width:"100%"}}
|
||||
data={listEngins}
|
||||
renderItem={EnginsSummary}
|
||||
data={listMachines}
|
||||
renderItem={MachineSummary}
|
||||
keyExtractor={(_, index) => index.toString()}
|
||||
/>
|
||||
|
||||
@@ -97,8 +97,8 @@ export default function SelectEngins({style,sendEngins: sendEngins , ...otherPro
|
||||
|
||||
return(
|
||||
<ThemedButton style={style} lvl={1} onPress={() => onPressOpen()}>
|
||||
<ThemedText style={styles.centeredText}>{engins?engins.length+" engin(s) sélectionné":"sélectionner des engin(s)"}</ThemedText>
|
||||
{isOpen && EnginsSearch()}
|
||||
<ThemedText style={styles.centeredText}>{machines?machines.length+" machine(s) sélectionné":"sélectionner des machine(s)"}</ThemedText>
|
||||
{isOpen && MachineSearch()}
|
||||
</ThemedButton>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user