Proyectos de Subversion LeadersLinked - Backend

Rev

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

Rev 10554 Rev 10558
Línea 7... Línea 7...
7 
import { addNotification } from '../../../redux/notification/notification.actions'
 7 
import { addNotification } from '../../../redux/notification/notification.actions'
Línea 8... Línea 8...
8 
 
 8 
 
Línea 182... Línea 182...
182 
                                    <div className="tab-pane fade" id="profile" role="tabpanel" aria-labelledby="profile-tab">
 182 
									<div className="tab-pane fade" id="profile" role="tabpanel" aria-labelledby="profile-tab">
183 
                                        {
 183 
										{
184 
                                            competencies.length
 184 
											competencies.length
185 
                                            &&
 185 
                                            &&
186 
                                            competencies.map((competency, index) => (
 186 
                                            competencies.map((competency, competency_index) => (
187 
                                                <div className="card" key={competency.competency_uuid}>
 187 
                                            	<div className="card" key={competency.competency_uuid}>
188 
                                                    <div className="card-header">
 188 
                                            		<div className="card-header">
189 
                                                        <h5>{competency.competency_name} - {competency.competency_type_name}</h5>
 189 
                                            			<h5>{competency.competency_name} - {competency.competency_type_name}</h5>
190 
                                                    </div>
 190 
                                            		</div>
191 
                                                    <div className="card-body">
 191 
                                            		<div className="card-body">
192 
                                                        {
 192 
                                            			{
193 
                                                            competency.behaviors
 193 
                                            				competency.behaviors
194 
                                                            &&
 194 
                                                            &&
195 
                                                            competency.behaviors.map((behavior, index) => (
 195 
                                                            competency.behaviors.map((behavior, index) => (
196 
                                                                <table key={behavior.uuid}>
 196 
                                                            	<table key={behavior.uuid}>
197 
                                                                    <thead>
 197 
                                                            		<thead>
198 
                                                                        <tr>
 198 
                                                            			<tr>
199 
                                                                            <th style={{ width: '20%' }}>Conducta Observable</th>
 199 
                                                            				<th style={{ width: '20%' }}>Conducta Observable</th>
200 
                                                                            <th style={{ width: '60%' }}>Comentario</th>
 200 
                                                            				<th style={{ width: '60%' }}>Comentario</th>
201 
                                                                            <th style={{ width: '20%' }}>Evaluación</th>
 201 
                                                            				<th style={{ width: '20%' }}>Evaluación</th>
202 
                                                                        </tr>
 202 
                                                            			</tr>
203 
                                                                    </thead>
 203 
                                                            		</thead>
204 
                                                                    <tbody>
 204 
                                                            		<tbody>
205 
                                                                        <tr>
 205 
                                                            			<tr>
206 
                                                                            <td style={{ width: '20%' }}>{behavior.description}</td>
 206 
                                                            				<td style={{ width: '20%' }}>{behavior.description}</td>
207 
                                                                            <td style={{ width: '60%' }}>
 207 
                                                            				<td style={{ width: '60%' }}>
208 
                                                                                <textarea
 208 
                                                            					<textarea
209 
                                                                                    name="behavior-comment"
 209 
                                                            						name="behavior-comment"
210 
                                                                                    cols="30"
 210 
                                                            						cols="30"
211 
                                                                                    rows="3"
 211 
                                                            						rows="3"
212 
                                                                                    onChange={(e) => setCompetencies([...competencies, { ...competency, behaviors[index]: { ...behaviors[index], name: e.target.value } }])}
 212 
                                                            						onChange={(e) => setCompetencies([...competencies, competencies[competency_index].behaviors[index].name = e.target.value])}
213 
                                                                                />
 213 
                                                            					/>
214 
                                                                            </td>
 214 
                                                            				</td>
215 
                                                                            <td style={{ width: '20%' }}>
 215 
                                                            				<td style={{ width: '20%' }}>
216 
                                                                                <select className='form-control' name='behavior-points' >
 216 
                                                            					<select className='form-control' name='behavior-points' >
217 
                                                                                    {
 217 
                                                            						{
218 
                                                                                        pointsOptions.map(({ label, value }) => (
 218 
                                                            							pointsOptions.map(({ label, value }) => (
219 
                                                                                            <option selected={behavior.points === value} key={value} value={value}>{label}</option>
 219 
                                                            								<option selected={behavior.points === value} key={value} value={value}>{label}</option>
220 
                                                                                        ))
 220 
                                                            							))
221 
                                                                                    }
 221 
                                                            						}
222 
                                                                                </select>
 222 
                                                            					</select>
223 
                                                                            </td>
 223 
                                                            				</td>
224 
                                                                        </tr>
 224 
                                                            			</tr>
225 
                                                                    </tbody>
 225 
                                                            		</tbody>
226 
                                                                </table>
 226 
                                                            	</table>
227 
                                                            ))
 227 
                                                            ))
228 
                                                        }
 228 
                                            			}
229 
                                                    </div>
 229 
                                            		</div>
230 
                                                </div>
 230 
                                            	</div>
231 
                                            ))
 231 
                                            ))
232 
                                        }
 232 
										}
