export default function KomponentUsunZlecenie(props) { const { enqueueSnackbar, closeSnackbar } = useSnackbar(); const [pobierz_zlecenia,setpobierz_zlecenia ] = React.useState([]); const [wybrani_kontrahenci,setwybrani_kontrahenci] = React.useState([]); const wyczyszcz_wybranych_kontrahentow = () => { setwybrani_kontrahenci(''); } useEffect( () => { fetch(`http://192.168.1.4:3333/pobierz_zlecenia_szczegolowe_wieksze_od_biezacego_dnia`) .then(res => res.json()) .then(json => setpobierz_zlecenia(json)); },[]); const kolumny = [ { field: 'id', headerName: 'Nr zamówienia:', width: 120 }, { field: 'kontrahent', headerName: 'Kontrahent:', width: 150, editable: false, align:'left', }, { field: 'telefon', headerName: 'Telefon:', width: 150, editable: false, align:'left', valueFormatter: params => format_telefonu(params?.value), }, { field: 'ilosc', headerName: 'ILość:', type: 'number', width: 60, editable: false, align:'left', }, { field: 'data_zbioru', headerName: 'Data zbioru:', type:'date', valueFormatter: params => moment(params?.value).format("YYYY-MM-DD"), width: 200, editable: false, }, ]; const wiersz = pobierz_zlecenia.map( pozycja => ({ id: pozycja.id, kontrahent: pozycja.kontrahent, telefon:pozycja.telefon, ilosc: pozycja.ilosc, data_zbioru: pozycja.data_zbioru, })) const Przycisk_Anuluj = () => { wyczyszcz_wybranych_kontrahentow(''); props.anuluj(); } const Przycisk_Usun = () => { if (wybrani_kontrahenci.length === 0) { enqueueSnackbar('Proszę wybrać pozycje!', { variant: "warning", autoHideDuration: 6000 }); return; } props.ukryj(); DokumentUsunOknoWyboru(); } const tabela_tlumaczenie_napisow = { columnMenuFilter: "Filtr", columnMenuSortAsc: "Sortuj rosnąco", columnMenuSortDesc: "Sortuj malejąco", columnMenuHideColumn: "Ukryj kolumne", columnMenuShowColumns: "Wyświetl kolumne", } return ( <> { setwybrani_kontrahenci(wybrana_pozycja); }} selectionModel={wybrani_kontrahenci} localeText={tabela_tlumaczenie_napisow} /> * Zlecenia w tabelii powyżej dotyczą się tylko atywnych zleceń! ) }