Proyectos de Subversion LeadersLinked - Backend

Rev

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

Rev 11467 Rev 11486
Línea 82... Línea 82...
82 
						</div>
 82 
						</div>
83 
					</div>
 83 
					</div>
84 
					<div className="ml-5 d-flex align-items-center">
 84 
					<div className="ml-5 d-flex align-items-center">
85 
						<a className="btn btn-secondary btn-sm mt-3" target="_blank" href="objectives/reportall">
 85 
						<a className="btn btn-secondary btn-sm mt-3" target="_blank" href="objectives/reportall">
86 
							<i className="fa fa-file-pdf-o mr-1" />
 86 
							<i className="fa fa-file-pdf-o mr-1" />
87 
                            Ver PDF
 87 
							Ver PDF
88 
						</a>
 88 
						</a>
89 
					</div>
 89 
					</div>
90 
					<div className="ml-5 d-flex align-items-center">
 90 
					<div className="ml-5 d-flex align-items-center">
91 
						<a className="btn btn-secondary btn-sm mt-3" target="_blank" href="objectives/matriz">
 91 
						<a className="btn btn-secondary btn-sm mt-3" target="_blank" href="objectives/matriz">
92 
							<i className="fa fa-file-pdf-o mr-1" />
 92 
							<i className="fa fa-file-pdf-o mr-1" />
93 
                            Ver PDF Matriz
 93 
							Ver PDF Matriz
94 
						</a>
 94 
						</a>
95 
					</div>
 95 
					</div>
96 
				</div>
 96 
				</div>
97 
			</div>
 97 
			</div>
98 
			<section className="content">
 98 
			<section className="content">
Línea 102... Línea 102...
102 
							<Card>
 102 
							<Card>
103 
								<Card.Header>
 103 
								<Card.Header>
104 
									<div className="row justify-content-end" style={{ gap: '10px' }}>
 104 
									<div className="row justify-content-end" style={{ gap: '10px' }}>
105 
										{
 105 
										{
106 
											permisions.allowAdd
 106 
											permisions.allowAdd
107 
                                            &&
 107 
											&&
108 
                                            <label
 108 
											<label
109 
                                            	className='d-flex align-items-center'
 109 
												className='d-flex align-items-center'
110 
                                            	onClick={() => {
 110 
												onClick={() => {
111 
                                            		setModalToShow('add')
 111 
													setModalToShow('add')
112 
                                            		setActionLink(add_link)
 112 
													setActionLink(add_link)
113 
                                            	}}
 113 
												}}
114 
                                            	style={{ cursor: 'pointer' }}
 114 
												style={{ cursor: 'pointer' }}
115 
                                            >
 115 
											>
116 
                                            	<i className="fa fa-plus mr-2" />
 116 
												<i className="fa fa-plus mr-2" />
117 
                                                Agregar
 117 
												Agregar
118 
                                            </label>
 118 
											</label>
119 
										}
 119 
										}
120 
										<label
 120 
										<label
121 
											className='d-flex align-items-center'
 121 
											className='d-flex align-items-center'
122 
											onClick={() => getData({
 122 
											onClick={() => getData({
123 
												url: table_link,
 123 
												url: table_link,
Línea 128... Línea 128...
128 
												}
 128 
												}
129 
											})}
 129 
											})}
130 
											style={{ cursor: 'pointer' }}
 130 
											style={{ cursor: 'pointer' }}
131 
										>
 131 
										>
132 
											<i className='fa fa-refresh mr-2' />
 132 
											<i className='fa fa-refresh mr-2' />
133 
                                            Actualizar
 133 
											Actualizar
134 
										</label>
 134 
										</label>
135 
									</div>
 135 
									</div>
136 
									<div className="row justify-content-between align-items-center">
 136 
									<div className="row justify-content-between align-items-center">
137 
										<LengthFilter onChange={(e) => setDataLength(e.target.value)} />
 137 
										<LengthFilter onChange={(e) => setDataLength(e.target.value)} />
138 
										<SearchInput onChange={(e) => setSearch(e.target.value)} />
 138 
										<SearchInput onChange={(e) => setSearch(e.target.value)} />
Línea 141... Línea 141...
141 
								<Card.Body>
 141 
								<Card.Body>
142 
									<div className="table-responsive">
 142 
									<div className="table-responsive">
143 
										<Table data={items} headers={headers} setData={setItems}>
 143 
										<Table data={items} headers={headers} setData={setItems}>
