Proyectos de Subversion LeadersLinked - Backend

		<>

			<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)

													history.push('/organizational-climate/form/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,

													start: 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?.map((item, index) => (

													<tr key={index}>

														<td>{item.name}</td>

														<td>{item.job_description}</td>

														<td>

															{

																item.status === 'A'

																	? 'Activo'

																	: 'Inactivo'

															}

														</td>

														<td className='d-flex' style={{ gap: '10px' }}>

															{

																permisions.allowEdit

																&&

																<i

																	className='fa fa-pencil'

																	onClick={() => {

																		setActionLink(item.actions.link_edit)

																		history.push('/organizational-climate/form/edit')

																	}}

																	style={{ cursor: 'pointer' }}

																/>

															}

															{

																permisions.allowDelete

																&&

																<i

																	className='fa fa-trash'

																	onClick={() => {

																		setShowDeleteModal(true)

																		setDeleteLink(item.actions.link_delete)

																	}}

																	style={{ cursor: 'pointer' }}

																/>

															}

													</tr>

												))

											}

										</Table>

									</div>

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

										<p className='mb-0'>

											{`Mostrando registros del ${startItem} al ${lastItem} de un total de ${total} registros`}

										</p>

										<TablePagination

											onDecrement={() => setPages({ ...pages, current: pages.current - 1 })}

											onIncrement={() => setPages({ ...pages, current: pages.current + 1 })}

											totalPages={pages.last}

											currentPage={pages.current}

										/>

									</div>

								</Card.Body>

							</Card>

						</div>

					</div >

				</div >

			</section >

			<DeleteModal

				url={deleteLink}

				isOpen={showDeleteModal}

				closeModal={() => setShowDeleteModal(false)}

				title="Esta seguro de borrar este formulario?"

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

				message="Vacante eliminada"