233 
                                    </div>
 233 
									</div>
234 
                                    <div className="tab-pane fade" id="contact" role="tabpanel" aria-labelledby="contact-tab">
 234 
									<div className="tab-pane fade" id="contact" role="tabpanel" aria-labelledby="contact-tab">
235 
                                        <div className="form-group">
 235 
										<div className="form-group">
236 
                                            <label>Comentario</label>
 236 
											<label>Comentario</label>
237 
                                            <input type="text" name="comment" className="form-control" ref={register} />
 237 
											<input type="text" name="comment" className="form-control" ref={register} />
238 
                                        </div>
 238 
										</div>
239 
                                        <div className="form-group">
 239 
										<div className="form-group">
240 
                                            <label>Evaluación</label>
 240 
											<label>Evaluación</label>
241 
                                            <select className='form-control' name='points' ref={register}>
 241 
											<select className='form-control' name='points' ref={register}>
242 
                                                {
 242 
												{
243 
                                                    pointsOptions.map(({ label, value }) => (
 243 
													pointsOptions.map(({ label, value }) => (
244 
                                                        <option selected={watch('points') === value} key={value} value={value}>{label}</option>
 244 
														<option selected={watch('points') === value} key={value} value={value}>{label}</option>
245 
                                                    ))
 245 
													))
246 
                                                }
 246 
												}
247 
                                            </select>
 247 
											</select>
248 
                                        </div>
 248 
										</div>
249 
                                        <div className="form-group">
 249 
										<div className="form-group">
250 
                                            <label>Estatus</label>
 250 
											<label>Estatus</label>
251 
                                            <select className='form-control' name='status' ref={register}>
 251 
											<select className='form-control' name='status' ref={register}>
252 
                                                {
 252 
												{
253 
                                                    statusOptions.map(({ label, value }) => (
 253 
													statusOptions.map(({ label, value }) => (
254 
                                                        <option selected={watch('status') === value} key={value} value={value}>{label}</option>
 254 
														<option selected={watch('status') === value} key={value} value={value}>{label}</option>
255 
                                                    ))
 255 
													))
256 
                                                }
 256 
												}
257 
                                            </select>
 257 
											</select>
258 
                                        </div>
 258 
										</div>
259 
                                    </div>
 259 
									</div>
260 
                                </div>
 260 
								</div>
261 
                                <div className="form-group">
 261 
								<div className="form-group">
262 
                                    <button type="submit" className="btn btn-primary btn-form-save-close mr-2">
 262 
									<button type="submit" className="btn btn-primary btn-form-save-close mr-2">
263 
                                        Guardar
 263 
                                        Guardar
264 
                                    </button>
 264 
									</button>
265 
                                    <button
 265 
									<button
266 
                                        type="button"
 266 
										type="button"
267 
                                        className="btn btn-secondary btn-edit-cancel"
 267 
										className="btn btn-secondary btn-edit-cancel"
268 
                                        onClick={() => history.goBack()}
 268 
										onClick={() => history.goBack()}
269 
                                    >
 269 
									>
270 
                                        Cancelar
 270 
                                        Cancelar
271 
                                    </button>
 271 
									</button>
272 
                                </div>
 272 
								</div>
273 
                            </div>
 273 
							</div>
274 
                        </div>
 274 
						</div>
275 
                    </div>
 275 
					</div>
276 
                </div>
 276 
				</div>
277 
            </div>
 277 
			</div>
278 
        </section >
 278 
		</section >
279 
    )
 279 
	)