283 lines
13 KiB
Text
283 lines
13 KiB
Text
<%@ Page Title="Administrar Ubicaciones" Language="C#" MasterPageFile="~/Popup.master" AutoEventWireup="true" CodeFile="wfrAdministrarUbicaciones.aspx.cs" Inherits="webforms_AGP_wfrAdministrarUbicaciones" %>
|
|
|
|
<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="ScriptManagerUbicaciones" runat="server">
|
|
</asp:ScriptManager>
|
|
<asp:UpdatePanel ID="updPanel" runat="server" UpdateMode="Conditional">
|
|
<ContentTemplate>
|
|
|
|
<body>
|
|
<div class="row" style="padding-top: 1%">
|
|
<div class="col-sm-12">
|
|
<div class="form-group-sm">
|
|
<asp:Label ID="txtNombreProyecto" runat="server"></asp:Label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<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" onChange="ObtenerUbicaciones(-1,ListaCantones)"></asp:DropDownList>
|
|
</div>
|
|
|
|
<div class="col-sm-3">
|
|
<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">
|
|
<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">
|
|
<asp:Button ID="btnAgregarUbicacionProyecto" runat="server" Text="Agregar" OnClientClick="return AsignarValor()" OnClick="btnAgregarUbicacion_Click" class="btn btn-primary btn-xs" />
|
|
<asp:TextBox ID="txtPKProyecto" runat="server" Style="display: none"></asp:TextBox>
|
|
</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 class="row"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</body>
|
|
|
|
</ContentTemplate>
|
|
</asp:UpdatePanel>
|
|
|
|
<script type="text/javascript">
|
|
function ObtenerUbicaciones(ID, CB) {
|
|
|
|
if (ID === '0')
|
|
return;
|
|
|
|
if (ID === -1)
|
|
ID = document.getElementById('<%=ddlProvincia.ClientID%>').value;
|
|
|
|
var obj = {
|
|
PKUBICACION: ID
|
|
};
|
|
|
|
$.ajax({
|
|
type: "POST",
|
|
url: "wfrAdministrarUbicaciones.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 = $('#ddlCanton').val();
|
|
if (canton === '0' || canton === 'undefined' || canton === '') {
|
|
toastr.warning('Debe seleccionar un cantón');
|
|
return false;
|
|
}
|
|
|
|
var distrito = $('#ddlDistrito').val();
|
|
if (distrito === '0' || distrito === 'undefined' || distrito === '') {
|
|
toastr.warning('Debe seleccionar un distrito');
|
|
return false;
|
|
}
|
|
|
|
document.getElementById('<%=txtDistrito.ClientID%>').value = $('#ddlDistrito').val();
|
|
document.getElementById('<%=txtCanton.ClientID%>').value = $('#ddlCanton').val();
|
|
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(),
|
|
FKPROYECTO: document.getElementById('<%=txtPKProyecto.ClientID%>').value
|
|
};
|
|
|
|
AsignarValor();
|
|
|
|
$.ajax({
|
|
type: "POST",
|
|
url: "wfrAdministrarUbicaciones.aspx/agregarUbicacion",
|
|
data: JSON.stringify(obj),
|
|
contentType: "application/json; charset=utf-8",
|
|
dataType: "json",
|
|
success: function (response) {
|
|
alert(response);
|
|
}
|
|
});
|
|
}
|
|
</script>
|
|
</asp:Content>
|