|
|
@ -4,7 +4,7 @@ import { RootState } from '../../../store/store' |
|
|
|
import CContDataService from '../../../Services/Corresponsalias/Corresponsales.Contenedores.Services' |
|
|
|
import CContDataService from '../../../Services/Corresponsalias/Corresponsales.Contenedores.Services' |
|
|
|
import ICorresponsalContenedores from '../../../Interfaces/Corresponsales/ICorresponsalContenedores' |
|
|
|
import ICorresponsalContenedores from '../../../Interfaces/Corresponsales/ICorresponsalContenedores' |
|
|
|
import { IconContext } from 'react-icons' |
|
|
|
import { IconContext } from 'react-icons' |
|
|
|
import { BsFillCalendarCheckFill, BsFillCalendarDayFill, BsFillRecordFill, BsFillXCircleFill } from 'react-icons/bs' |
|
|
|
import { BsFillCalendarCheckFill, BsFillCalendarDayFill, BsFillRecordFill, BsFillXCircleFill, BsLink45Deg, BsPencil } from 'react-icons/bs' |
|
|
|
import { |
|
|
|
import { |
|
|
|
deleteCorresponsalesContenedores, |
|
|
|
deleteCorresponsalesContenedores, |
|
|
|
updateCorresponsalesContenedores, |
|
|
|
updateCorresponsalesContenedores, |
|
|
@ -15,7 +15,7 @@ import 'react-datepicker/dist/react-datepicker.css' |
|
|
|
//Images
|
|
|
|
//Images
|
|
|
|
import caret from '../../../images/caret.png'; |
|
|
|
import caret from '../../../images/caret.png'; |
|
|
|
import clean from '../../../images/Clean.png'; |
|
|
|
import clean from '../../../images/Clean.png'; |
|
|
|
import { FaFile } from 'react-icons/fa' |
|
|
|
import { FaFile, FaPencilAlt } from 'react-icons/fa' |
|
|
|
import { FacturasContenedor } from './FacturasContenedor' |
|
|
|
import { FacturasContenedor } from './FacturasContenedor' |
|
|
|
|
|
|
|
|
|
|
|
interface IProps { |
|
|
|
interface IProps { |
|
|
@ -62,7 +62,7 @@ export const SelectContainer: FC<IProps> = (props) => { |
|
|
|
contenedor: Contenedor, |
|
|
|
contenedor: Contenedor, |
|
|
|
idTrafico: props.IDTrafico, |
|
|
|
idTrafico: props.IDTrafico, |
|
|
|
fSemaforo: FSemaforo ? adjustTimeZone(FSemaforo.toISOString()) : '', |
|
|
|
fSemaforo: FSemaforo ? adjustTimeZone(FSemaforo.toISOString()) : '', |
|
|
|
semaforo: Semaforo, |
|
|
|
semaforo: 2, |
|
|
|
} |
|
|
|
} |
|
|
|
CContDataService.Append(data) |
|
|
|
CContDataService.Append(data) |
|
|
|
.then((response) => { |
|
|
|
.then((response) => { |
|
|
@ -211,32 +211,25 @@ export const SelectContainer: FC<IProps> = (props) => { |
|
|
|
? mCContenedores |
|
|
|
? mCContenedores |
|
|
|
.map((item, index) => { |
|
|
|
.map((item, index) => { |
|
|
|
return item.id > 0 ? ( |
|
|
|
return item.id > 0 ? ( |
|
|
|
<li key={item.id} onClick={() => loadInfo(item)}> |
|
|
|
<li key={item.id} style={{marginBottom:'3px'}}> |
|
|
|
<span |
|
|
|
<span> |
|
|
|
onClick={() => { |
|
|
|
|
|
|
|
setDialogTabs(true) |
|
|
|
|
|
|
|
}} |
|
|
|
|
|
|
|
> |
|
|
|
|
|
|
|
<IconContext.Provider value={{ color: 'red', size: '15px' }}> |
|
|
|
<IconContext.Provider value={{ color: 'red', size: '15px' }}> |
|
|
|
<BsFillXCircleFill /> |
|
|
|
<BsFillXCircleFill className='pointer' onClick={() => {setDialogTabs(true)}}/> |
|
|
|
</IconContext.Provider> |
|
|
|
</IconContext.Provider> |
|
|
|
</span> |
|
|
|
</span> |
|
|
|
<span style={{paddingLeft:'3px'}}> |
|
|
|
<span style={{paddingLeft:'3px'}}> |
|
|
|
<IconContext.Provider value={{ color: 'green', size: '15px' }}> |
|
|
|
<IconContext.Provider value={{ color: 'green', size: '15px' }}> |
|
|
|
<FaFile onClick={() => setShowFacturasDialog(true)}/> |
|
|
|
<BsLink45Deg className='pointer' onClick={() => setShowFacturasDialog(true)}/> |
|
|
|
|
|
|
|
</IconContext.Provider> |
|
|
|
|
|
|
|
</span> |
|
|
|
|
|
|
|
<span style={{paddingLeft:'3px'}}> |
|
|
|
|
|
|
|
<IconContext.Provider value={{ color: 'blue', size: '15px' }}> |
|
|
|
|
|
|
|
<BsPencil className='pointer' onClick={() => loadInfo(item)} /> |
|
|
|
</IconContext.Provider> |
|
|
|
</IconContext.Provider> |
|
|
|
</span> |
|
|
|
</span> |
|
|
|
<span style={{ paddingLeft: '10px' }}>{item.contenedor}</span> |
|
|
|
<span style={{ paddingLeft: '10px' }}>{item.contenedor}</span> |
|
|
|
<span |
|
|
|
<span> |
|
|
|
onClick={() => { |
|
|
|
| {item.fSemaforo} |{ |
|
|
|
setFSemaforo(StrtoDate(item.fSemaforo)) |
|
|
|
|
|
|
|
setSemaforo(item.semaforo) |
|
|
|
|
|
|
|
setDialogAddDate(true) |
|
|
|
|
|
|
|
setToggleSelect(!toggleSelect) |
|
|
|
|
|
|
|
}} |
|
|
|
|
|
|
|
> |
|
|
|
|
|
|
|
| {item.fSemaforo} |{' '} |
|
|
|
|
|
|
|
{item.fSemaforo ? ( |
|
|
|
|
|
|
|
item.semaforo === 1 ? ( |
|
|
|
item.semaforo === 1 ? ( |
|
|
|
<IconContext.Provider value={{ color: 'red', size: '20px' }}> |
|
|
|
<IconContext.Provider value={{ color: 'red', size: '20px' }}> |
|
|
|
<BsFillRecordFill /> |
|
|
|
<BsFillRecordFill /> |
|
|
@ -246,20 +239,24 @@ export const SelectContainer: FC<IProps> = (props) => { |
|
|
|
<BsFillRecordFill /> |
|
|
|
<BsFillRecordFill /> |
|
|
|
</IconContext.Provider> |
|
|
|
</IconContext.Provider> |
|
|
|
) : ('') |
|
|
|
) : ('') |
|
|
|
) : ( |
|
|
|
} |
|
|
|
'' |
|
|
|
<span> |
|
|
|
)} |
|
|
|
<IconContext.Provider value={{ color: 'green', size: '20px' }}> |
|
|
|
<span |
|
|
|
<BsFillCalendarCheckFill |
|
|
|
style={{ |
|
|
|
className='pointer' |
|
|
|
paddingLeft: '20px', |
|
|
|
style={{ |
|
|
|
visibility: props.Editable && toggleSelect ? 'visible' : 'hidden', |
|
|
|
paddingLeft: '5px', |
|
|
|
}} |
|
|
|
visibility: props.Editable && toggleSelect ? 'visible' : 'hidden', |
|
|
|
> |
|
|
|
}} |
|
|
|
<IconContext.Provider value={{ color: 'green', size: '15px' }}> |
|
|
|
onClick={() => { |
|
|
|
<BsFillCalendarCheckFill /> |
|
|
|
setFSemaforo(StrtoDate(item.fSemaforo)) |
|
|
|
|
|
|
|
setSemaforo(item.semaforo) |
|
|
|
|
|
|
|
setDialogAddDate(true) |
|
|
|
|
|
|
|
setToggleSelect(!toggleSelect) |
|
|
|
|
|
|
|
}} |
|
|
|
|
|
|
|
/> |
|
|
|
</IconContext.Provider> |
|
|
|
</IconContext.Provider> |
|
|
|
</span> |
|
|
|
</span> |
|
|
|
|
|
|
|
|
|
|
|
</span> |
|
|
|
</span> |
|
|
|
</li> |
|
|
|
</li> |
|
|
|
) : ( |
|
|
|
) : ( |
|
|
|