Al agregar un contenedor ahora su semaforo inicial será en verde

bugfix/corregir_problema_campo_semaforo_fiscal_20240215
Felix Morales 8 months ago
parent 5f92a4391e
commit a6c37e1593
  1. 57
      src/Components/Corresponsales/Contenedores/SelectContainer.tsx
  2. 5
      src/css/generic01.css

@ -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={() => { &nbsp;| {item.fSemaforo} |{
setFSemaforo(StrtoDate(item.fSemaforo))
setSemaforo(item.semaforo)
setDialogAddDate(true)
setToggleSelect(!toggleSelect)
}}
>
&nbsp;| {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
className='pointer'
style={{ style={{
paddingLeft: '20px', paddingLeft: '5px',
visibility: props.Editable && toggleSelect ? 'visible' : 'hidden', visibility: props.Editable && toggleSelect ? 'visible' : 'hidden',
}} }}
> onClick={() => {
<IconContext.Provider value={{ color: 'green', size: '15px' }}> setFSemaforo(StrtoDate(item.fSemaforo))
<BsFillCalendarCheckFill /> setSemaforo(item.semaforo)
setDialogAddDate(true)
setToggleSelect(!toggleSelect)
}}
/>
</IconContext.Provider> </IconContext.Provider>
</span> </span>
</span> </span>
</li> </li>
) : ( ) : (

@ -172,7 +172,10 @@
padding-left: 10px; padding-left: 10px;
font-family: Verdana, Geneva, Tahoma, sans-serif; font-family: Verdana, Geneva, Tahoma, sans-serif;
font-size: 12px; font-size: 12px;
cursor: pointer; }
.pointer{
cursor:pointer
} }
/* li:hover { /* li:hover {

Loading…
Cancel
Save