Formularios de solicitudes

Primero ingrese su código de empleado, luego presione el botón de la derecha "→", si el código es correcto podrá acceder a los formularios de solicitud que hay disponibles. Si esta a cargo de uno o más empleados, tendrá la opción para realizar la solicitud para uno de ellos.

← Volver a la página anterior

<div id="overtime-cont">
                <div class="form-group col-xs-12" >
                    <label>Contrato</label>
                    <input type="hidden" class="form-control" id="idHiddenContractIdForm" name="idHiddenContractIdForm"/>
                </div>
                <div class="form-group col-md-6">
                    <label>Categoría de factor de pago</label>
                    <select name="selCategory" id="selCategory" class="form-control">
                        <option value="1" selected>Recargos semana normal</option>
                        <option value="2">Descanso</option>
                        <option value="3">Feriado</option>
                    </select>
                </div>
                <div class="form-group col-md-6">
                    <label>Factor de pago</label>
                    <input type="hidden" class="form-control" id="selFactor" name="selFactor">
                </div>
            </div>

<div class="form-group col-xs-12" id="certificationName-cont">
                <label>Nombre</label>
                <input type="text" class="form-control" placeholder="Ingrese el nombre de la capacitación" id="certificationName" name="certificationName" autocomplete="off">
            </div>

<div class="form-group col-xs-12" id="employee" style="display: none;">
                    <label>Empleado solicitante</label>
                    <input type="hidden" class="form-control" id="idHiddenEmployeeIdForm" name="idHiddenEmployeeIdForm"/>
                </div>

<div class="form-group col-xs-12 col-md-6" id="start-cont">
                <label for="startDateValue">Inicio</label>
                <div class='input-group date' id='startDatePicker'>
                    <input type='text' id="startDateValue" name="startDateValue" class="form-control" placeholder="Fecha de inicio" autocomplete="off"/>
                    <span class="input-group-addon">
                        <span class="fa fa-calendar"></span>
                    </span>
                </div>
            </div>

<div class="form-group col-xs-12 col-md-6" id="startHour-cont">
                <label for="startHourValue">Hora de inicio</label>
                <div class='input-group date' data-autoclose="true" id='startHourForm'>
                    <input type='text' id="startHourValue" name="startHourValue" class="form-control diff" placeholder="Hora de inicio" autocomplete="off"/>
                    <span class="input-group-addon">
                        <span class="fa fa-clock-o"></span>
                    </span>
                </div>
            </div>

<div class="form-group col-xs-12" id="selReason-cont">
                <label>Razón</label>
                <input type="hidden" class="form-control" id="selReason" name="selReason"/>
            </div>

<div class="form-group col-xs-12" id="file" style="display: none;">
                    <label for="txtFile">Comprobante (archivo PDF)</label>
                    <input type="hidden" name="txtFile" id="txtFile">

<div class="row">
                        <div class="col-md-12">
                            <label class="custom-file-upload btn btn-default fileinput-button hidden-print" for="flRequest">
                                <div class="icon">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="" viewBox="0 0 24 24"><g stroke-width="0" id="SVGRepo_bgCarrier"></g><g stroke-linejoin="round" stroke-linecap="round" id="SVGRepo_tracerCarrier"></g><g id="SVGRepo_iconCarrier"> <path fill="" d="M10 1C9.73478 1 9.48043 1.10536 9.29289 1.29289L3.29289 7.29289C3.10536 7.48043 3 7.73478 3 8V20C3 21.6569 4.34315 23 6 23H7C7.55228 23 8 22.5523 8 22C8 21.4477 7.55228 21 7 21H6C5.44772 21 5 20.5523 5 20V9H10C10.5523 9 11 8.55228 11 8V3H18C18.5523 3 19 3.44772 19 4V9C19 9.55228 19.4477 10 20 10C20.5523 10 21 9.55228 21 9V4C21 2.34315 19.6569 1 18 1H10ZM9 7H6.41421L9 4.41421V7ZM14 15.5C14 14.1193 15.1193 13 16.5 13C17.8807 13 19 14.1193 19 15.5V16V17H20C21.1046 17 22 17.8954 22 19C22 20.1046 21.1046 21 20 21H13C11.8954 21 11 20.1046 11 19C11 17.8954 11.8954 17 13 17H14V16V15.5ZM16.5 11C14.142 11 12.2076 12.8136 12.0156 15.122C10.2825 15.5606 9 17.1305 9 19C9 21.2091 10.7909 23 13 23H20C22.2091 23 24 21.2091 24 19C24 17.1305 22.7175 15.5606 20.9844 15.122C20.7924 12.8136 18.858 11 16.5 11Z" clip-rule="evenodd" fill-rule="evenodd"></path> </g></svg>
                                </div>
                                <div class="text">
                                <span>Subir archivo</span>
                                </div>
                                <input class="btnFileupload" accept="application/pdf" type="file" id="flRequest" name="flRequest" data-index="1">
                            </label>
                        </div>
                    </div>

<div class="row">
                        <div class="col-md-12">
                            <div class="progress" id="progress1" style="margin-top: 10px;
                                display: none;">
                                <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="0"
                                aria-valuemin="0" aria-valuemax="100" style="width: 0%;">
                                    0%
                                </div>
                            </div>
                            <div id="complete1" style="display: none;
                                overflow: hidden;
                                border-radius: 5px;">
                                <div class="alert alert-success">Subida de archivo completada</div>
                            </div>
                        </div>
                    </div>
                </div>

<div class="col-xs-12" id="checkStatusContainer">
                <div class="form-group col-xs-12" style="padding:0px;">
                    <div class="radio-group">
                      <input class="radio-input" name="checkDiscount" id="checkDiscount" type="checkbox" >
                      <label class="radio-label" for="checkDiscount">
                        <span class="checkbox-inner"></span>
                        Marque aquí para solicitar que el permiso sea descontado
                      </label>
                    </div>
                </div>
              </div>
              
            
                <div class="form-group col-xs-12" id="days">
                    <label>Días</label>
                    <input type="number" class="form-control" id="daysCount" name="daysCount" readonly />
                </div>

<div class="col-xs-12" id="checkDiscountVacationContainer">
                <div class="form-group col-xs-12" style="padding:0px;">
                    <div class="radio-group">
                      <input class="radio-input" name="checkDiscountVacation" id="checkDiscountVacation" type="checkbox" >
                      <label class="radio-label" for="checkDiscountVacation" style="width:100%; max-width:450px;">
                        <span class="checkbox-inner"></span>
                        Descontar de vacaciones
                      </label>
                    </div>
                </div>
              </div>
              
            
            <div class="col-xs-12" id="checkRehireContainer">
                <div class="form-group col-xs-12" style="padding:0px;">
                    <div class="radio-group">
                      <input class="radio-input" name="checkRehire" id="checkRehire" type="checkbox" >
                      <label class="radio-label" for="checkRehire">
                        <span class="checkbox-inner"></span>
                        ¿Considerar en un futuro para un proceso de recontratación?
                      </label>
                    </div>
                </div>
              </div>

<div class="form-group col-xs-12" id="scheduleName-cont">
                <label for="scheduleName">Nombre del horario</label>
                <input type="text" id="scheduleName" name="scheduleName" class="form-control" autocomplete="off">
            </div>

<div class="form-group col-xs-12" style="margin-bottom: 15px;" id="description-cont">
                <label>Descripción</label>
                <textarea class="form-control" placeholder="Describa el motivo de su solicitud" id="description" name="description" style="resize: none;" rows="3"></textar>
            </div>
            <div class="form-group col-xs-12 col-md-6" style="margin-bottom: 15px;" id="performance-cont">
                <label>Desempeño del empleado</label>
                <textarea class="form-control" placeholder="Describa el rendimiento del empleado" id="performance" name="performance" style="resize: none;" rows="3"></texter>
            </div>
            <div class="form-group col-xs-12 col-md-6" style="margin-bottom: 15px;" id="returned-cont">
                <label>Equipo devuelto</label>
                <textarea class="form-control" placeholder="Describa el equipo devuelto por el empleado" id="returnedEquipment" name="returnedEquipment" style="resize: none;" rows="3"></textir>
            </div>

<div id="adressesField">
                <div class="form-group col-xs-12 col-md-6">
                    <label for="txtTitle">Título del destinatario</label>
                    <select name="txtTitle" id="txtTitle" class="form-control" placeholder="Sr. Sra. o Srita.">
                        <option></option>
                        <option value="Sr.">Sr.</option>
                        <option value="Sra.">Sra.</option>
                        <option value="Srta.">Srta.</option>
                    </select>
                </div>
                <div class="form-group col-xs-12 col-md-6">
                    <label for="txtAddressee">Nombre del destinatario</label>
                    <input type="text" class="form-control" id="txtAddressee" name="txtAddressee" autocomplete="off">
                </div>
            </div>

<div class="col-md-12" id="container_table_permission_id_id" style="display: none"> 
        <div class="col-xs-12">
            <div class=" alert bg-warning" id="request-info">
                <p>
                    Tenga en cuenta que sí cierra esta ventana sin guardar la solicitud, los días que haya agregado se perderán.
                    <br/><br/>
                    <b>Día de reposición o días en los que se repondrá el permiso:</b>
                </p>
            </div>

<button class="btn btn-primary" id="btn-add-day" style="margin-bottom: 15px;
                margin-top: 15px;">
                <i class="fa fa-plus"></i> Agregar día
            </button>

<table id="table_permission_days" class="display table-condensed" cellspacing="0" width="100%">
                <thead>
                    <tr>
                        <th>#</th>
                        <th>Día reposición</th>
                        <th>Hora inicio</th>
                        <th>Hora fin</th>
                        <th>Acciones</th>
                    </tr>
                </thead>
            </table>
        </div>
    </div>

<div class="col-xs-12" id="container_table_schedule_id" name="container_table_schedule_id" style="margin-bottom: 25px; display: none">
        <div class="col-md-12">
            <Abutton class="btn btn-primary btn-md button-wh-create" id="btn-add-schedule" type="button" style="margin-bottom: 10px;">
                <i class="fa fa-plus"></i>
                Crear
            </Abutton>
            <table id="gridWorkHours" class="display table-condensed" cellspacing="0" width="100%">
                <thead>
                    <tr>
                        <th>#</th>
                        <th>Día de la semana</th>
                        <th>Hora de inicio</th>
                        <th>Hora de fin</th>
                        <th>Acciones</th>
                    </tr>
                </thead>
            </table>
        </div>
    </div>

<div class="col-xs-12">
        <div class="col-xs-12">
            <button class="btn btn-primary btn-md pull-right" id="btnSaveRequest" type="submit" form="request_form">
                <i class="fa fa-paper-plane"></i>
                
                    Enviar solicitud
                
            </button>
        </div>
    </div>
</div>

<div class="row">
    <div class="col-md-12">
        <form id="reposition_day_form" autocomplete="off">
            <div class="form-group col-md-12">
                <label for="finishDateValue">Día de reposición:</label>
                <div class='input-group date' id='repositionDayDatePicker'>
                    <input type='text' id="replacementDate" name="replacementDate" class="form-control" placeholder="Seleccione día de reposición"/>
                    <label class="input-group-addon" for="repositionDayDatePicker">
                        <span class="fa fa-calendar"></span>
                    </label>
                </div>
            </div>

<div class="form-group col-md-6">
                <label>Hora de inicio:</label>
                <div class='input-group date' data-autoclose="true" id="replacementStartHour">
                    <input type='text' id="startHour" name="startHour" class="form-control" autocomplete="off" placeholder="Seleccione una hora de inicio"/>
                    <span class="input-group-addon">
                        <span class="fa fa-clock-o"></span>
                    </span>
                </div>
            </div>

<div class="col-md-12">
                <button type="submit" class="btn btn-primary pull-right" id="btn-form-reposition-day">
                    <i class="fa fa-save"></i> Guardar
                </button>
            </div>
        </form>
    </div>
</div>

<form id="workHourForm" autocomplete="off">
    <input type="hidden" id="idWorkingHours" name="idWorkingHours">
    <input type="hidden" id="idWorkingSchedule" name="idWorkingSchedule">
    <div class="row">
        <div class="col-md-12 form-group">
            <label>Seleccione un día de la semana</label>
            <select name="txtDay" id="txtDay" class="form-control" data-placeholder="Seleccionar un día">
                <option></option>
                <option value="1">Domingo</option>
                <option value="2">Lunes</option>
                <option value="3">Martes</option>
                <option value="4">Miércoles</option>
                <option value="5">Jueves</option>
                <option value="6">Viernes</option>
                <option value="7">Sábado</option>
            </select>
        </div>
    </div>
    <div class="row">
        <div class="col-md-6 form-group">
            <label for="txtStartTime">Hora de inicio</label>
            <div class='input-group date timePicker' data-autoclose="true" id='txtSTime'>
                <input type='text' name="txtStartTime" id="txtStartTime" class="form-control" />
                <span class="input-group-addon">
                    <span class="fa fa-clock-o"></span>
                </span>
            </div>
        </div>
        <div class="col-md-6 form-group">
            <label for="txtEndTime">Hora de fin</label>
            <div class='input-group date timePicker' data-autoclose="true" id='txtETime'>
                <input type='text' name="txtEndTime" id="txtEndTime" class="form-control" />
                <span class="input-group-addon">
                    <span class="fa fa-clock-o"></span>
                </span>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-xs-12" style="margin-top: 20px;">
            <button class="btn btn-primary btn-md pull-right" id="btnSaveDisabilityReason" type="submit">
                <i class="fa fa-floppy-o"></i>
                Guardar
            </button>
        </div>
    </div>
</form>