Proyectos de Subversion LeadersLinked - Backend

Rev

Rev 11227 | Rev 12326 | Ir a la última revisión | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 11227 Rev 11268
Línea 124... Línea 124...
124
										<LengthFilter onChange={(e) => setDataLength(e.target.value)} />
124
										<LengthFilter onChange={(e) => setDataLength(e.target.value)} />
125
										<SearchInput onChange={(e) => setSearch(e.target.value)} />
125
										<SearchInput onChange={(e) => setSearch(e.target.value)} />
126
									</div>
126
									</div>
127
								</Card.Header>
127
								</Card.Header>
128
								<Card.Body>
128
								<Card.Body>
-
 
129
									<div className="table-responsive">
129
									<Table data={data.items} headers={headers} setData={setData}>
130
										<Table data={data.items} headers={headers} setData={setData}>
130
										{
131
											{
131
											data.items?.map((item, index) => (
132
												data.items?.map((item, index) => (
132
												<tr key={index}>
133
													<tr key={index}>
133
													<td>{item.first_name}</td>
134
														<td>{item.first_name}</td>
134
													<td>{item.last_name}</td>
135
														<td>{item.last_name}</td>
135
													<td>{item.email}</td>
136
														<td>{item.email}</td>
136
													<td>
137
														<td>
137
														{
138
															{
138
															item.status === 'a'
139
																item.status === 'a'
139
																? <i className='fa fa-check' style={{ color: '#5cb85c' }} />
140
																	? <i className='fa fa-check' style={{ color: '#5cb85c' }} />
140
																: <i className='fa fa-close' style={{ color: 'red' }} />
141
																	: <i className='fa fa-close' style={{ color: 'red' }} />
141
														}
142
															}
142
													</td>
143
														</td>
143
													<td className='d-flex' style={{ gap: '10px' }}>
144
														<td className='d-flex' style={{ gap: '10px' }}>
144
														{
145
															{
145
															permisions.allowEdit
146
																permisions.allowEdit
146
															&&
147
																&&
147
															<i
148
																<i
148
																className='fa fa-pencil'
149
																	className='fa fa-pencil'
149
																style={{ cursor: 'pointer' }}
150
																	style={{ cursor: 'pointer' }}
150
																onClick={() => {
151
																	onClick={() => {
151
																	setCurrentEditLink(item.actions.link_edit)
152
																		setCurrentEditLink(item.actions.link_edit)
152
																	setIsShowEditModal(true)
153
																		setIsShowEditModal(true)
153
																}}
154
																	}}
154
															/>
155
																/>
155
														}
156
															}
156
														{
157
															{
157
															permisions.allowDelete
158
																permisions.allowDelete
158
															&&
159
																&&
159
															<i
160
																<i
160
																className='fa fa-trash'
161
																	className='fa fa-trash'
161
																onClick={() => {
162
																	onClick={() => {
162
																	setShowDeleteModal(true)
163
																		setShowDeleteModal(true)
163
																	setActionLink(item.actions.link_delete)
164
																		setActionLink(item.actions.link_delete)
164
																}}
165
																	}}
165
																style={{ cursor: 'pointer' }}
166
																	style={{ cursor: 'pointer' }}
166
															/>
167
																/>
167
														}
168
															}
168
													</td>
169
														</td>
169
												</tr>
170
													</tr>
170
											))
171
												))
171
										}
172
											}
172
									</Table>
173
										</Table>
-
 
174
									</div>
173
									<div className='row justify-content-between align-items-center'>
175
									<div className='row justify-content-between align-items-center'>
174
										<p className='mb-0'>
176
										<p className='mb-0'>
175
											{`Mostrando registros del ${(dataLength * pages.current) - (dataLength - 1) || 0} al ${(dataLength * pages.current) - (dataLength - data.total) || 0} de un total de ${data.total || 0} registros`}
177
											{`Mostrando registros del ${(dataLength * pages.current) - (dataLength - 1) || 0} al ${(dataLength * pages.current) - (dataLength - data.total) || 0} de un total de ${data.total || 0} registros`}
176
										</p>
178
										</p>
177
										<TablePagination
179
										<TablePagination