144 
											{
 144 
											{
145 
												items.length
 145 
												items.length
146 
                                                &&
 146 
												&&
147 
                                                items.map((item, index) => (
 147 
												items.map((item, index) => (
148 
                                                	<tr key={index}>
 148 
													<tr key={index}>
149 
                                                		<td className='text-vertical-middle'>{item.title}</td>
 149 
														<td className='text-vertical-middle'>{item.title}</td>
150 
                                                		<td className='text-vertical-middle'>{item.description}</td>
 150 
														<td className='text-vertical-middle'>{item.description}</td>
151 
                                                		<td className='text-vertical-middle'>{item.date}</td>
 151 
														<td className='text-vertical-middle'>{item.date}</td>
152 
                                                		<td className='d-flex align-items-center'>
 152 
														<td className='d-flex align-items-center'>
153 
                                                			{
 153 
															{
154 
                                                				item.progress > 0
 154 
																item.progress > 0
155 
                                                					?
 155 
																	?
156 
                                                					<>
 156 
																	<>
157 
                                                						<progress value={item.progress} max='100' />
 157 
																		<progress value={item.progress} max='100' />
158 
                                                						<span className='ml-2'>{item.progress}</span>
 158 
																		<span className='ml-2'>{item.progress}</span>
159 
                                                					</>
 159 
																	</>
160 
                                                					:
 160 
																	:
161 
                                                					'Sin metas'
 161 
																	'Sin metas'
162 
                                                			}
 162 
															}
163 
                                                		</td>
 163 
														</td>
164 
                                                		<td className='text-vertical-middle'>{item.cost}</td>
 164 
														<td className='text-vertical-middle'>{item.cost}</td>
165 
                                                		<td className='text-vertical-middle'>
 165 
														<td className='text-vertical-middle'>
166 
                                                			{
 166 
															{
167 
                                                				item.status === 'a'
 167 
																item.status === 'a'
168 
                                                					? 'Activo'
 168 
																	? 'Activo'
169 
                                                					: 'Inactivo'
 169 
																	: 'Inactivo'
170 
                                                			}
 170 
															}
171 
                                                		</td>
 171 
														</td>
172 
                                                		<td>
 172 
														<td>
173 
                                                			<div className="d-flex align-items-center" style={{ gap: '5px' }}>
 173 
															<div className="d-flex align-items-center" style={{ gap: '5px' }}>
174 
                                                				{
 174 
																{
175 
                                                					permisions.allowObjective
 175 
																	permisions.allowObjective
176 
                                                                    &&
 176 
																	&&
177 
                                                                    <a href={item.actions.link_objective} style={{ color: '#333' }}>
 177 
																	<a href={item.actions.link_objective} style={{ color: '#333' }}>
178 
                                                                    	<i className='fa fa-level-down' />
 178 
																		<i className='fa fa-level-down' />
179 
                                                                    </a>
 179 
																	</a>
180 
                                                				}
 180 
																}
181 
                                                				{
 181 
																{
182 
                                                					permisions.allowEdit
 182 
																	permisions.allowEdit
183 
                                                                    &&
 183 
																	&&
184 
                                                                    <i
 184 
																	<i
185 
                                                                    	className='fa fa-pencil'
 185 
																		className='fa fa-pencil'
186 
                                                                    	onClick={() => {
 186 
																		onClick={() => {
187 
                                                                    		setActionLink(item.actions.link_edit)
 187 
																			setActionLink(item.actions.link_edit)
188 
                                                                    		setModalToShow('edit')
 188 
																			setModalToShow('edit')
189 
                                                                    	}}
 189 
																		}}
190 
                                                                    	style={{ cursor: 'pointer' }}
 190 
																		style={{ cursor: 'pointer' }}
191 
                                                                    />
 191 
																	/>
192 
                                                				}
 192 
																}
193 
                                                				{
 193 
																{
194 
                                                					permisions.allowDelete
 194 
																	permisions.allowDelete
195 
                                                                    &&
 195 
																	&&
196 
                                                                    <i
 196 
																	<i
197 
                                                                    	className='fa fa-trash'
 197 
																		className='fa fa-trash'
198 
                                                                    	onClick={() => {
 198 
																		onClick={() => {
199 
                                                                    		setActionLink(item.actions.link_delete)
 199 
																			setActionLink(item.actions.link_delete)
200 
                                                                    		setModalToShow('delete')
 200 
																			setModalToShow('delete')
201 
                                                                    	}}
 201 
																		}}
202 
                                                                    	style={{ cursor: 'pointer' }}
 202 
																		style={{ cursor: 'pointer' }}
203 
                                                                    />
 203 
																	/>
204 
                                                				}
 204 
																}
205 
                                                				{
 205 
																{
206 
                                                					permisions.allowObjectiveReport
 206 
																	permisions.allowObjectiveReport
207 
                                                                    &&
 207 
																	&&
208 
                                                                    <a href={item.actions.link_objective_report} target='_blank' rel="noreferrer" style={{ color: '#333' }}>
 208 
																	<a href={item.actions.link_objective_report} target='_blank' rel="noreferrer" style={{ color: '#333' }}>
209 
                                                                    	<i className='fa fa-file' />
 209 
																		<i className='fa fa-file' />
210 
                                                                    </a>
 210 
																	</a>
211 
                                                				}
 211 
																}
212 
                                                			</div>
 212 
															</div>
213 
                                                		</td>
 213 
														</td>
214 
                                                	</tr>
 214 
													</tr>
215 
                                                ))
 215 
												))
216 
											}
 216 
											}
217 
										</Table>
 217 
										</Table>
218 
									</div>
 218 
									</div>
219 
									<div className='row justify-content-between align-items-center'>
 219 
									<div className='row justify-content-between align-items-center'>
220 
										<p className='mb-0'>
 220 
										<p className='mb-0'>
Línea 235... Línea 235...
235 
			</section >
 235 
			</section >
236 
			<EditAndAddModal
 236 
			<EditAndAddModal
237 
				type={modalToShow}
 237 
				type={modalToShow}
238 
				closeModal={() => setModalToShow('')}
 238 
				closeModal={() => setModalToShow('')}
239 
				action_link={actionLink}
 239 
				action_link={actionLink}
- 
 
 240 
				onComplete={() => getData({
- 
 
 241 
					url: table_link,
- 
 
 242 
					params: {
- 
 
 243 
						search: search,
- 
 
 244 
						length: dataLength,
- 
 
 245 
						page: pages.current
- 
 
 246 
					}
- 
 
 247 
				})}
240 
			/>
 248 
			/>
241 
			<DeleteModal
 249 
			<DeleteModal
242 
				url={actionLink}
 250 
				url={actionLink}
243 
				isOpen={modalToShow === 'delete'}
 251 
				isOpen={modalToShow === 'delete'}
244 
				closeModal={() => setModalToShow('')}
 252 
				closeModal={() => setModalToShow('')}