alfonso
/
AOLFrontend
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Version que incorpora el caret a los autocomplete

Browse Source
develop
difenix6 2 years ago
parent ef70d3e757
commit feda103ee2
3 changed files with 237 additions and 218 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 444
      src/Components/Operaciones/Viaje/Viaje.tsx
  2. 2
      src/Constants/TargetURL.ts
  3. 9
      src/css/autoComplete.css

444
src/Components/Operaciones/Viaje/Viaje.tsx
Unescape View File

@ -1,153 +1,156 @@
import { FC, useEffect, useRef, useState } from 'react' import { FC, useEffect, useRef, useState } from 'react';
import { Button, ButtonGroup, Card, Col, Dropdown, DropdownButton, Form, ListGroup, Modal, Row } from 'react-bootstrap' import { Button, ButtonGroup, Card, Col, Dropdown, DropdownButton, Form, ListGroup, Modal, Row } from 'react-bootstrap';
import { useDispatch, useSelector } from 'react-redux' import { useDispatch, useSelector } from 'react-redux';
import DTOOpViajes from '../../../DTOs/Operaciones/DTOViajes' import DTOOpViajes from '../../../DTOs/Operaciones/DTOViajes';
import DSOpViajes from '../../../Services/Operaciones/OpViajes.Services' import DSOpViajes from '../../../Services/Operaciones/OpViajes.Services';
import { updateOpViajes } from '../../../store/features/Operaciones/OpViajesSlice' import { updateOpViajes } from '../../../store/features/Operaciones/OpViajesSlice';
import { RootState } from '../../../store/store' import { RootState } from '../../../store/store';
import { import {
populateOpViajesServicios, populateOpViajesServicios,
updateOpViajesServicios, updateOpViajesServicios,
} from '../../../store/features/Operaciones/OpViajesServiciosSlice' } from '../../../store/features/Operaciones/OpViajesServiciosSlice';
import DTOViajesServicios from '../../../DTOs/Operaciones/DTOViajesServicios' import DTOViajesServicios from '../../../DTOs/Operaciones/DTOViajesServicios';
import { Servicios } from '../Viaje/Servicios/Servicios' import { Servicios } from '../Viaje/Servicios/Servicios';
import DatePicker from 'react-datepicker' import DatePicker from 'react-datepicker';
import 'react-datepicker/dist/react-datepicker.css' import 'react-datepicker/dist/react-datepicker.css';
import 'react-bootstrap-typeahead/css/Typeahead.css' import 'react-bootstrap-typeahead/css/Typeahead.css';
import 'react-bootstrap-typeahead/css/Typeahead.bs5.css' import 'react-bootstrap-typeahead/css/Typeahead.bs5.css';
import '../../../css/autoComplete.css' import '../../../css/autoComplete.css';
import { IconContext } from 'react-icons';
import { AiFillCaretDown, AiFillCaretLeft } from 'react-icons/ai';
import { BiCaretDownSquare, BiCaretLeftSquare } from 'react-icons/bi';
interface IProps { interface IProps {
IDViaje: number IDViaje: number;
} }
interface IOpciones { interface IOpciones {
value: string value: string;
label: string label: string;
} }
export const Viaje: FC<IProps> = (props) => { export const Viaje: FC<IProps> = (props) => {
const [selectedOption, setselectedOption] = useState<IOpciones | null>() const [selectedOption, setselectedOption] = useState<IOpciones | null>();
const dispatch = useDispatch() const dispatch = useDispatch();
const mAllTrips = useSelector((state: RootState) => state.OpViajes.OpViajes) const mAllTrips = useSelector((state: RootState) => state.OpViajes.OpViajes);
const mAllTripServices = useSelector((state: RootState) => state.OpViajesServicios.OpViajesServicios) const mAllTripServices = useSelector((state: RootState) => state.OpViajesServicios.OpViajesServicios);
const Info = JSON.parse(localStorage.getItem('tokenInfo') || '[]') const Info = JSON.parse(localStorage.getItem('tokenInfo') || '[]');
const UserID = Info.UserId const UserID = Info.UserId;
const mCatClientes = useSelector((state: RootState) => state.CatClientes.CatClientes) const mCatClientes = useSelector((state: RootState) => state.CatClientes.CatClientes);
const mCatProveedores = useSelector((state: RootState) => state.CatProveedores.CatProveedores) const mCatProveedores = useSelector((state: RootState) => state.CatProveedores.CatProveedores);
const CatTipoUnidades = useSelector((state: RootState) => state.CatTipoUnidades.CatTipoUnidades) const CatTipoUnidades = useSelector((state: RootState) => state.CatTipoUnidades.CatTipoUnidades);
const mCatUbicaciones = useSelector((state: RootState) => state.CatUbicaciones.CatUbicaciones) const mCatUbicaciones = useSelector((state: RootState) => state.CatUbicaciones.CatUbicaciones);
const mCatServicios = useSelector((state: RootState) => state.CatServicios.CatServicios) const mCatServicios = useSelector((state: RootState) => state.CatServicios.CatServicios);
const CatAduanas = useSelector((state: RootState) => state.CatAduanas.CatAduanas) const CatAduanas = useSelector((state: RootState) => state.CatAduanas.CatAduanas);
const [NoCaja, setNoCaja] = useState('') const [NoCaja, setNoCaja] = useState('');
const [UltimaCaja, setUltimaCaja] = useState('') const [UltimaCaja, setUltimaCaja] = useState('');
const [IDViaje, setIDViaje] = useState(0) const [IDViaje, setIDViaje] = useState(0);
const [IDDetail, setIDDetail] = useState(0) const [IDDetail, setIDDetail] = useState(0);
const [IDCliente, setIDCliente] = useState(0) const [IDCliente, setIDCliente] = useState(0);
const [Cliente, setCliente] = useState('') const [Cliente, setCliente] = useState('');
const [IDProveedor, setIDProveedor] = useState(0) const [IDProveedor, setIDProveedor] = useState(0);
const [Proveedor, setProveedor] = useState('') const [Proveedor, setProveedor] = useState('');
const [IDServicio, setIDServicio] = useState(0) const [IDServicio, setIDServicio] = useState(0);
const [Servicio, setServicio] = useState('') const [Servicio, setServicio] = useState('');
const [IDTipoUnidad, setIDTipoUnidad] = useState(0) const [IDTipoUnidad, setIDTipoUnidad] = useState(0);
const [IDOrigen, setIDOrigen] = useState(0) const [IDOrigen, setIDOrigen] = useState(0);
const [Origen, setOrigen] = useState('') const [Origen, setOrigen] = useState('');
const [IDDestino, setIDDestino] = useState(0) const [IDDestino, setIDDestino] = useState(0);
const [Destino, setDestino] = useState('') const [Destino, setDestino] = useState('');
const [RefAA, setRefAA] = useState('') const [RefAA, setRefAA] = useState('');
const [PickUpNumber, setPickUpNumber] = useState('') const [PickUpNumber, setPickUpNumber] = useState('');
const [Hazmat, setHazmat] = useState(0) const [Hazmat, setHazmat] = useState(0);
const [Pedimento, setPedimento] = useState('') const [Pedimento, setPedimento] = useState('');
const [TipoOperacion, setTipoOperacion] = useState(1) const [TipoOperacion, setTipoOperacion] = useState(1);
const [Comentarios, setComentarios] = useState('') const [Comentarios, setComentarios] = useState('');
const [Aduana, setAduana] = useState(0) const [Aduana, setAduana] = useState(0);
const [DisableAduana, setDisableAduana] = useState(true) const [DisableAduana, setDisableAduana] = useState(true);
const [TotalServicios, setTotalServicios] = useState(0) const [TotalServicios, setTotalServicios] = useState(0);
const [Cita, setCita] = useState<Date | null>() const [Cita, setCita] = useState<Date | null>();
const [SelectedClient, setSelectedClient] = useState(false) const [SelectedClient, setSelectedClient] = useState(false);
const [SelectedOrigen, setSelectedOrigen] = useState(false) const [SelectedOrigen, setSelectedOrigen] = useState(false);
const [SelectedDestino, setSelectedDestino] = useState(false) const [SelectedDestino, setSelectedDestino] = useState(false);
const [SelectedServicio, setSelectedServicio] = useState(false) const [SelectedServicio, setSelectedServicio] = useState(false);
const [SelectedProveedor, setSelectedProveedor] = useState(false) const [SelectedProveedor, setSelectedProveedor] = useState(false);
const inputRef = useRef() const inputRef = useRef();
useEffect(() => { useEffect(() => {
if (IDServicio > 0 && TotalServicios === 0) saveDetail() if (IDServicio > 0 && TotalServicios === 0) saveDetail();
let selectedRow = mAllTrips.filter((row) => { let selectedRow = mAllTrips.filter((row) => {
if (row.id === props.IDViaje) { if (row.id === props.IDViaje) {
setIDViaje(row.id) setIDViaje(row.id);
setRefAA(row.refAgenciaAduanal) setRefAA(row.refAgenciaAduanal);
setIDCliente(row.cliente) setIDCliente(row.cliente);
setIDTipoUnidad(row.tipoUnidad) setIDTipoUnidad(row.tipoUnidad);
setNoCaja(row.noCaja) setNoCaja(row.noCaja);
setIDOrigen(row.origen) setIDOrigen(row.origen);
setIDDestino(row.destino) setIDDestino(row.destino);
setHazmat(row.hazmat) setHazmat(row.hazmat);
setPickUpNumber(row.pickUpNumber) setPickUpNumber(row.pickUpNumber);
setTipoOperacion(row.tipoOperacion) setTipoOperacion(row.tipoOperacion);
setPedimento(row.pedimento) setPedimento(row.pedimento);
setCliente(row.sCliente) setCliente(row.sCliente);
setOrigen(row.sOrigen) setOrigen(row.sOrigen);
setDestino(row.sDestino) setDestino(row.sDestino);
setSelectedClient(true) setSelectedClient(false);
setSelectedOrigen(true) setSelectedOrigen(true);
setSelectedDestino(true) setSelectedDestino(true);
setSelectedServicio(true) setSelectedServicio(true);
setSelectedProveedor(true) setSelectedProveedor(true);
return row return row;
} }
}) });
let totalServicios = mAllTripServices.filter((a) => { let totalServicios = mAllTripServices.filter((a) => {
if (a.idViaje === IDViaje) { if (a.idViaje === IDViaje) {
return a return a;
} }
}) });
setTotalServicios(totalServicios.length) setTotalServicios(totalServicios.length);
}, [IDViaje]) }, [IDViaje]);
useEffect(() => { useEffect(() => {
if (IDServicio === 1 || IDServicio === 2 || IDServicio === 22) setDisableAduana(false) if (IDServicio === 1 || IDServicio === 2 || IDServicio === 22) setDisableAduana(false);
else setDisableAduana(true) else setDisableAduana(true);
if (IDServicio > 0) { if (IDServicio > 0) {
let serviceFound = mCatServicios.filter((item) => { let serviceFound = mCatServicios.filter((item) => {
if (item.id == IDServicio) { if (item.id == IDServicio) {
return item return item;
} }
}) });
setServicio(serviceFound[0].servicio) setServicio(serviceFound[0].servicio);
} }
if (IDProveedor > 0) { if (IDProveedor > 0) {
let providerFound = mCatProveedores.filter((item) => { let providerFound = mCatProveedores.filter((item) => {
if (item.id == IDProveedor) { if (item.id == IDProveedor) {
return item return item;
} }
}) });
setProveedor(providerFound[0].proveedor) setProveedor(providerFound[0].proveedor);
} }
}, [IDServicio]) }, [IDServicio]);
useEffect(() => { useEffect(() => {
DSOpViajes.GetLastTrailerBox(IDViaje) DSOpViajes.GetLastTrailerBox(IDViaje)
.then((response) => { .then((response) => {
const LastTrailerBox = response.data.ultimaCaja const LastTrailerBox = response.data.ultimaCaja;
// console.log('lasttrailerbox=' + LastTrailerBox) // console.log('lasttrailerbox=' + LastTrailerBox)
if (LastTrailerBox.length === 0) setUltimaCaja(NoCaja) if (LastTrailerBox.length === 0) setUltimaCaja(NoCaja);
else setUltimaCaja(LastTrailerBox) else setUltimaCaja(LastTrailerBox);
}) })
.catch((e: Error) => { .catch((e: Error) => {
// console.log('currio un error') // console.log('currio un error')
}) });
//console.log('nocaja=' + NoCaja) //console.log('nocaja=' + NoCaja)
}, [NoCaja]) }, [NoCaja]);
useEffect(() => { useEffect(() => {
if (Hazmat === 1) setAduana(180) if (Hazmat === 1) setAduana(180);
else setAduana(0) else setAduana(0);
}, [Hazmat]) }, [Hazmat]);
const saveDetail = () => { const saveDetail = () => {
if (IDServicio === 0 || IDProveedor === 0) { if (IDServicio === 0 || IDProveedor === 0) {
return false return false;
} }
const data: DTOViajesServicios = { const data: DTOViajesServicios = {
id: IDDetail, id: IDDetail,
@ -160,52 +163,52 @@ export const Viaje: FC<IProps> = (props) => {
idProveedor: IDProveedor, idProveedor: IDProveedor,
sProveedor: '', sProveedor: '',
noCaja: UltimaCaja, noCaja: UltimaCaja,
} };
DSOpViajes.AppendServices(data) DSOpViajes.AppendServices(data)
.then((responsed) => { .then((responsed) => {
if (IDDetail === 0) { if (IDDetail === 0) {
dispatch(populateOpViajesServicios(responsed.data)) dispatch(populateOpViajesServicios(responsed.data));
setIDDetail(responsed.data[0].id) setIDDetail(responsed.data[0].id);
} else { } else {
dispatch(updateOpViajesServicios(responsed.data)) dispatch(updateOpViajesServicios(responsed.data));
} }
clearDetailForm() clearDetailForm();
}) })
.catch((e: Error) => {}) .catch((e: Error) => {});
} };
const adjustTimeZone = (str: string): string => { const adjustTimeZone = (str: string): string => {
if (str) { if (str) {
const original: any = new Date(str) const original: any = new Date(str);
const real = new Date(original - original.getTimezoneOffset() * 60 * 1000) const real = new Date(original - original.getTimezoneOffset() * 60 * 1000);
return real.toISOString() return real.toISOString();
} else return '' } else return '';
} };
const loadService = (id: number) => { const loadService = (id: number) => {
let found = mAllTripServices.filter((a) => { let found = mAllTripServices.filter((a) => {
if (a.id === id) { if (a.id === id) {
return a return a;
} }
}) });
if (found) { if (found) {
setIDDetail(id) setIDDetail(id);
setAduana(found[0].aduana) setAduana(found[0].aduana);
setIDServicio(found[0].idServicio) setIDServicio(found[0].idServicio);
setComentarios(found[0].comentarios) setComentarios(found[0].comentarios);
setIDProveedor(found[0].idProveedor) setIDProveedor(found[0].idProveedor);
} }
} };
const saveMaster = () => { const saveMaster = () => {
if (TotalServicios === 0) { if (TotalServicios === 0) {
if (IDServicio === 0) { if (IDServicio === 0) {
alert('Para continuar, primero seleccione un servicio ') alert('Para continuar, primero seleccione un servicio ');
return false return false;
} }
if (IDProveedor === 0) { if (IDProveedor === 0) {
alert('Para continuar, primero seleccione un proveedor') alert('Para continuar, primero seleccione un proveedor');
return false return false;
} }
} }
/* */ /* */
@ -230,43 +233,43 @@ export const Viaje: FC<IProps> = (props) => {
pedimento: Pedimento, pedimento: Pedimento,
max: true, max: true,
status: 1, status: 1,
} };
DSOpViajes.Append(data) DSOpViajes.Append(data)
.then((response) => { .then((response) => {
const data = response.data const data = response.data;
data['max'] = false data['max'] = false;
dispatch(updateOpViajes(data)) dispatch(updateOpViajes(data));
setIDViaje(data.id) setIDViaje(data.id);
}) })
.catch((e: Error) => {}) .catch((e: Error) => {});
} };
const clearDetailForm = () => { const clearDetailForm = () => {
setIDDetail(0) setIDDetail(0);
setAduana(0) setAduana(0);
setIDServicio(0) setIDServicio(0);
setComentarios('') setComentarios('');
setIDProveedor(0) setIDProveedor(0);
setUltimaCaja('') setUltimaCaja('');
setServicio('') setServicio('');
setProveedor('') setProveedor('');
setDisableAduana(true) setDisableAduana(true);
} };
useEffect(() => { useEffect(() => {
console.log(selectedOption) console.log(selectedOption);
}, [selectedOption]) }, [selectedOption]);
const [addrtype, setAddrtype] = useState(['Work', 'Home', 'school']) const [addrtype, setAddrtype] = useState(['Work', 'Home', 'school']);
const Add = addrtype.map((Add) => Add) const Add = addrtype.map((Add) => Add);
const handleAddrTypeChange = (e: any) => console.log(addrtype[e.target.value]) const handleAddrTypeChange = (e: any) => console.log(addrtype[e.target.value]);
const companies: string[] = ['Company1', 'Company2', 'Big Corp', 'Happy Toy Company'] const companies: string[] = ['Company1', 'Company2', 'Big Corp', 'Happy Toy Company'];
const lowerCasedCompanies = companies.map((language) => language.toLowerCase()) const lowerCasedCompanies = companies.map((language) => language.toLowerCase());
function getSuggestions(value: string): string[] { function getSuggestions(value: string): string[] {
return lowerCasedCompanies.filter((language) => language.startsWith(value.trim().toLowerCase())) return lowerCasedCompanies.filter((language) => language.startsWith(value.trim().toLowerCase()));
} }
const handleKeyDown = (e: any) => { const handleKeyDown = (e: any) => {
@ -277,9 +280,9 @@ export const Viaje: FC<IProps> = (props) => {
} else */ } else */
if (e.keyCode === 40) { if (e.keyCode === 40) {
console.log('arrow down') console.log('arrow down');
} }
} };
return ( return (
<div className='tripField'> <div className='tripField'>
@ -301,7 +304,7 @@ export const Viaje: FC<IProps> = (props) => {
size='sm' size='sm'
className='dialogLabel' className='dialogLabel'
onChange={(e) => { onChange={(e) => {
setRefAA(e.target.value) setRefAA(e.target.value);
}} }}
/> />
</Col> </Col>
@ -309,7 +312,7 @@ export const Viaje: FC<IProps> = (props) => {
</Row> </Row>
<Row style={{ paddingTop: '5px' }}> <Row style={{ paddingTop: '5px' }}>
<Col xs={2}>Cliente</Col> <Col xs={2}>Cliente</Col>
<Col xs={9}> <Col xs={8} style={{ paddingRight: '0px' }}>
<div className='mainDiv'> <div className='mainDiv'>
<Form.Group className='typeahead-form-group'> <Form.Group className='typeahead-form-group'>
<Form.Control <Form.Control
@ -318,37 +321,48 @@ export const Viaje: FC<IProps> = (props) => {
id='Cliente' id='Cliente'
value={Cliente} value={Cliente}
size='sm' size='sm'
className='dialogLabel' className='pull-right'
onChange={(e) => { onChange={(e) => {
setCliente(e.target.value) setCliente(e.target.value);
setSelectedClient(false) setSelectedClient(false);
}} }}
onKeyDown={(e) => { onKeyDown={(e) => {
handleKeyDown(e) handleKeyDown(e);
}} }}
/> />
<Dropdown className='d-inline mx-6' show={!SelectedClient && Cliente.length > 0}> <Dropdown className='d-inline mx-6' show={!SelectedClient}>
<Dropdown.Menu> <Dropdown.Menu>
{Cliente.length > 0 && {mCatClientes
!SelectedClient && .filter((result) => result.cliente.toLocaleLowerCase().includes(Cliente.toLocaleLowerCase()))
mCatClientes .map((result) => (
.filter((result) => result.cliente.toLocaleLowerCase().includes(Cliente.toLocaleLowerCase())) <Dropdown.Item
.map((result) => ( onClick={() => {
<Dropdown.Item setIDCliente(result.id);
onClick={() => { setCliente(result.cliente);
setIDCliente(result.id) setSelectedClient(true);
setCliente(result.cliente) }}
setSelectedClient(true) >
}} {result.cliente}
> </Dropdown.Item>
{result.cliente} ))}
</Dropdown.Item>
))}
</Dropdown.Menu> </Dropdown.Menu>
</Dropdown> </Dropdown>
</Form.Group> </Form.Group>
</div> </div>
</Col> </Col>
<Col style={{ paddingLeft: '0px' }}>
<div onClick={() => setSelectedClient(!SelectedClient)}>
{!SelectedClient ? (
<IconContext.Provider value={{ color: '#8AA2B8', size: '30px' }}>
<BiCaretDownSquare />
</IconContext.Provider>
) : (
<IconContext.Provider value={{ color: '#8AA2B8', size: '30px' }}>
<BiCaretLeftSquare />
</IconContext.Provider>
)}{' '}
</div>
</Col>
</Row> </Row>
<Row style={{ paddingTop: '5px' }}> <Row style={{ paddingTop: '5px' }}>
<Col xs={2}>Tipo Unidad</Col> <Col xs={2}>Tipo Unidad</Col>
@ -356,7 +370,7 @@ export const Viaje: FC<IProps> = (props) => {
<Form.Control <Form.Control
as='select' as='select'
onChange={(e) => { onChange={(e) => {
setIDTipoUnidad(parseInt(e.target.value)) setIDTipoUnidad(parseInt(e.target.value));
}} }}
value={IDTipoUnidad} value={IDTipoUnidad}
className='form-select form-select-sm dialogLabel' className='form-select form-select-sm dialogLabel'
@ -368,7 +382,7 @@ export const Viaje: FC<IProps> = (props) => {
<option key={c.id} value={c.id}> <option key={c.id} value={c.id}>
{c.tipoUnidad} {c.tipoUnidad}
</option> </option>
) );
}) })
: null} : null}
</Form.Control> </Form.Control>
@ -384,7 +398,7 @@ export const Viaje: FC<IProps> = (props) => {
size='sm' size='sm'
className='dialogLabel' className='dialogLabel'
onChange={(e) => { onChange={(e) => {
setNoCaja(e.target.value) setNoCaja(e.target.value);
}} }}
/> />
</Col> </Col>
@ -402,8 +416,8 @@ export const Viaje: FC<IProps> = (props) => {
size='sm' size='sm'
className='textBoxViaje' className='textBoxViaje'
onChange={(e) => { onChange={(e) => {
setOrigen(e.target.value) setOrigen(e.target.value);
setSelectedOrigen(false) setSelectedOrigen(false);
}} }}
/> />
<Dropdown className='d-inline mx-6' show={!SelectedOrigen && Origen.length > 0}> <Dropdown className='d-inline mx-6' show={!SelectedOrigen && Origen.length > 0}>
@ -419,9 +433,9 @@ export const Viaje: FC<IProps> = (props) => {
.map((result) => ( .map((result) => (
<Dropdown.Item <Dropdown.Item
onClick={() => { onClick={() => {
setIDOrigen(result.id) setIDOrigen(result.id);
setOrigen(result.ubicacion) setOrigen(result.ubicacion);
setSelectedOrigen(true) setSelectedOrigen(true);
}} }}
> >
{result.ubicacion} {result.ubicacion}
@ -446,8 +460,8 @@ export const Viaje: FC<IProps> = (props) => {
size='sm' size='sm'
className='dialogLabel' className='dialogLabel'
onChange={(e) => { onChange={(e) => {
setDestino(e.target.value) setDestino(e.target.value);
setSelectedDestino(false) setSelectedDestino(false);
}} }}
/> />
<Dropdown className='d-inline mx-6' show={!SelectedDestino && Destino.length > 0}> <Dropdown className='d-inline mx-6' show={!SelectedDestino && Destino.length > 0}>
@ -463,9 +477,9 @@ export const Viaje: FC<IProps> = (props) => {
.map((result) => ( .map((result) => (
<Dropdown.Item <Dropdown.Item
onClick={() => { onClick={() => {
setIDDestino(result.id) setIDDestino(result.id);
setDestino(result.ubicacion) setDestino(result.ubicacion);
setSelectedDestino(true) setSelectedDestino(true);
}} }}
> >
{result.ubicacion} {result.ubicacion}
@ -483,7 +497,7 @@ export const Viaje: FC<IProps> = (props) => {
<Form.Control <Form.Control
as='select' as='select'
onChange={(e) => { onChange={(e) => {
setHazmat(parseInt(e.target.value)) setHazmat(parseInt(e.target.value));
}} }}
value={Hazmat} value={Hazmat}
className='form-select form-select-sm dialogLabel' className='form-select form-select-sm dialogLabel'
@ -499,7 +513,7 @@ export const Viaje: FC<IProps> = (props) => {
<Form.Control <Form.Control
as='select' as='select'
onChange={(e) => { onChange={(e) => {
setTipoOperacion(parseInt(e.target.value)) setTipoOperacion(parseInt(e.target.value));
}} }}
value={TipoOperacion} value={TipoOperacion}
className='form-select form-select-sm dialogLabel' className='form-select form-select-sm dialogLabel'
@ -522,7 +536,7 @@ export const Viaje: FC<IProps> = (props) => {
size='sm' size='sm'
className='dialogLabel' className='dialogLabel'
onChange={(e) => { onChange={(e) => {
setPedimento(e.target.value) setPedimento(e.target.value);
}} }}
/> />
</Col> </Col>
@ -535,7 +549,7 @@ export const Viaje: FC<IProps> = (props) => {
size='sm' size='sm'
className='dialogLabel' className='dialogLabel'
onChange={(e) => { onChange={(e) => {
setPickUpNumber(e.target.value) setPickUpNumber(e.target.value);
}} }}
/> />
</Col> </Col>
@ -543,8 +557,8 @@ export const Viaje: FC<IProps> = (props) => {
<Button <Button
variant='primary' variant='primary'
onClick={() => { onClick={() => {
saveMaster() saveMaster();
saveDetail() saveDetail();
}} }}
> >
Guardar Guardar
@ -571,11 +585,11 @@ export const Viaje: FC<IProps> = (props) => {
size='sm' size='sm'
className='dialogLabel' className='dialogLabel'
onChange={(e) => { onChange={(e) => {
setServicio(e.target.value) setServicio(e.target.value);
setSelectedServicio(false) setSelectedServicio(false);
}} }}
onKeyDown={(e) => { onKeyDown={(e) => {
handleKeyDown(e) handleKeyDown(e);
}} }}
/> />
<Dropdown className='d-inline mx-6' show={!SelectedServicio && Servicio.length > 0}> <Dropdown className='d-inline mx-6' show={!SelectedServicio && Servicio.length > 0}>
@ -589,9 +603,9 @@ export const Viaje: FC<IProps> = (props) => {
.map((result) => ( .map((result) => (
<Dropdown.Item <Dropdown.Item
onClick={() => { onClick={() => {
setIDServicio(result.id) setIDServicio(result.id);
setServicio(result.servicio) setServicio(result.servicio);
setSelectedServicio(true) setSelectedServicio(true);
}} }}
> >
{result.servicio} {result.servicio}
@ -619,7 +633,7 @@ export const Viaje: FC<IProps> = (props) => {
<Form.Control <Form.Control
as='select' as='select'
onChange={(e) => { onChange={(e) => {
setAduana(parseInt(e.target.value)) setAduana(parseInt(e.target.value));
}} }}
value={Aduana} value={Aduana}
disabled={DisableAduana} disabled={DisableAduana}
@ -631,7 +645,7 @@ export const Viaje: FC<IProps> = (props) => {
<option key={c.id} value={c.id}> <option key={c.id} value={c.id}>
{c.Aduana} {c.Aduana}
</option> </option>
) );
}) })
: null} : null}
</Form.Control> </Form.Control>
@ -645,7 +659,7 @@ export const Viaje: FC<IProps> = (props) => {
rows={2} rows={2}
value={Comentarios} value={Comentarios}
onChange={(e) => { onChange={(e) => {
setComentarios(e.target.value) setComentarios(e.target.value);
}} }}
/> />
</Col> </Col>
@ -663,8 +677,8 @@ export const Viaje: FC<IProps> = (props) => {
size='sm' size='sm'
className='dialogLabel' className='dialogLabel'
onChange={(e) => { onChange={(e) => {
setProveedor(e.target.value) setProveedor(e.target.value);
setSelectedProveedor(false) setSelectedProveedor(false);
}} }}
/> />
<Dropdown className='d-inline mx-6' show={!SelectedProveedor && Proveedor.length > 0}> <Dropdown className='d-inline mx-6' show={!SelectedProveedor && Proveedor.length > 0}>
@ -678,9 +692,9 @@ export const Viaje: FC<IProps> = (props) => {
.map((result) => ( .map((result) => (
<Dropdown.Item <Dropdown.Item
onClick={() => { onClick={() => {
setIDProveedor(result.id) setIDProveedor(result.id);
setProveedor(result.proveedor) setProveedor(result.proveedor);
setSelectedProveedor(true) setSelectedProveedor(true);
}} }}
> >
{result.proveedor} {result.proveedor}
@ -702,7 +716,7 @@ export const Viaje: FC<IProps> = (props) => {
size='sm' size='sm'
className='dialogLabel' className='dialogLabel'
onChange={(e) => { onChange={(e) => {
setUltimaCaja(e.target.value) setUltimaCaja(e.target.value);
}} }}
/> />
</Col> </Col>
@ -726,7 +740,7 @@ export const Viaje: FC<IProps> = (props) => {
IDMaster={IDViaje} IDMaster={IDViaje}
key={IDViaje} key={IDViaje}
onLoadDetail={function (id: number): void { onLoadDetail={function (id: number): void {
loadService(id) loadService(id);
}} }}
actionButtons={true} actionButtons={true}
/> />
@ -735,5 +749,5 @@ export const Viaje: FC<IProps> = (props) => {
</Card> </Card>
</Card> </Card>
</div> </div>
) );
} };

2
src/Constants/TargetURL.ts
Unescape View File

@ -1,5 +1,5 @@
export class TargetURL { export class TargetURL {
get() { get() {
return (!process.env.NODE_ENV || process.env.NODE_ENV === 'development') ? "https://localhost:7000/api" : "https://www.alphaomega.com.mx/AOLBackend/api" return (!process.env.NODE_ENV || process.env.NODE_ENV === 'development') ? "https://www.alphaomega.com.mx/AOLBackend/api" : "https://www.alphaomega.com.mx/AOLBackend/api"
} }
} }

9
src/css/autoComplete.css
Unescape View File

@ -3,7 +3,7 @@
font-family: sans-serif; font-family: sans-serif;
text-align: left; text-align: left;
/*width: 300px;*/ /*width: 300px;*/
margin: 0 auto; /*margin: 0 auto;*/
} }
.typeahead-form-group { .typeahead-form-group {
@ -34,7 +34,7 @@
} }
.typeahead-list-group-item { .typeahead-list-group-item {
padding: 0.3rem 1.3rem; /* padding: 0.3rem 1.3rem; */
background-color: rgb(228, 243, 240); background-color: rgb(228, 243, 240);
} }
@ -46,4 +46,9 @@
.textBoxViaje { .textBoxViaje {
z-index: 100; z-index: 100;
}
.textField {
margin-right: 0px !important;
padding-right: 0px;
} }
Write Preview
Loading…
Cancel
Save