Proyectos de Subversion LeadersLinked - Backend

		<ContentTitle title='Planificación - Objetivos y Metas'>

			<div className="col-sm-12 d-flex flex-column  p-2">

				<div className="m-2">

					<strong>Descripción:</strong>

					<br />

					<span className="xd">{objetive.descriptionObjective}</span>

				</div>

				<div className="m-2 d-flex">

					<div>

						<strong>Estatus:</strong>

						<br />

						<span className="xd">{objetive.statusObjective}</span>

					</div>

					<div className="ml-5">

						<strong>Fecha:</strong>

						<br />

						<span className="xd">{objetive.dateObjective}</span>

					</div>

					<div className="ml-5">

						<strong>Costo:</strong>

						<br />

						<span className="xd">{objetive.costObjective}</span>

					</div>

					<div className="ml-5 ">

						<strong>Progreso:</strong>

						<br />

						<div className="d-flex align-items-center">

							<progress value={objetive.indicatorObjective} max={100} />

							<span className="ml-2">{`${objetive.indicatorObjective}%`}</span>

						</div>

					</div>

				</div>

				<div className="col-sm-12 mt-3">

					<Link to="/" className="btn btn-primary">

						<i className="fa fa-arrow-left mr-1" />

                        Ir atras

					</Link>

				</div>

			</div>

			<section className="content">

				<div className="container-fluid">

					<div className="row">

						<div className="col-12">

							<Card>

								<Card.Header>

									<div className="row justify-content-end" style={{ gap: '10px' }}>

										{

											permisions.allowAdd

                                            &&

                                            <label

                                            	className='d-flex align-items-center'

                                            	onClick={() => {

                                            		setActionLink(add_link)

                                            		setModalToShow('add')

                                            	}}

                                            	style={{ cursor: 'pointer' }}

                                            >

                                            	<i className="fa fa-plus mr-2" />

                                                Agregar

                                            </label>

										}

										<label

											className='d-flex align-items-center'

											onClick={() => getData({

												url: table_link,

												params: {

													search: search,

													length: dataLength,

													page: pages.current

												}

											})}

											style={{ cursor: 'pointer' }}

										>

											<i className='fa fa-refresh mr-2' />

                                            Actualizar

										</label>

									</div>

									<div className="row justify-content-between align-items-center">

										<LengthFilter onChange={(e) => setDataLength(e.target.value)} />

										<SearchInput onChange={(e) => setSearch(e.target.value)} />

									</div>

								</Card.Header>

								<Card.Body>

									<div className="table-responsive">

										<Table data={items} headers={headers} setData={setItems}>

											{

												items.length

                                                &&

                                                items.map((item, index) => (

                                                	<tr key={index}>

                                                		<td className='text-vertical-middle'>{item.title}</td>

                                                		<td className='text-vertical-middle'>{item.description}</td>

                                                		<td className='text-vertical-middle'>{item.date}</td>

                                                		<td className='d-flex align-items-center'>

                                                			{

                                                				item.progress > 0

                                                					?

                                                					<>

                                                						<progress value={item.progress} max='100' />

                                                						<span className='ml-2'>{item.progress}</span>

                                                					</>

                                                					:

                                                					'Sin metas'

                                                			}

                                                		</td>

                                                		<td className='text-vertical-middle'>{item.cost}</td>

                                                		<td className='text-vertical-middle'>

                                                			{

                                                				item.status === 'a'

                                                					? 'Activo'

                                                					: 'Inactivo'

                                                			}

                                                		</td>

                                                		<td>

                                                			<div className="d-flex align-items-center" style={{ gap: '5px' }}>

                                                				{

                                                					permisions.allowEdit

                                                                    &&

                                                                    <i

                                                                    	className='fa fa-pencil'

                                                                    	onClick={() => {

                                                                    		setActionLink(item.actions.link_edit)

                                                                    		setModalToShow('edit')

                                                                    	}}

                                                                    	style={{ cursor: 'pointer' }}

                                                                    />

                                                				}

                                                				{

                                                					permisions.allowDelete

                                                                    &&

                                                                    <i

                                                                    	className='fa fa-trash'

                                                                    	onClick={() => {

                                                                    		setActionLink(item.actions.link_delete)

                                                                    		setModalToShow('delete')

                                                                    	}}

                                                                    	style={{ cursor: 'pointer' }}

                                                                    />

                                                				}

                                                			</div>

                                                		</td>

                                                	</tr>

                                                ))

											}

										</Table>

									</div>

									<div className='row justify-content-between align-items-center'>

										<p className='mb-0'>

											{`Mostrando registros del ${(dataLength * pages.current) - (dataLength - 1) || 0} al ${(dataLength * pages.current) - (dataLength - total) || 0} de un total de ${total || 0} registros`}

										</p>

										<TablePagination

											onDecrement={() => setPages(prev => prev.current -= 1)}

											onIncrement={() => setPages(prev => prev.current += 1)}

											totalPages={pages.last}

											currentPage={pages.current}

										/>

									</div>

								</Card.Body>

							</Card>

						</div>

					</div >

				</div >

			</section >

			<DeleteModal

				url={actionLink}

				isOpen={modalToShow === 'delete'}

				closeModal={() => setModalToShow('')}

				title="Esta seguro de borrar este objetivo?"

				onComplete={() => setItems(items.filter((item) => item.actions.link_delete !== actionLink))}