Commit 52becd62ed7b0fbb065f03397a25a12754f3797f
1 parent
a2cd094315
Exists in
master
agrega paneles colapsables a los tipos de permisos
Showing
1 changed file
with
52 additions
and
15 deletions
Show diff stats
app/Resources/views/solicitudes/permisos_index.html.twig
| @@ -7,7 +7,7 @@ | @@ -7,7 +7,7 @@ | ||
| 7 | {%endfor %} | 7 | {%endfor %} |
| 8 | <hr> | 8 | <hr> |
| 9 | <div class="col-md-5"> | 9 | <div class="col-md-5"> |
| 10 | - <div class="panel panel-green"> | 10 | + <div class="panel panel-default"> |
| 11 | <div class="panel-heading"> | 11 | <div class="panel-heading"> |
| 12 | <h3 class="panel-title">Solicitud de permiso</h3> | 12 | <h3 class="panel-title">Solicitud de permiso</h3> |
| 13 | <div class="panel-control"> | 13 | <div class="panel-control"> |
| @@ -26,22 +26,59 @@ | @@ -26,22 +26,59 @@ | ||
| 26 | </div> | 26 | </div> |
| 27 | 27 | ||
| 28 | <div class="col-md-7"> | 28 | <div class="col-md-7"> |
| 29 | - <div class="panel panel-default"> | ||
| 30 | - <div class="panel-heading"> | ||
| 31 | - <h3 class="panel-title">Permisos disponibles</h3> | ||
| 32 | - <div class="panel-control"> | ||
| 33 | - <a href="javascript:void(0);" data-toggle="tooltip" data-placement="top" title="Expand/Collapse" class="panel-collapse"><i class="fa fa-arrow-circle-down"></i></a> | ||
| 34 | - <a href="javascript:void(0);" data-toggle="tooltip" data-placement="top" title="Reload" class="panel-reload"><i class="icon-reload"></i></a> | ||
| 35 | - <a href="javascript:void(0);" data-toggle="tooltip" data-placement="top" title="Remove" class="panel-remove"><i class="icon-close"></i></a> | ||
| 36 | - </div> | 29 | + <div class="panel panel-white"> |
| 30 | + <div class="panel-heading clearfix"> | ||
| 31 | + <h3 class="panel-title">Permisos Disponibles</h3> | ||
| 37 | </div> | 32 | </div> |
| 38 | <div class="panel-body"> | 33 | <div class="panel-body"> |
| 39 | - <p>Al hacer click estará enviando la solicitud de permiso al coordinador del centro de estudios. Entre los permisos disponibles, tenemos los que se mencionan a continuación</p> | ||
| 40 | - <ul class="list-group"> | ||
| 41 | - <li class="list-group-item btn btn-success btn-xs btn-block">Permiso por estudio (max. tres meses) </li> | ||
| 42 | - <li class="list-group-item btn btn-success btn-xs btn-block">Permiso para el extranjero (oblig. soporte) </li> | ||
| 43 | - <li class="list-group-item btn btn-success btn-xs btn-block">Año Sabático </li> | ||
| 44 | - </ul> | 34 | + <div class="panel-group" id="accordion2" role="tablist" aria-multiselectable="true"> |
| 35 | + <div class="panel panel-primary"> | ||
| 36 | + <div class="panel-heading" role="tab" id="headingOne1"> | ||
| 37 | + <h4 class="panel-title"> | ||
| 38 | + <a class="collapsed" data-toggle="collapse" data-parent="#accordion2" href="#1" aria-expanded="false" aria-controls="collapseOne"> | ||
| 39 | + Permiso por estudio | ||
| 40 | + </a> | ||
| 41 | + </h4> | ||
| 42 | + </div> | ||
| 43 | + <div id="1" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingOne1"> | ||
| 44 | + <div class="panel-body"> | ||
| 45 | + Puedes solicitar permiso por estudio (finalizar tesis maestría o doctorado) hasta un | ||
| 46 | + máximo de tres meses. | ||
| 47 | + </div> | ||
| 48 | + </div> | ||
| 49 | + </div> | ||
| 50 | + <div class="panel panel-success"> | ||
| 51 | + <div class="panel-heading" role="tab" id="headingTwo2"> | ||
| 52 | + <h4 class="panel-title"> | ||
| 53 | + <a class="collapsed" data-toggle="collapse" data-parent="#accordion2" href="#2" aria-expanded="false" aria-controls="collapseTwo"> | ||
| 54 | + Permiso para el extranjero | ||
| 55 | + </a> | ||
| 56 | + </h4> | ||
| 57 | + </div> | ||
| 58 | + <div id="2" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo2"> | ||
| 59 | + <div class="panel-body"> | ||
| 60 | + Necesitar salir al extranjero a realizar una ponencia, taller, entre otros, gestiona | ||
| 61 | + tu permiso a través del CEA@UBV. Necesario presentar un soporte que valide | ||
| 62 | + el traslado al extranjero. | ||
| 63 | + </div> | ||
| 64 | + </div> | ||
| 65 | + </div> | ||
| 66 | + <div class="panel panel-danger"> | ||
| 67 | + <div class="panel-heading" role="tab" id="headingThree3"> | ||
| 68 | + <h4 class="panel-title"> | ||
| 69 | + <a class="collapsed" data-toggle="collapse" data-parent="#accordion2" href="#3" aria-expanded="false" aria-controls="collapseThree"> | ||
| 70 | + Solicitud de Año Sabático | ||
| 71 | + </a> | ||
| 72 | + </h4> | ||
| 73 | + </div> | ||
| 74 | + <div id="3" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree3"> | ||
| 75 | + <div class="panel-body"> | ||
| 76 | + Al tener el escalafón de asistente, puedes solicitar tu año sabático, siempre y | ||
| 77 | + cuando lo hayas contemplado dentro de tus actividades del PIDA | ||
| 78 | + </div> | ||
| 79 | + </div> | ||
| 80 | + </div> | ||
| 81 | + </div> | ||
| 45 | </div> | 82 | </div> |
| 46 | </div> | 83 | </div> |
| 47 | </div> | 84 | </div> |