914 lines
56 KiB
Text
914 lines
56 KiB
Text
<%@ Page Title="" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true" CodeFile="wfrAspectosGenerales.aspx.cs" Inherits="webforms_FOR_wfrAspectosGenerales" %>
|
|
|
|
<asp:Content ID="Content1" ContentPlaceHolderID="MainContent" runat="Server">
|
|
|
|
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.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" />
|
|
|
|
<link rel="stylesheet" href="../../Content/plugins/bootstrap-multiselect.css" type="text/css" />
|
|
<script type="text/javascript" src="../../Scripts/Plugins/bootstrap-multiselect.js"></script>
|
|
|
|
<asp:ScriptManager ID="ScripManager1" runat="server">
|
|
</asp:ScriptManager>
|
|
<asp:UpdatePanel ID="updPanel" runat="server" UpdateMode="Conditional">
|
|
<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" href="wfrCicloVida.aspx">Ciclo Vida</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>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<%-- ********** Datos ********** --%>
|
|
<legend>Aspectos Generales del Proyecto</legend>
|
|
<div class="row">
|
|
|
|
<div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
|
|
<%--Dependencia--%>
|
|
<div class="form-group-sm row">
|
|
<div class="col-xs-12 col-sm-3 col-md-4 col-lg-4">
|
|
<label for="ddlDependencia" class="control-label">Unidad Responsable</label>
|
|
</div>
|
|
<div class="col-xs-12 col-sm-9 col-md-8 col-lg-8">
|
|
<asp:DropDownList ID="ddlDependencia" runat="server" class="form-control"></asp:DropDownList>
|
|
</div>
|
|
</div>
|
|
<%--Encargado--%>
|
|
<div class="form-group-sm row">
|
|
<div class="col-xs-12 col-sm-3 col-md-4 col-lg-4">
|
|
<label class="control-label">Encargado</label>
|
|
</div>
|
|
<div class="col-xs-12 col-sm-9 col-md-8 col-lg-8">
|
|
<asp:TextBox ID="txtEncargado" runat="server" class="form-control"></asp:TextBox>
|
|
</div>
|
|
</div>
|
|
<%--Patrocinador--%>
|
|
<div class="form-group-sm row">
|
|
<div class="col-xs-12 col-sm-3 col-md-4 col-lg-4">
|
|
<label class="control-label">Patrocinador</label>
|
|
</div>
|
|
<div class="col-xs-12 col-sm-9 col-md-8 col-lg-8">
|
|
<asp:TextBox ID="txtPatrocinador" runat="server" class="form-control"></asp:TextBox>
|
|
</div>
|
|
</div>
|
|
<%--Lider Proyecto--%>
|
|
<div class="form-group-sm row">
|
|
<div class="col-xs-12 col-sm-3 col-md-4 col-lg-4">
|
|
<label class="control-label">Líder</label>
|
|
</div>
|
|
<div class="col-xs-12 col-sm-9 col-md-8 col-lg-8">
|
|
<asp:TextBox ID="txtLider" runat="server" class="form-control"></asp:TextBox>
|
|
</div>
|
|
</div>
|
|
<%--Sector--%>
|
|
<div class="form-group-sm row">
|
|
<div class="col-xs-12 col-sm-3 col-md-4 col-lg-4">
|
|
<label class="control-label">Sector</label>
|
|
</div>
|
|
<div class="col-sm-9 col-md-8">
|
|
<asp:DropDownList ID="ddlSector" runat="server" class="form-control"></asp:DropDownList>
|
|
</div>
|
|
</div>
|
|
<%--Area tematica--%>
|
|
<div class="form-group-sm row">
|
|
<div class="col-xs-12 col-sm-3 col-md-4 col-lg-4">
|
|
<label class="control-label">Área Temática</label>
|
|
</div>
|
|
<div class="col-xs-12 col-sm-9 col-md-8 col-lg-8">
|
|
<asp:DropDownList ID="ddlAreaTematica" runat="server" class="form-control"></asp:DropDownList>
|
|
</div>
|
|
</div>
|
|
<%--Influencia--%>
|
|
<div class="form-group-sm row">
|
|
<div class="col-xs-12 col-sm-3 col-md-4 col-lg-4">
|
|
<label class="control-label">Área Influencia</label>
|
|
</div>
|
|
<div class="col-xs-12 col-sm-9 col-md-8 col-lg-8">
|
|
<asp:DropDownList ID="ddlInfluencia" runat="server" class="form-control"></asp:DropDownList>
|
|
</div>
|
|
</div>
|
|
<%--Prioridad--%>
|
|
<div class="form-group-sm row">
|
|
<div class="col-xs-12 col-sm-3 col-md-4 col-lg-4">
|
|
<label class="control-label">Prioridad</label>
|
|
</div>
|
|
<div class="col-sm-9 col-md-8">
|
|
<asp:DropDownList ID="ddlPrioridad" runat="server" class="form-control"></asp:DropDownList>
|
|
</div>
|
|
</div>
|
|
<%--Total Estimado--%>
|
|
<div class="form-group-sm row">
|
|
<div class="col-xs-12 col-sm-3 col-md-4 col-lg-4">
|
|
<label class="control-label">Costo Total Estimado</label>
|
|
</div>
|
|
<div class="col-xs-12 col-sm-9 col-md-8 col-lg-8">
|
|
<asp:TextBox ID="txtTotalEstimado" runat="server" class="form-control" TextMode="Number"></asp:TextBox>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
|
|
<%--Descripcion--%>
|
|
<div class="form-group-sm row">
|
|
<div class="col-xs-12 col-sm-3 col-md-4 col-lg-4">
|
|
<label for="txtDescripcion" class="control-label">Descripción</label>
|
|
<img src="../../Images/MiniBotones/Lupa.png" data-toggle="modal" data-target="#mdDescripcion" onclick="mostrarModal('Descripcion');" />
|
|
</div>
|
|
<div class="col-xs-12 col-sm-9 col-md-8 col-lg-8">
|
|
<asp:TextBox ID="txtDescripcion" runat="server" TextMode="MultiLine" style="resize: vertical" Rows="5" class="form-control" ></asp:TextBox>
|
|
</div>
|
|
</div>
|
|
<div class="Separador"></div>
|
|
<%--Beneficios--%>
|
|
<div class="form-group-sm row">
|
|
<div class="col-xs-12 col-sm-3 col-md-4 col-lg-4">
|
|
<label for="txtBeneficioDir" class="control-label">Beneficiarios Directos</label>
|
|
</div>
|
|
<div class="col-xs-12 col-sm-9 col-md-8 col-lg-8">
|
|
<asp:TextBox ID="txtBeneficioDir" runat="server" class="form-control"></asp:TextBox>
|
|
</div>
|
|
</div>
|
|
<div class="form-group-sm row">
|
|
<div class="col-xs-12 col-sm-3 col-md-4 col-lg-4">
|
|
<label for="txtBeneficioIndir" class="control-label">Beneficiarios Indirectos</label>
|
|
</div>
|
|
<div class="col-xs-12 col-sm-9 col-md-8 col-lg-8">
|
|
<asp:TextBox ID="txtBeneficioIndir" runat="server" class="form-control"></asp:TextBox>
|
|
</div>
|
|
</div>
|
|
<%--Categoria--%>
|
|
<div class="form-group-sm row">
|
|
<div class="col-xs-12 col-sm-3 col-md-4 col-lg-4">
|
|
<label for="ddlCategoria" class="control-label">Categoría</label>
|
|
</div>
|
|
<div class="col-xs-12 col-sm-9 col-md-8 col-lg-8">
|
|
<asp:DropDownList ID="ddlCategoria" runat="server" class="form-control"></asp:DropDownList>
|
|
</div>
|
|
</div>
|
|
<%--Objetivo General--%>
|
|
<div class="form-group-sm row">
|
|
<div class="col-xs-12 col-sm-3 col-md-4 col-lg-4">
|
|
<label for="txtObjetivo" class="control-label">Objetivo General</label>
|
|
<img src="../../Images/MiniBotones/Lupa.png" data-toggle="modal" data-target="#mdObjetivo" onclick="mostrarModal('Objetivo')" />
|
|
</div>
|
|
<div class="col-xs-12 col-sm-9 col-md-8 col-lg-8">
|
|
<asp:TextBox ID="txtObjetivo" runat="server" TextMode="MultiLine" style="resize: vertical" class="form-control" Rows="4"></asp:TextBox>
|
|
</div>
|
|
</div>
|
|
<div class="Separador"></div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
|
|
<%--Ubicacion del proyecto--%>
|
|
<div class="form-group-sm row">
|
|
<div class="col-xs-12 col-sm-10 col-md-12 col-lg-12">
|
|
<div class="panel panel-primary">
|
|
<div class="panel-heading">
|
|
<h3 class="panel-title">Región del Proyecto</h3>
|
|
</div>
|
|
<div class="panel-body">
|
|
|
|
<%--Región MIDEPLAN--%>
|
|
<div class="form-group-sm row">
|
|
<div class="col-xs-12 col-sm-3 col-md-4 col-lg-4">
|
|
<label class="control-label">MIDEPLAN</label>
|
|
</div>
|
|
<div class="col-xs-12 col-sm-9 col-md-8 col-lg-8">
|
|
<asp:DropDownList ID="ddlRegion" runat="server" class="form-control"></asp:DropDownList>
|
|
</div>
|
|
</div>
|
|
|
|
<%--Región AyA--%>
|
|
<div class="form-group-sm row">
|
|
<div class="col-xs-12 col-sm-3 col-md-4 col-lg-4">
|
|
<label class="control-label">AyA</label>
|
|
</div>
|
|
<div class="col-xs-12 col-sm-9 col-md-8 col-lg-8">
|
|
<asp:DropDownList ID="ddlRegionAyA" runat="server" class="form-control"></asp:DropDownList>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
|
|
<%--Reacción con el PND--%>
|
|
<div class="form-group-sm row">
|
|
<div class="col-xs-12 col-sm-10 col-md-12 col-lg-12">
|
|
<div class="panel panel-primary">
|
|
<div class="panel-heading">
|
|
<h3 class="panel-title">Relación con el PND</h3>
|
|
</div>
|
|
<div class="panel-body">
|
|
<div class="form-group-sm row">
|
|
<div class="col-xs-12 col-sm-5 col-md-5 col-lg-5">
|
|
<label for="txtNumeroAccion" class="control-label">Número Acción Estratégica</label>
|
|
</div>
|
|
<div class="col-xs-12 col-sm-7 col-md-7 col-lg-7">
|
|
<asp:TextBox ID="txtNumeroAccion" runat="server" placeholder="Número de Acción Estrategica" class="form-control"></asp:TextBox>
|
|
</div>
|
|
</div>
|
|
<div class="form-group-sm row">
|
|
<div class="col-xs-12 col-sm-5 col-md-5 col-lg-5">
|
|
<label class="control-label">Meta Acción Estratégica</label>
|
|
</div>
|
|
<div class="col-xs-12 col-sm-7 col-md-7 col-lg-7">
|
|
<asp:TextBox ID="txtMetaAccion" runat="server" placeholder="Meta de la Acción Estratégica" class="form-control"></asp:TextBox>
|
|
</div>
|
|
</div>
|
|
<div class="form-group-sm row">
|
|
<div class="col-xs-12 col-sm-5 col-md-5 col-lg-5">
|
|
<label class="control-label">Meta Institucional</label>
|
|
</div>
|
|
<div class="col-xs-12 col-sm-7 col-md-7 col-lg-7">
|
|
<asp:TextBox ID="txtMetaInstitucional" runat="server" placeholder="Meta Institucional" class="form-control"></asp:TextBox>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<%-- Tabla de Ubicaciones --%>
|
|
<div class="row" id="tUbicaciones">
|
|
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
|
|
<div class="form-group-sm row">
|
|
<div class="col-xs-12 col-sm-10 col-md-12 col-lg-12">
|
|
<div class="panel panel-primary">
|
|
<div class="panel-heading">
|
|
<h3 class="panel-title">Ubicación Geográfica del Proyecto</h3>
|
|
</div>
|
|
<div class="panel-body">
|
|
<div id="divGridUbicaciones" runat="server">
|
|
<asp:Button Text="Administrar Ubicaciones" runat="server" ID="btnAdministrarUbicaciones" class="btn btn-primary btn-xs" OnClick="btnAdministrarUbicaciones_Click" />
|
|
<%--<asp:Button Text="Refrescar" runat="server" ID="btnRefrescarUbicaciones" class="btn btn-primary btn-xs" OnClick="btnRefrescarUbicaciones_Click" />--%>
|
|
|
|
<asp:GridView ID="grvUbicaciones" runat="server" AutoGenerateColumns="False" GridLines="None" PageSize="5" class="gridView">
|
|
<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:CommandField />
|
|
</Columns>
|
|
<EmptyDataTemplate>
|
|
<div class="gridViewVacio">
|
|
<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>
|
|
|
|
<div id="divAdminUbicaciones" runat="server" visible="false">
|
|
<div class="row">
|
|
<div class="col-sm-12">
|
|
<div class="form-group-sm">
|
|
|
|
<div class="col-sm-2">
|
|
<asp:DropDownList ID="ddlProvincia" title="Provincia" runat="server" class="form-control" OnSelectedIndexChanged="ddlProvincia_SelectedIndexChanged" AutoPostBack="true"></asp:DropDownList>
|
|
</div>
|
|
|
|
<div class="col-sm-3">
|
|
<asp:DropDownList ID="ddlCanton" title="Canton" runat="server" class="form-control" OnSelectedIndexChanged="ddlCanton_SelectedIndexChanged" AutoPostBack="true"></asp:DropDownList>
|
|
<%--<select id="ddlCanton" title="Distrito" class="form-control" onchange="ObtenerUbicaciones($('#ddlCanton').val(),ListaDistritos)">
|
|
</select>--%>
|
|
<asp:TextBox ID="txtCanton" runat="server" Style="display: none"></asp:TextBox>
|
|
</div>
|
|
|
|
<div class="col-sm-3">
|
|
<asp:DropDownList ID="ddlDistrito" title="Distrito" runat="server" class="form-control" onchange="ObtenerUbicaciones(2,ListaBarrios)"></asp:DropDownList>
|
|
<%--select id="ddlDistrito" title="Distrito" class="form-control" onchange="ObtenerUbicaciones($('#ddlDistrito').val(),ListaBarrios)">
|
|
</select>--%>
|
|
<asp:TextBox ID="txtDistrito" runat="server" Style="display: none"></asp:TextBox>
|
|
</div>
|
|
|
|
<div class="col-sm-3">
|
|
<select id="ddlBarrios" style="display: none" title="Barrios" class="form-control" multiple data-actions-box="true">
|
|
</select>
|
|
<asp:TextBox ID="txtBarrio" runat="server" Style="display: none"></asp:TextBox>
|
|
</div>
|
|
|
|
<div class="col-sm" style="float: right">
|
|
<asp:Button ID="btnAgregarUbicacionProyecto" runat="server" Text="Agregar" OnClientClick="return AsignarValor()" OnClick="btnAgregarUbicacion_Click" class="btn btn-primary btn-xs" />
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-sm-12">
|
|
<div class="form-group-sm">
|
|
<div id="divAdmin">
|
|
<asp:GridView ID="grvAdministrarUbicaciones" Width="100%" runat="server" AutoGenerateColumns="False" GridLines="None" PageSize="5" class="gridView" OnRowCommand="grvAdministrarUbicaciones_RowCommand">
|
|
<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:CommandField />
|
|
<asp:BoundField HeaderText="FK" DataField="FKPROYECTO" ItemStyle-CssClass="hidden" HeaderStyle-CssClass="hidden" />
|
|
<asp:BoundField HeaderText="FKUBICACIONPROVINCIA" DataField="FKUBICACIONPROVINCIA" ItemStyle-CssClass="hidden" HeaderStyle-CssClass="hidden" />
|
|
<asp:BoundField HeaderText="PROVINCIA" DataField="PROVINCIA" />
|
|
<asp:BoundField HeaderText="FKUBICACIONDISTRITO" DataField="FKUBICACIONDISTRITO" ItemStyle-CssClass="hidden" HeaderStyle-CssClass="hidden" />
|
|
<asp:BoundField HeaderText="DISTRITO" DataField="DISTRITO" />
|
|
<asp:BoundField HeaderText="FKUBICACIONBARRIO" DataField="FKUBICACIONBARRIO" ItemStyle-CssClass="hidden" HeaderStyle-CssClass="hidden" />
|
|
<asp:BoundField HeaderText="BARRIO" DataField="BARRIO" />
|
|
<asp:ButtonField ImageUrl="~/Images/MiniBotones/btnRemover.png" ButtonType="Image" CommandName="remover" />
|
|
</Columns>
|
|
<EmptyDataTemplate>
|
|
<div class="gridViewVacio">
|
|
<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>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-sm-12">
|
|
<div style="text-align: right">
|
|
<br />
|
|
<asp:Button ID="btnRegresar" runat="server" Text="Regresar" OnClick="btnRegresar_Click" class="btn btn-primary btn-xs" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-sm-12" style="text-align: right;">
|
|
<asp:Button ID="btnGuardar" runat="server" Text="Guardar" class="btn btn-primary btn-xs" OnClick="btnGuardar_Click" />
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
|
|
<legend>Nota: para esta sección de información, tome en cuenta que debe guardar la información de Aspectos Generales antes de proceder a guardar algún dato de Objetivos
|
|
Específicos o Resultados del proyecto.
|
|
</legend>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
|
|
<%--Objetivos Especificos--%>
|
|
<div class="form-group-sm row">
|
|
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-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">
|
|
<h3 class="panel-title">Objetivos Específicos</h3>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="panel-body">
|
|
<div class="form-group-sm row">
|
|
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
|
|
<%-- ************************************** Listado de Objetivos **************************************************** --%>
|
|
<div id="divListaObjetivos" runat="server">
|
|
<asp:GridView ID="grvObjetivos" runat="server" AutoGenerateColumns="False" GridLines="None" PageSize="5" class="gridView" OnRowCommand="grvListaObjetivos_RowCommand"
|
|
OnPageIndexChanging="grvListaObjetivos_PageIndexChanging">
|
|
<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>
|
|
<input id="chkHeader" onclick="CheckAllGridViewItems(this);" type="checkbox" name="chkHeader" runat="server" />
|
|
</HeaderTemplate>
|
|
<ItemTemplate>
|
|
<input id="chkItem" type="checkbox" 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="btnNuevoOE" runat="server" Text="Nuevo" class="btn btn-primary btn-xs" OnClick="btnNuevoOE_Click" Visible="true" />
|
|
<asp:Button ID="btnEliminarOE" runat="server" Text="Eliminar" class="btn btn-primary btn-xs" OnClick="btnEliminarOE_Click" Visible="true" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<%-- ************************************** Registro de Objetivos **************************************************** --%>
|
|
<div id="divFormularioObjetivos" 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-3 col-sm-3 col-md-3 col-lg-3">
|
|
<label class="control-label">Numeración</label>
|
|
</div>
|
|
<div class="col-xs-9 col-sm-9 col-md-9 col-lg-9">
|
|
<asp:TextBox ID="txtNumeracionOE" runat="server" class="form-control"></asp:TextBox>
|
|
</div>
|
|
</div>
|
|
<div class="form-group row">
|
|
<div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">
|
|
<label class="control-label">Objetivo</label>
|
|
</div>
|
|
<div class="col-xs-9 col-sm-9 col-md-9 col-lg-9">
|
|
<asp:TextBox ID="txtObjetivoEspecifico" runat="server" class="form-control" TextMode="MultiLine" style="resize: vertical"></asp:TextBox>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<div class="custom-control custom-switch">
|
|
|
|
<input type="checkbox" runat="server" class="custom-control-input" id="chkCumplido" />
|
|
<label class="custom-control-label" for="chkCumplido">Objetivo Cumplido</label>
|
|
</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="btnAnteriorOE" runat="server" Text="Anterior" class="btn btn-primary btn-xs" OnClick="btnAnteriorOE_Click" />
|
|
<asp:Button ID="btnGuardarOE" runat="server" Text="Guardar" class="btn btn-primary btn-xs" OnClick="btnGuardarOE_Click" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
|
|
<%--Resultados del proyecto--%>
|
|
<div class="form-group-sm row">
|
|
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-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">
|
|
<h3 class="panel-title">Resultados del Proyecto</h3>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="panel-body">
|
|
<div class="form-group-sm row">
|
|
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
|
|
<%-- ************************************** Listado de Resultados **************************************************** --%>
|
|
<div id="divListaResultados" runat="server">
|
|
<asp:GridView ID="grvListaResultados" runat="server" GridLines="None" AutoGenerateColumns="False" PageSize="5" class="gridView" OnRowCommand="grvListaResultados_RowCommand"
|
|
OnPageIndexChanging="grvListaResultados_PageIndexChanging">
|
|
<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>
|
|
<input id="chkHeader" onclick="CheckAllGridViewItems(this);" type="checkbox" name="chkHeader" runat="server" />
|
|
</HeaderTemplate>
|
|
<ItemTemplate>
|
|
<input id="chkItem" type="checkbox" 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="btnNuevoRS" runat="server" Text="Nuevo" class="btn btn-primary btn-xs" OnClick="btnNuevoRS_Click" />
|
|
<asp:Button ID="btnEliminarRS" runat="server" Text="Eliminar" class="btn btn-primary btn-xs" OnClick="btnEliminarRS_Click" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<%-- ************************************** Registro de Resultados **************************************************** --%>
|
|
<div id="divFormularioResultados" 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-3 col-sm-3 col-md-3 col-lg-3">
|
|
<label class="control-label">Numeración</label>
|
|
</div>
|
|
<div class="col-xs-9 col-sm-9 col-md-9 col-lg-9">
|
|
<asp:TextBox ID="txtNumeracionRS" runat="server" class="form-control"></asp:TextBox>
|
|
</div>
|
|
</div>
|
|
<div class="form-group row">
|
|
<div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">
|
|
<label class="control-label">Resultado</label>
|
|
</div>
|
|
<div class="col-xs-9 col-sm-9 col-md-9 col-lg-9">
|
|
<asp:TextBox ID="txtResultado" runat="server" class="form-control" TextMode="MultiLine" style="resize: vertical"></asp:TextBox>
|
|
</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="btnAnteriorRS" runat="server" Text="Anterior" class="btn btn-primary btn-xs" OnClick="btnAnteriorRS_Click" />
|
|
<asp:Button ID="GuardarRS" runat="server" Text="Guardar" class="btn btn-primary btn-xs" OnClick="btnGuardarRS_Click" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-sm-12">
|
|
<asp:Button ID="btnAnterior" runat="server" Text="Anterior" class="btn btn-primary btn-xs" OnClick="btnAnterior_Click" />
|
|
</div>
|
|
</div>
|
|
|
|
</ContentTemplate>
|
|
</asp:UpdatePanel>
|
|
|
|
<%--Modal Descripción--%>
|
|
<div id="mdDescripcion" class="modal">
|
|
<div class="modal-dialog" role="document" style="width: 1000px">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h3 class="modal-title">Descripción detallada del proyecto</h3>
|
|
</div>
|
|
<div class="modal-body" style="height: 450px; align-items: center">
|
|
<textarea id="txtDescripcionMdl" class="form-control" rows="5" style="height: 400px; width: 950px"></textarea>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<%--Modal Objetivo--%>
|
|
<div id="mdObjetivo" class="modal">
|
|
<div class="modal-dialog" role="document" style="width: 1000px">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h3 class="modal-title">Objetivo general del proyecto</h3>
|
|
</div>
|
|
<div class="modal-body" style="height: 450px; align-items: center">
|
|
<textarea id="txtObjetivoMdl" class="form-control" rows="5" style="height: 400px; width: 950px"></textarea>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<%-- Javascript --%>
|
|
<script type="text/javascript">
|
|
|
|
function mostrarModal(Ventana) {
|
|
if (Ventana == "Descripcion") {
|
|
document.getElementById('txtDescripcionMdl').value = document.getElementById('<%=txtDescripcion.ClientID%>').value;
|
|
}
|
|
else if (Ventana == "Objetivo") {
|
|
document.getElementById('txtObjetivoMdl').value = document.getElementById('<%=txtObjetivo.ClientID%>').value;
|
|
}
|
|
}
|
|
|
|
(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>
|
|
|
|
<script type="text/javascript">
|
|
function ObtenerUbicaciones(ID, CB) {
|
|
|
|
if (ID === '0')
|
|
return;
|
|
|
|
if (ID === -1)
|
|
ID = document.getElementById('<%=ddlProvincia.ClientID%>').value;
|
|
|
|
if (ID === 2) {
|
|
ID = document.getElementById('<%=ddlDistrito.ClientID%>').value;
|
|
|
|
if (ID === '0') {
|
|
$('#ddlBarrios').multiselect('destroy');
|
|
$('#ddlBarrios').empty();
|
|
return;
|
|
}
|
|
}
|
|
|
|
var obj = {
|
|
PKUBICACION: ID
|
|
};
|
|
|
|
$.ajax({
|
|
type: "POST",
|
|
url: "wfrAspectosGenerales.aspx/llenarDDLUbicaciones",
|
|
data: JSON.stringify(obj),
|
|
contentType: "application/json; charset=utf-8",
|
|
dataType: "json",
|
|
success: function (response) {
|
|
CB(response);
|
|
}
|
|
});
|
|
|
|
}
|
|
|
|
function ListaCantones(response) {
|
|
var html = '<option value="0"> Selecciona una ubicación </option>';
|
|
var found = false;
|
|
$.each(response, function () {
|
|
var data = JSON.parse(this);
|
|
$.each(data, function (i) {
|
|
found = true;
|
|
html += '<option value="' + this['PK'] + '"> ' + this['Nombre'] + ' </option>';
|
|
});
|
|
});
|
|
|
|
$('#ddlCanton').empty();
|
|
$('#ddlDistrito').empty();
|
|
$('#ddlBarrios').multiselect('destroy');
|
|
$('#ddlBarrios').empty();
|
|
|
|
if (found)
|
|
$("#ddlCanton").html(html);
|
|
else {
|
|
html += '<option value="0"> Sin ubicaciones asociadas </option>';
|
|
}
|
|
|
|
$('#ddlCanton').val(0);
|
|
}
|
|
|
|
function ListaDistritos(response) {
|
|
var found = false;
|
|
var html = '<option value="0"> Selecciona una ubicación </option>';
|
|
|
|
$.each(response, function () {
|
|
var data = JSON.parse(this);
|
|
$.each(data, function (i) {
|
|
found = true;
|
|
html += '<option value="' + this['PK'] + '"> ' + this['Nombre'] + ' </option>';
|
|
});
|
|
});
|
|
|
|
$('#ddlDistrito').empty();
|
|
$('#ddlBarrios').multiselect('destroy');
|
|
$('#ddlBarrios').empty();
|
|
|
|
if (found)
|
|
$("#ddlDistrito").html(html);
|
|
else {
|
|
html += '<option value="0"> Sin ubicaciones asociadas </option>';
|
|
}
|
|
|
|
$('#ddlDistrito').val(0);
|
|
}
|
|
|
|
function ListaBarrios(response) {
|
|
var html = '';
|
|
var found = false;
|
|
$.each(response, function () {
|
|
var data = JSON.parse(this);
|
|
$.each(data, function (i) {
|
|
found = true;
|
|
html += '<option value="' + this['PK'] + '"> ' + this['Nombre'] + ' </option>';
|
|
});
|
|
});
|
|
|
|
$('#ddlBarrios').multiselect('destroy');
|
|
$('#ddlBarrios').empty();
|
|
|
|
if (found) {
|
|
$("#ddlBarrios").show();
|
|
$("#ddlBarrios").html(html);
|
|
$('#ddlBarrios').multiselect(
|
|
{
|
|
nonSelectedText: 'Ninguna ubicación selecionada',
|
|
selectedClass: 'active',
|
|
maxHeight: 200,
|
|
includeSelectAllOption: true,
|
|
includeSelectAllIfMoreThan: 1,
|
|
selectAllText: ' Seleccionar Todos',
|
|
selectAllValue: 'multiselect-all',
|
|
enableFiltering: false,
|
|
filterPlaceholder: 'Buscar',
|
|
buttonWidth: '100%',
|
|
filterBehavior: 'text',
|
|
includeFilterClearBtn: true,
|
|
preventInputChangeEvent: false,
|
|
nSelectedText: 'Seleccionado',
|
|
allSelectedText: 'Todos',
|
|
|
|
});
|
|
|
|
} else {
|
|
|
|
$('#ddlBarrios').multiselect({
|
|
nonSelectedText: 'No existen ubicaciones disponibles',
|
|
disableIfEmpty: true,
|
|
disabledText: "Sin ubicaciones"
|
|
});
|
|
//toastr.info('No se encontraron ubicaciones asociadas al distrito');
|
|
}
|
|
}
|
|
|
|
function AsignarValor() {
|
|
|
|
var provincia = document.getElementById('<%=ddlProvincia.ClientID%>').value;
|
|
if (provincia === '0' || provincia === 'undefined' || provincia === '') {
|
|
toastr.warning('Debe seleccionar una provincia');
|
|
return false;
|
|
}
|
|
|
|
var canton = document.getElementById('<%=ddlCanton.ClientID%>').value;
|
|
if (canton === '0' || canton === 'undefined' || canton === '') {
|
|
toastr.warning('Debe seleccionar un cantón');
|
|
return false;
|
|
}
|
|
|
|
var distrito = document.getElementById('<%=ddlDistrito.ClientID%>').value;
|
|
if (distrito === '0' || distrito === 'undefined' || distrito === '') {
|
|
toastr.warning('Debe seleccionar un distrito');
|
|
return false;
|
|
}
|
|
|
|
document.getElementById('<%=txtBarrio.ClientID%>').value = $('#ddlBarrios').val() === 'undefined' ? '0' : $('#ddlBarrios').val();
|
|
|
|
return true;
|
|
}
|
|
|
|
function AgregarUbicacion() {
|
|
|
|
if ($('#ddlDistrito').val() === '0' || $('#ddlDistrito').val() === 'undefined' || $('#ddlDistrito').val() === '') {
|
|
toastr.warning('Debe seleccionar un distrito');
|
|
return;
|
|
}
|
|
var obj = {
|
|
FKBARRIO: $('#ddlBarrios').val(),
|
|
FKDISTRITO: $('#ddlDistrito').val()
|
|
};
|
|
|
|
AsignarValor();
|
|
|
|
$.ajax({
|
|
type: "POST",
|
|
url: "wfrAspectosGenerales.aspx/agregarUbicacion",
|
|
data: JSON.stringify(obj),
|
|
contentType: "application/json; charset=utf-8",
|
|
dataType: "json",
|
|
success: function (response) {
|
|
alert(response);
|
|
}
|
|
});
|
|
}
|
|
</script>
|
|
|
|
</asp:Content>
|
|
|
|
|