309 lines
19 KiB
Text
309 lines
19 KiB
Text
<%@ Page Title="" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true" CodeFile="wfrCicloVida.aspx.cs" Inherits="webforms_FOR_wfrCicloVida" %>
|
|
|
|
<asp:Content ID="Content1" ContentPlaceHolderID="MainContent" runat="Server">
|
|
|
|
<script src="../../Scripts/jquery-1.10.2.js"></script>
|
|
<script src="../../Scripts/toastr.js" type="text/javascript"></script>
|
|
<link href="../../Content/toastr.css" rel="stylesheet" />
|
|
<script src="../../Scripts/bootstrap.js"></script>
|
|
<link href="../../Content/bootstrap.css" rel="stylesheet" />
|
|
<script src="../../Scripts/jquery-1.10.2.min.js"></script>
|
|
<script src="../../Scripts/jquery-ui-1.11.4.min.js"></script>
|
|
<link href="../../Content/themes/ui-lightness/jquery-ui.css" rel="stylesheet" />
|
|
<link href="/../../Content/themes/ui-lightness/jquery-ui.min.css" rel="stylesheet" />
|
|
|
|
<asp:ScriptManager ID="ScripManager1" runat="server">
|
|
</asp:ScriptManager>
|
|
<asp:UpdatePanel ID="updPanel" runat="server">
|
|
<ContentTemplate>
|
|
<div class="Separador">
|
|
</div>
|
|
|
|
<%-- Informacion General --%>
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<div class="form-group-sm row">
|
|
<div class="col-md-12">
|
|
<div class="panel panel-primary">
|
|
<div class="panel-heading" id="header-proyecto">
|
|
<h3 class="panel-title"></h3>
|
|
</div>
|
|
|
|
<div class="panel-body">
|
|
<div class="form-group row">
|
|
<div class="col-md-12">
|
|
<label>Proyecto</label>
|
|
<asp:TextBox ID="txtProyecto" runat="server" class="form-control" TextMode="MultiLine" Style="resize: vertical" Rows="1"></asp:TextBox>
|
|
</div>
|
|
|
|
<div class="col-md-3">
|
|
<label for="txtNumeroBPIP">Numero Proyecto BPIP</label>
|
|
<asp:TextBox ID="txtNumeroBPIP" runat="server" class="form-control" ReadOnly="true" ToolTip="Este dato solo puede ser proporcionado por la Dirección de Planificación"></asp:TextBox>
|
|
</div>
|
|
|
|
<div class="col-md-3">
|
|
<label for="txtEstadoProyecto">Estado</label>
|
|
<asp:TextBox ID="txtEstadoProyecto" runat="server" class="form-control" ReadOnly="true"></asp:TextBox>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<%-- ********** Menu tipo Nav Bar********** --%>
|
|
<div class="row">
|
|
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
|
|
<ul class="nav nav-pills flex-column">
|
|
<li class="nav-item">
|
|
<a class="nav-link active" href="wfrAspectosGenerales.aspx">Aspectos<br>
|
|
Generales</a></li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="wfrFinanciamiento.aspx">Financiamiento</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="wfrPartidas.aspx">Distribución Partidas</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="wfrRecurso.aspx">Recurso Humano</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="wfrEvaluacion.aspx">Evaluación</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="wfrInfoComplementaria.aspx">Información<br>
|
|
Complementaria</a></li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="wfrInfoGeneral.aspx">Información<br>
|
|
General</a></li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="wfrCierre.aspx">Cierre</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="wfrEndeudamiento.aspx">Endeudamiento</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<legend>Ciclo de Vida</legend>
|
|
<div class="form-group-sm row">
|
|
<div class="col-md-12">
|
|
<div class="panel panel-primary">
|
|
<div class="panel-heading">
|
|
<div class="row">
|
|
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12" style="text-align: left;">
|
|
<h3 class="panel-title">Etapas del Ciclo de Vida</h3>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="panel-body">
|
|
<div class="form-group-sm row">
|
|
<div class="col-md-12">
|
|
<%-- ************************************** Listado de Etapas**************************************************** --%>
|
|
<div id="divListaEtapas" runat="server">
|
|
<asp:GridView ID="grvListaEtapas" runat="server" Width="100%" GridLines="None" AutoGenerateColumns="False" PageSize="5" class="gridView" OnRowCommand="grvListaEtapas_RowCommand"
|
|
OnPageIndexChanging="grvListaEtapas_PageIndexChanging" OnRowDataBound="grvListaEtapas_RowDataBound">
|
|
<RowStyle BackColor="#EFF3FB" VerticalAlign="Middle" />
|
|
<AlternatingRowStyle BackColor="White" VerticalAlign="Middle" />
|
|
<PagerStyle CssClass="pagination-sm" HorizontalAlign="Center" />
|
|
<HeaderStyle Font-Bold="True" ForeColor="white" CssClass="gridViewHeader" HorizontalAlign="Center" />
|
|
<PagerSettings PageButtonCount="25" />
|
|
<Columns>
|
|
<asp:TemplateField>
|
|
<HeaderTemplate>
|
|
<b>ETAPA ACTUAL </b>
|
|
<%--<input id="chkHeader" onclick="CheckAllGridViewItems(this);" type="checkbox" name="chkHeader" runat="server"/> --%>
|
|
</HeaderTemplate>
|
|
<ItemTemplate>
|
|
<input id="chkItem" type="checkbox" disabled="disabled" name="chkItem" runat="server" />
|
|
</ItemTemplate>
|
|
</asp:TemplateField>
|
|
<asp:ButtonField ImageUrl="~/Images/MiniBotones/btnEditar.png" ButtonType="Image" CommandName="editar" />
|
|
</Columns>
|
|
<EmptyDataTemplate>
|
|
<div class="gridViewVacio">
|
|
<div class="gridViewCheck">
|
|
</div>
|
|
<div class="gridFilaVacia">
|
|
<div class="textoGrid">
|
|
<asp:Label ID="lblGridView" Text="No se obtuvieron resultados de su búsqueda" runat="server" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</EmptyDataTemplate>
|
|
</asp:GridView>
|
|
<div class="Separador"></div>
|
|
<div class="row">
|
|
<div class="col-xs-12" style="text-align: right">
|
|
<asp:Button ID="btnNuevoET" runat="server" Text="Nuevo" class="btn btn-primary btn-xs" OnClick="btnNuevoET_Click" />
|
|
<asp:Button ID="btnEliminarET" runat="server" Text="Eliminar" class="btn btn-primary btn-xs" OnClick="btnEliminarET_Click" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<%-- ************************************** Registro de Etapas **************************************************** --%>
|
|
<div id="divFormularioEtapas" runat="server" visible="false">
|
|
<div class="row">
|
|
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
|
|
<div class="form-group row">
|
|
<div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
|
|
<label class="control-label">Etapa</label>
|
|
</div>
|
|
<div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
|
|
<asp:DropDownList ID="ddlEtapa" runat="server" class="form-control"></asp:DropDownList>
|
|
</div>
|
|
</div>
|
|
<div class="form-group row">
|
|
<div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
|
|
<label class="control-label">Inicio</label>
|
|
</div>
|
|
<div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
|
|
<asp:TextBox ID="txtInicio" runat="server" class="fecha form-control"></asp:TextBox>
|
|
</div>
|
|
</div>
|
|
<div class="form-group row">
|
|
<div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
|
|
<label class="control-label">Concluye</label>
|
|
</div>
|
|
<div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
|
|
<asp:TextBox ID="txtConcluye" runat="server" class="fecha form-control"></asp:TextBox>
|
|
</div>
|
|
</div>
|
|
<div class="form-group row">
|
|
<div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
|
|
<label class="control-label">Situación Actual</label>
|
|
</div>
|
|
<div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
|
|
<asp:DropDownList ID="ddlSituacionActual" runat="server" class="form-control"></asp:DropDownList>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
|
|
<div style="text-align: right">
|
|
<asp:Button ID="btnAnteriorET" runat="server" Text="Anterior" class="btn btn-primary btn-xs" OnClick="btnAnteriorET_Click" />
|
|
<asp:Button ID="btnGuardarET" runat="server" Text="Guardar" class="btn btn-primary btn-xs" OnClick="btnGuardarET_Click" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-xs-2 col-sm-2 col-md-2 col-lg-2"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-xs-2 col-sm-2 col-md-2 col-lg-2"></div>
|
|
</div>
|
|
<div class="form-group-sm row">
|
|
<div class="col-xs-2 col-sm-2 col-md-2 col-lg-2"></div>
|
|
<div class="col-xs-8 col-sm-8 col-md-8 col-lg-8">
|
|
<div class="form-group-sm row">
|
|
<div class="col-xs-8 col-sm-8 col-md-8 col-lg-8">
|
|
<label class="control-label">Etapa actual del proyecto</label>
|
|
</div>
|
|
<div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">
|
|
<asp:DropDownList ID="ddlEtapaActual" runat="server" class="form-control"></asp:DropDownList>
|
|
</div>
|
|
</div>
|
|
<div class="form-group-sm row">
|
|
<div class="col-xs-8 col-sm-8 col-md-8 col-lg-8">
|
|
<label class="control-label">Porcentaje de avance de la etapa actual (%)</label>
|
|
</div>
|
|
<div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">
|
|
<asp:TextBox ID="txtAvanceEtapa" runat="server" class="form-control" MaxLength="3"></asp:TextBox>
|
|
</div>
|
|
</div>
|
|
<div class="form-group-sm row">
|
|
<div class="col-xs-8 col-sm-8 col-md-8 col-lg-8">
|
|
<label for="txtMontoEtapa" class="control-label">Monto programado para la etapa actual (colones)</label>
|
|
</div>
|
|
<div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">
|
|
<asp:TextBox ID="txtMontoEtapa" runat="server" class="form-control"></asp:TextBox>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-xs-2 col-sm-2 col-md-2 col-lg-2"></div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-xs-6 col-sm-6 col-md-6 col-lg-6" style="text-align: left">
|
|
<asp:Button ID="btnAnterior" runat="server" Text="Anterior" class="btn btn-primary btn-xs" OnClick="btnAnterior_Click" />
|
|
</div>
|
|
<div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
|
|
<div style="text-align: right">
|
|
<asp:Button ID="btnGuardar" runat="server" Text="Guardar" class="btn btn-primary btn-xs" OnClick="btnGuardar_Click" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</ContentTemplate>
|
|
</asp:UpdatePanel>
|
|
|
|
<script type="text/javascript">
|
|
jQuery(function ($) {
|
|
$.datepicker.regional['es'] = {
|
|
closeText: 'Cerrar',
|
|
prevText: '<Ant',
|
|
nextText: 'Sig>',
|
|
currentText: 'Hoy',
|
|
monthNames: ['Enero', 'Febrero', 'Marzo', 'Abril', 'Mayo', 'Junio',
|
|
'Julio', 'Agosto', 'Septiembre', 'Octubre', 'Noviembre', 'Diciembre'],
|
|
monthNamesShort: ['Ene', 'Feb', 'Mar', 'Abr', 'May', 'Jun',
|
|
'Jul', 'Ago', 'Sep', 'Oct', 'Nov', 'Dic'],
|
|
dayNames: ['Domingo', 'Lunes', 'Martes', 'Miércoles', 'Jueves', 'Viernes', 'Sábado'],
|
|
dayNamesShort: ['Dom', 'Lun', 'Mar', 'Mié', 'Juv', 'Vie', 'Sáb'],
|
|
dayNamesMin: ['Do', 'Lu', 'Ma', 'Mi', 'Ju', 'Vi', 'Sá'],
|
|
weekHeader: 'Sm',
|
|
dateFormat: 'dd/mm/yy',
|
|
firstDay: 1,
|
|
isRTL: false,
|
|
showMonthAfterYear: false,
|
|
yearSuffix: '',
|
|
changeMonth: true,
|
|
changeYear: true,
|
|
};
|
|
$.datepicker.setDefaults($.datepicker.regional['es']);
|
|
});
|
|
|
|
Sys.WebForms.PageRequestManager.getInstance().add_pageLoaded(function (evt, args) {
|
|
$(document).ready(function () {
|
|
$(".fecha").datepicker();
|
|
});
|
|
});
|
|
|
|
(function () {
|
|
validarEstado();
|
|
})();
|
|
|
|
function validarEstado() {
|
|
var estado = document.getElementById('<%=txtEstadoProyecto.ClientID%>').value;
|
|
var color = '#008cba';
|
|
|
|
switch (estado) {
|
|
case "Activo":
|
|
color = 'green';
|
|
break;
|
|
case "Alcanzado":
|
|
color = 'lightskyblue';
|
|
break;
|
|
case "Suspendido":
|
|
color = 'purple';
|
|
break;
|
|
case "Eliminado":
|
|
color = 'red';
|
|
break;
|
|
}
|
|
|
|
if (color !== '') {
|
|
document.getElementById('header-proyecto').style.backgroundColor = color;
|
|
document.getElementById('<%=txtEstadoProyecto.ClientID%>').style.color = color;
|
|
}
|
|
}
|
|
|
|
</script>
|
|
|
|
</asp:Content>
|
|
|