Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- @using ProyectoLaimi.Models
- @model ProyectoLaimi.Models.PendienteInfo
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <title></title>
- <meta charset="utf-8" />
- <link type="text/css" rel="stylesheet" href="@Url.Content("~/Content/bootstrap.css")">
- <link type="text/css" rel="stylesheet" href="@Url.Content("~/Content/PendientesStyle.css")">
- <script src="~/Scripts/jquery-1.10.2.min.js"></script>
- <script src="~/Scripts/jquery.unobtrusive-ajax.min.js"></script>
- </head>
- <body>
- <img id="logoTEC" src="@Url.Content("~/Content/img/logo-tec.png")" alt="TEC">
- <div id="wrapper">
- <nav class="navbar navbar-inverse" style="position:absolute; width:76%; height:7%; top:14%; left:12%; background-color:#F8F8F8;">
- <div class="container-fluid">
- <div class="navbar-header">
- <a class="navbar-brand" href="#" onMouseOver="this.style.color='#1F2F5F'" onMouseOut="this.style.color='#777777'">Laimi</a>
- </div>
- <ul class="nav navbar-nav">
- <li><a href="@Url.Action("MostrarAsistentes", "Asistentes")" onMouseOver="this.style.color = '#1F2F5F'" onMouseOut="this.style.color = '#777777'">Asistentes</a></li>
- <li class="dropdown">
- <a class="dropdown-toggle" data-toggle="dropdown" href="#" style="width:105px; background:#F8F8F8; background-color:#1F2F5F; color:#FFFFFF" onMouseOver="this.style.color='#FFFFFF'" onMouseOut="this.style.color='#FFFFFF'">
- Solicitudes<span class="caret" style="left:85%;top:45%;border-top-color:#FFFFFF" onMouseOver="this.style.borderTopColor='#FFFFFF'" onMouseOut="this.style.borderTopColor='#FFFFFF'"></span>
- </a>
- <ul class="dropdown-menu" style="background:#F8F8F8">
- <li style="width:115px; display:inline-block"><a href="@Url.Action("MostrarPrioridades", "Prioridades")" style="color:#777777;background-color:#F8F8F8" onMouseOver="this.style.color='#1F2F5F'" onMouseOut="this.style.color='#777777'">Prioridades</a></li>
- <li style="width:115px; display:inline-block"><a href="@Url.Action("MostrarPendientes", "Pendientes")" style="color:#777777;background-color:#F8F8F8" onMouseOver="this.style.color='#1F2F5F'" onMouseOut="this.style.color='#777777'">Pendientes</a></li>
- <li style="width:115px; display:inline-block"><a href="#" style="color:#777777;background-color:#F8F8F8" onMouseOver="this.style.color='#1F2F5F'" onMouseOut="this.style.color='#777777'">Modificables</a></li>
- </ul>
- </li>
- <li><a href="#" onMouseOver="this.style.color='#1F2F5F'" onMouseOut="this.style.color='#777777'">Laboratorios</a></li>
- </ul>
- <ul class="nav navbar-nav navbar-right">
- <li><a href="#" style="position:absolute;right:1px" onMouseOver="this.style.color='#1F2F5F'" onMouseOut="this.style.color='#777777'">Salir</a></li>
- </ul>
- </div>
- </nav>
- <div id="searchDiv">
- <div id="titleHeader">
- Solicitudes Aceptadas
- </div>
- <div id="filterDiv">
- @using (Ajax.BeginForm("ActualizarPendientesFirst", "Pendientes", new AjaxOptions { UpdateTargetId = "replaceFirstBody" }))
- {
- <div class="input-group add-on" style="position:absolute; top:42%; left:260%">
- <input class="form-control" type="text" placeholder="Buscar" name="searchingFirst" id="searchingFirst" style="color:black; width:160px">
- <div class="input-group-btn">
- <button class="btn btn-default" type="submit" style="height:34px"><i class="glyphicon glyphicon-search"></i></button>
- </div>
- </div>
- }
- </div>
- </div>
- <div id="tableContainer">
- <div class="table-frame">
- <table class="tftable" border="1" id="mainTable">
- <tr>
- <th width="5%"></th>
- <th width="14%">
- Carné
- <div style="display:inline-block; position:relative">
- @Ajax.HtmlActionLink("<img style ='position: absolute; top: -13px; cursor: pointer' src='/Content/img/up-arrow.png' height='11' width='11'>", "ActualizarPendientesFirst", "Pendientes", new { sortBy = "carne asc", searching = Request.QueryString["searchingFirst"] }, new AjaxOptions() { HttpMethod = "GET", UpdateTargetId = "replaceFirstBody", InsertionMode = InsertionMode.Replace })
- @Ajax.HtmlActionLink("<img style='position: absolute; top: -5px; cursor: pointer' src='/Content/img/down-arrow.png' height='11' width='11'>", "ActualizarPendientesFirst", "Pendientes", new { sortBy = "carne desc", searching = Request.QueryString["searchingFirst"] }, new AjaxOptions() { HttpMethod = "GET", UpdateTargetId = "replaceFirstBody", InsertionMode = InsertionMode.Replace })
- </div>
- </th>
- <th width="26%">
- Estudiante
- <div style="display:inline-block;position:relative">
- @Ajax.HtmlActionLink("<img style='position: absolute; top: -13px; cursor: pointer' src='/Content/img/up-arrow.png' height='11' width='11'>", "ActualizarPendientesFirst", "Pendientes", new { sortBy = "nombreCompleto asc", searching = Request.QueryString["searchingFirst"] }, new AjaxOptions() { HttpMethod = "GET", UpdateTargetId = "replaceFirstBody", InsertionMode = InsertionMode.Replace })
- @Ajax.HtmlActionLink("<img style='position: absolute; top: -5px; cursor: pointer' src='/Content/img/down-arrow.png' height='11' width='11'>", "ActualizarPendientesFirst", "Pendientes", new { sortBy = "nombreCompleto desc", searching = Request.QueryString["searchingFirst"] }, new AjaxOptions() { HttpMethod = "GET", UpdateTargetId = "replaceFirstBody", InsertionMode = InsertionMode.Replace })
- </div>
- </th>
- <th width="17%">
- Teléfono
- <div style="display:inline-block;position:relative">
- @Ajax.HtmlActionLink("<img style='position: absolute; top: -13px; cursor: pointer' src='/Content/img/up-arrow.png' height='11' width='11'>", "ActualizarPendientesFirst", "Pendientes", new { sortBy = "telefono asc", searching = Request.QueryString["searchingFirst"] }, new AjaxOptions() { HttpMethod = "GET", UpdateTargetId = "replaceFirstBody", InsertionMode = InsertionMode.Replace })
- @Ajax.HtmlActionLink("<img style='position: absolute; top: -5px; cursor: pointer' src='/Content/img/down-arrow.png' height='11' width='11'>", "ActualizarPendientesFirst", "Pendientes", new { sortBy = "telefono desc", searching = Request.QueryString["searchingFirst"] }, new AjaxOptions() { HttpMethod = "GET", UpdateTargetId = "replaceFirstBody", InsertionMode = InsertionMode.Replace })
- </div>
- </th>
- <th width="14%">
- Ponderado
- <div style="display:inline-block;position:relative">
- @Ajax.HtmlActionLink("<img style='position: absolute; top: -13px; cursor: pointer' src='/Content/img/up-arrow.png' height='11' width='11'>", "ActualizarPendientesFirst", "Pendientes", new { sortBy = "ponderado asc", searching = Request.QueryString["searchingFirst"] }, new AjaxOptions() { HttpMethod = "GET", UpdateTargetId = "replaceFirstBody", InsertionMode = InsertionMode.Replace })
- @Ajax.HtmlActionLink("<img style='position: absolute; top: -5px; cursor: pointer' src='/Content/img/down-arrow.png' height='11' width='11'>", "ActualizarPendientesFirst", "Pendientes", new { sortBy = "ponderado desc", searching = Request.QueryString["searchingFirst"] }, new AjaxOptions() { HttpMethod = "GET", UpdateTargetId = "replaceFirstBody", InsertionMode = InsertionMode.Replace })
- </div>
- </th>
- <th width="24%">
- Horas por semana
- <div style="display:inline-block;position:relative">
- @Ajax.HtmlActionLink("<img style='position: absolute; top: -13px; cursor: pointer' src='/Content/img/up-arrow.png' height='11' width='11'>", "ActualizarPendientesFirst", "Pendientes", new { sortBy = "horasXSemana asc", searching = Request.QueryString["searchingFirst"] }, new AjaxOptions() { HttpMethod = "GET", UpdateTargetId = "replaceFirstBody", InsertionMode = InsertionMode.Replace })
- @Ajax.HtmlActionLink("<img style='position: absolute; top: -5px; cursor: pointer' src='/Content/img/down-arrow.png' height='11' width='11'>", "ActualizarPendientesFirst", "Pendientes", new { sortBy = "horasXSemana desc", searching = Request.QueryString["searchingFirst"] }, new AjaxOptions() { HttpMethod = "GET", UpdateTargetId = "replaceFirstBody", InsertionMode = InsertionMode.Replace })
- </div>
- </th>
- </tr>
- <tbody id="replaceFirstBody">
- @foreach (AsistenteInfo asistenteInfo in @Model.Aceptadas)
- {
- <tr>
- <td style="font-size:0px"><img class="extraInformation" data-toggle="modal" data-target="#extraInfo" src="@Url.Content("~/Content/img/info.png")" height="45" width="45" style="cursor:pointer;" />@asistenteInfo.cedula;@asistenteInfo.carrera;@asistenteInfo.correoElectronico;@asistenteInfo.cuentaBancaria</td>
- <td>@asistenteInfo.carnet</td>
- <td>@asistenteInfo.nombreCompleto</td>
- <td>@asistenteInfo.telefono</td>
- <td>@asistenteInfo.ponderado</td>
- <td>@asistenteInfo.horasXSemana</td>
- </tr>
- }
- </tbody>
- </table>
- </div>
- </div>
- <div id="bottomDiv"></div>
- <div id="secondSearchDiv">
- <div id="titleHeader">
- Solicitudes Pendientes
- </div>
- <div id="filterDiv">
- @using (Ajax.BeginForm("ActualizarPendientesSecond", "Pendientes", new AjaxOptions { UpdateTargetId = "replaceSecondBody" }))
- {
- <div class="input-group add-on" style="position:absolute; top:42%; left:260%">
- <input class="form-control" type="text" placeholder="Buscar" name="searchingSecond" id="searchingSecond" style="color:black; width:160px">
- <div class="input-group-btn">
- <button class="btn btn-default" type="submit" style="height:34px"><i class="glyphicon glyphicon-search"></i></button>
- </div>
- </div>
- }
- </div>
- </div>
- <div id="secondTableContainer">
- <div class="table-frame">
- <table class="tftable" border="1">
- <tr>
- <th width="5%"></th>
- <th width="14%">
- Carné
- <div style="display:inline-block; position:relative">
- @Ajax.HtmlActionLink("<img style='position: absolute; top: -13px; cursor: pointer' src='/Content/img/up-arrow.png' height='11' width='11'>", "ActualizarPendientesSecond", "Pendientes", new { sortBy = "carne asc", searching = Request.QueryString["searchingSecond"] }, new AjaxOptions() { HttpMethod = "GET", UpdateTargetId = "replaceSecondBody", InsertionMode = InsertionMode.Replace })
- @Ajax.HtmlActionLink("<img style='position: absolute; top: -5px; cursor: pointer' src='/Content/img/down-arrow.png' height='11' width='11'>", "ActualizarPendientesSecond", "Pendientes", new { sortBy = "carne desc", searching = Request.QueryString["searchingSecond"] }, new AjaxOptions() { HttpMethod = "GET", UpdateTargetId = "replaceSecondBody", InsertionMode = InsertionMode.Replace })
- </div>
- </th>
- <th width="26%">
- Estudiante
- <div style="display:inline-block;position:relative">
- @Ajax.HtmlActionLink("<img style='position: absolute; top: -13px; cursor: pointer' src='/Content/img/up-arrow.png' height='11' width='11'>", "ActualizarPendientesSecond", "Pendientes", new { sortBy = "nombreCompleto asc", searching = Request.QueryString["searchingSecond"] }, new AjaxOptions() { HttpMethod = "GET", UpdateTargetId = "replaceSecondBody", InsertionMode = InsertionMode.Replace })
- @Ajax.HtmlActionLink("<img style='position: absolute; top: -5px; cursor: pointer' src='/Content/img/down-arrow.png' height='11' width='11'>", "ActualizarPendientesSecond", "Pendientes", new { sortBy = "nombreCompleto desc", searching = Request.QueryString["searchingSecond"] }, new AjaxOptions() { HttpMethod = "GET", UpdateTargetId = "replaceSecondBody", InsertionMode = InsertionMode.Replace })
- </div>
- </th>
- <th width="17%">
- Teléfono
- <div style="display:inline-block;position:relative">
- @Ajax.HtmlActionLink("<img style='position: absolute; top: -13px; cursor: pointer' src='/Content/img/up-arrow.png' height='11' width='11'>", "ActualizarPendientesSecond", "Pendientes", new { sortBy = "telefono asc", searching = Request.QueryString["searchingSecond"] }, new AjaxOptions() { HttpMethod = "GET", UpdateTargetId = "replaceSecondBody", InsertionMode = InsertionMode.Replace })
- @Ajax.HtmlActionLink("<img style='position: absolute; top: -5px; cursor: pointer' src='/Content/img/down-arrow.png' height='11' width='11'>", "ActualizarPendientesSecond", "Pendientes", new { sortBy = "telefono desc", searching = Request.QueryString["searchingSecond"] }, new AjaxOptions() { HttpMethod = "GET", UpdateTargetId = "replaceSecondBody", InsertionMode = InsertionMode.Replace })
- </div>
- </th>
- <th width="14%">
- Ponderado
- <div style="display:inline-block;position:relative">
- @Ajax.HtmlActionLink("<img style='position: absolute; top: -13px; cursor: pointer' src='/Content/img/up-arrow.png' height='11' width='11'>", "ActualizarPendientesSecond", "Pendientes", new { sortBy = "ponderado asc", searching = Request.QueryString["searchingSecond"] }, new AjaxOptions() { HttpMethod = "GET", UpdateTargetId = "replaceSecondBody", InsertionMode = InsertionMode.Replace })
- @Ajax.HtmlActionLink("<img style='position: absolute; top: -5px; cursor: pointer' src='/Content/img/down-arrow.png' height='11' width='11'>", "ActualizarPendientesSecond", "Pendientes", new { sortBy = "ponderado desc", searching = Request.QueryString["searchingSecond"] }, new AjaxOptions() { HttpMethod = "GET", UpdateTargetId = "replaceSecondBody", InsertionMode = InsertionMode.Replace })
- </div>
- </th>
- <th width="24%">
- Horas por semana
- <div style="display:inline-block;position:relative">
- @Ajax.HtmlActionLink("<img style='position: absolute; top: -13px; cursor: pointer' src='/Content/img/up-arrow.png' height='11' width='11'>", "ActualizarPendientesSecond", "Pendientes", new { sortBy = "horasXSemana asc", searching = Request.QueryString["searchingSecond"] }, new AjaxOptions() { HttpMethod = "GET", UpdateTargetId = "replaceSecondBody", InsertionMode = InsertionMode.Replace })
- @Ajax.HtmlActionLink("<img style='position: absolute; top: -5px; cursor: pointer' src='/Content/img/down-arrow.png' height='11' width='11'>", "ActualizarPendientesSecond", "Pendientes", new { sortBy = "horasXSemana desc", searching = Request.QueryString["searchingSecond"] }, new AjaxOptions() { HttpMethod = "GET", UpdateTargetId = "replaceSecondBody", InsertionMode = InsertionMode.Replace })
- </div>
- </th>
- <th width="10%">
- <img src="@Url.Content("~/Content/img/selection.png")" height="16" width="16" style="cursor:pointer;" />
- </th>
- </tr>
- <tbody id="replaceSecondBody">
- @foreach (AsistenteInfo asistenteInfo in @Model.Pendientes)
- {
- <tr>
- <td style="font-size:0px"><img class="extraInformation" data-toggle="modal" data-target="#extraInfo" src="@Url.Content("~/Content/img/info.png")" height="45" width="45" style="cursor:pointer;" />@asistenteInfo.cedula;@asistenteInfo.carrera;@asistenteInfo.correoElectronico;@asistenteInfo.cuentaBancaria</td>
- <td>@asistenteInfo.carnet</td>
- <td>@asistenteInfo.nombreCompleto</td>
- <td>@asistenteInfo.telefono</td>
- <td>@asistenteInfo.ponderado</td>
- <td>@asistenteInfo.horasXSemana</td>
- <td><input id="@(asistenteInfo.idSolicitud)" type="checkbox" /></td>
- </tr>
- }
- </tbody>
- </table>
- </div>
- </div>
- <div id="secondBottomDiv">
- <button id="aceptarBtn" style="position:absolute; font-weight:bold; left:6%; top:22%; border-radius: 15px; height: 30px; width: 100px;">Aceptar</button>
- <button id="eliminarBtn" style="position:absolute; font-weight:bold; left:16%; top:22%; border-radius: 15px; height: 30px; width: 100px;">Eliminar</button>
- </div>
- </div>
- <div class="modal" data-keyboard="false" style="overflow-y:hidden;overflow-x:hidden;top:210px;" id="extraInfo">
- <div class="modal-dialog" style="width:1000px;">
- <div class="modal-content" style="width:1000px;">
- <div class="modal-header">
- <button class="close" data-dismiss="modal">×</button>
- <div class="modal-title" style="font-family:Arial; font-size:18px; font-weight:bold">Información</div>
- </div>
- <div class="modal-body" style="height:150px">
- <div id="infoSearchDiv"></div>
- <table class="tftable" border="1" style="position:relative;top:10%;">
- <tr>
- <th width="14%">Cédula</th>
- <th width="26%">Carrera</th>
- <th width="17%">Correo electrónico</th>
- <th width="14%">Cuenta bancaria</th>
- </tr>
- <tr>
- <td id="cedula"></td>
- <td id="carrera"></td>
- <td id="correo"></td>
- <td id="cuenta"></td>
- </tr>
- </table>
- <div id="infoBottomDiv"></div>
- </div>
- </div>
- </div>
- </div>
- <script>
- $('#titleHeader').click(function () {
- });
- $('#eliminarBtn').click(function () {
- var ids = [];
- $("#replaceSecondBody").find("tr").find("td").find("input").each(function(){ ids.push(this.id); });
- var states = new Array(ids.length);
- for(var i = 0; i < states.length; i++){
- if(document.getElementById(ids[i]).checked == true){
- states[i] = 1;
- } else {
- states[i] = 0;
- }
- }
- $.ajax({
- url:'/Pendientes/EliminarPendientes',
- data: { 'Ids': ids , 'States' : states },
- type: "POST",
- cache: false,
- success: function(result){
- $('#replaceFirstBody').load('/Pendientes/ActualizarAceptadas');
- $('#replaceSecondBody').load('/Pendientes/ActualizarPendientes');
- },
- error: function () {
- alert("no");
- }
- });
- });
- $('#aceptarBtn').click(function () {
- var ids = [];
- $("#replaceSecondBody").find("tr").find("td").find("input").each(function(){ ids.push(this.id); });
- var states = new Array(ids.length);
- for(var i = 0; i < states.length; i++){
- if(document.getElementById(ids[i]).checked == true){
- states[i] = 1;
- } else {
- states[i] = 0;
- }
- }
- $.ajax({
- url:'/Pendientes/AceptarPendientes',
- data: { 'Ids': ids , 'States' : states },
- type: "POST",
- cache: false,
- success: function (result) {
- $('#replaceFirstBody').load('/Pendientes/ActualizarAceptadas');
- $('#replaceSecondBody').load('/Pendientes/ActualizarPendientes');
- },
- error: function () {
- alert("no");
- }
- });
- });
- </script>
- <script>
- $(document).ready(function () {
- $(".extraInformation").click(function (event) {
- var extraInfo = $(this).closest('tr').find('td:nth-child(1)').text();
- extraInfo = extraInfo.split(";");
- $('#cedula').html(extraInfo[0]);
- $('#carrera').html(extraInfo[1]);
- $('#correo').html(extraInfo[2]);
- $('#cuenta').html(extraInfo[3]);
- });
- });
- </script>
- </body>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement