Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- @using ProyectoLaimi.Models
- @model IEnumerable<AsistenteInfo>
- <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/AsignacionStyle.css")">
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.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 = '#23A89C'" onMouseOut="this.style.color = '#777777'">Laimi</a>
- </div>
- <ul class="nav navbar-nav">
- <li><a href="@Url.Action("MostrarAsistentes", "Asistentes")" onMouseOver="this.style.color = '#23A89C'" 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:#23A89C; 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 = '#23A89C'" 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 = '#23A89C'" 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 = '#23A89C'" onMouseOut="this.style.color = '#777777'">Modificables</a></li>
- </ul>
- </li>
- <li><a href="#" onMouseOver="this.style.color = '#23A89C'" 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 = '#23A89C'" onMouseOut="this.style.color = '#777777'">Salir</a></li>
- </ul>
- </div>
- </nav>
- <div id="searchDiv">
- <div id="titleHeader">
- Total de Solicitudes Aceptadas
- </div>
- <div id="filterDiv">
- @using (Html.BeginForm("MostrarPrioridades", "Prioridades", FormMethod.Get))
- {
- <div class="input-group add-on" style="position:absolute; top:42%; left:260%">
- <input class="form-control" type="text" placeholder="Buscar" name="searching" id="searching" style="color:black; width:160px">
- <div class="input-group-btn">
- <button class="btn btn-default" type="submit" value="MostrarAsistentes" 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">
- <a href="@Url.Action("MostrarPrioridades", new { sortBy = "carne asc", searching = Request.QueryString["searching"] })">
- <img style="position:absolute;top:-13px;cursor:pointer" src="@Url.Content("~/Content/img/up-arrow.png")" height="11" width="11">
- </a>
- <a href="@Url.Action("MostrarPrioridades",new {sortBy = "carne desc", searching = Request.QueryString["searching"] })">
- <img style="position:absolute;top:-5px;cursor:pointer" src="@Url.Content("~/Content/img/down-arrow.png")" height="11" width="11">
- </a>
- </div>
- </th>
- <th width="26%">
- Estudiante
- <div style="display:inline-block;position:relative">
- <a href="@Url.Action("MostrarPrioridades",new {sortBy = "nombreCompleto asc", searching = Request.QueryString["searching"] })">
- <img style="position:absolute;top:-13px;cursor:pointer" src="@Url.Content("~/Content/img/up-arrow.png")" height="11" width="11">
- </a>
- <a href="@Url.Action("MostrarPrioridades",new {sortBy = "nombreCompleto desc", searching = Request.QueryString["searching"] })">
- <img style="position:absolute;top:-5px;cursor:pointer" src="@Url.Content("~/Content/img/down-arrow.png")" height="11" width="11">
- </a>
- </div>
- </th>
- <th width="17%">
- Teléfono
- <div style="display:inline-block;position:relative">
- <a href="@Url.Action("MostrarPrioridades",new {sortBy = "telefono asc", searching = Request.QueryString["searching"] })">
- <img style="position:absolute;top:-13px;cursor:pointer" src="@Url.Content("~/Content/img/up-arrow.png")" height="11" width="11">
- </a>
- <a href="@Url.Action("MostrarPrioridades",new {sortBy = "telefono desc", searching = Request.QueryString["searching"] })">
- <img style="position:absolute;top:-5px;cursor:pointer" src="@Url.Content("~/Content/img/down-arrow.png")" height="11" width="11">
- </a>
- </div>
- </th>
- <th width="14%">
- Ponderado
- <div style="display:inline-block;position:relative">
- <a href="@Url.Action("MostrarPrioridades",new {sortBy = "ponderado asc", searching = Request.QueryString["searching"] })">
- <img style="position:absolute;top:-13px;cursor:pointer" src="@Url.Content("~/Content/img/up-arrow.png")" height="11" width="11">
- </a>
- <a href="@Url.Action("MostrarPrioridades",new {sortBy = "ponderado desc", searching = Request.QueryString["searching"] })">
- <img style="position:absolute;top:-5px;cursor:pointer" src="@Url.Content("~/Content/img/down-arrow.png")" height="11" width="11">
- </a>
- </div>
- </th>
- <th width="24%">
- Horas por semana
- <div style="display:inline-block;position:relative">
- <a href="@Url.Action("MostrarPrioridades",new {sortBy = "horasXSemana asc", searching = Request.QueryString["searching"] })">
- <img style="position:absolute;top:-13px;cursor:pointer" src="@Url.Content("~/Content/img/up-arrow.png")" height="11" width="11">
- </a>
- <a href="@Url.Action("MostrarPrioridades",new {sortBy = "horasXSemana desc", searching = Request.QueryString["searching"] })">
- <img style="position:absolute;top:-5px;cursor:pointer" src="@Url.Content("~/Content/img/down-arrow.png")" height="11" width="11">
- </a>
- </div>
- </th>
- <th width="26%">
- Prioridad
- </th>
- </tr>
- <tbody id="priorityBody">
- @foreach (AsistenteInfo asistenteInfo in @Model)
- {
- <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 style="font-size:0px">
- <select id="@asistenteInfo.idSolicitud" style="font-size:12px">
- <option value="0"></option>
- <option value="1">1</option>
- <option value="2">2</option>
- <option value="3">3</option>
- </select>
- @asistenteInfo.prioridad
- </td>
- </tr>
- }
- </tbody>
- </table>
- </div>
- </div>
- <div id="bottomDiv">
- <button id="asignarBtn" style="position:absolute; font-weight:bold; left:47%; top:17%; border-radius: 25px; height: 30px; width: 100px;">Asignar</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 () {
- });
- $('#asignarBtn').click(function () {
- var ids = [];
- $("#priorityBody").find("tr").find("td").find("select").each(function(){ ids.push(this.id); });
- var states = new Array(ids.length);
- for(var i = 0; i < states.length; i++){
- var e = document.getElementById(ids[i]);
- if(e.selectedIndex == '0'){
- states[i] = 0;
- }
- if(e.selectedIndex == '1'){
- states[i] = 1;
- }
- if(e.selectedIndex == '2'){
- states[i] = 2;
- }
- if(e.selectedIndex == '3'){
- states[i] = 3;
- }
- }
- $.ajax({
- url:'/Prioridades/AsignarPrioridad',
- data: { 'Ids': ids , 'States' : states },
- type: "POST",
- cache: false,
- success: function(result){
- $('#priorityBody').html(result);
- },
- 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]);
- });
- $("#priorityBody").find("tr").find("td").find("select").each(function () {
- var info = ($(this).closest('tr').find('td:last-child').text()).trim();
- $('#' + this.id).val((info).substring(info.length - 1, info.length));
- });
- });
- </script>
- </body>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement