273 lines
13 KiB
Plaintext
273 lines
13 KiB
Plaintext
<%@ Page Title="" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true" CodeFile="TableroDetalle.aspx.cs" Inherits="OI_TableroDetalle" %>
|
|
|
|
<asp:Content ID="Content1" ContentPlaceHolderID="CP" runat="Server">
|
|
</asp:Content>
|
|
<asp:Content ID="Content2" ContentPlaceHolderID="Css" runat="Server">
|
|
<style>
|
|
.sortableList h4 {
|
|
background-color: #ccc;
|
|
margin: 0px;
|
|
padding-top: 10px;
|
|
padding-bottom: 10px;
|
|
text-align: center;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.sortableList {
|
|
border: 1px solid #eee;
|
|
width: 258px;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
ul.ListSorter {
|
|
list-style-type: none;
|
|
min-height: 25px;
|
|
padding: 0px;
|
|
margin: 0;
|
|
}
|
|
|
|
.sortableList ul {
|
|
list-style-type: none;
|
|
min-height: 20px;
|
|
width: 250px;
|
|
padding: 5px 0 0 0;
|
|
background-color: #eee;
|
|
border: dotted #ccc;
|
|
margin: 4px;
|
|
}
|
|
|
|
.sortableList ul li {
|
|
margin: 0 5px 5px 5px;
|
|
padding: 5px;
|
|
font-size: 1.2em;
|
|
/*width: 120px;*/
|
|
background-color: #fff;
|
|
border: 1px solid #cccccc;
|
|
position: relative;
|
|
padding: 7px 35px 7px 5px;
|
|
}
|
|
|
|
ul.ListSorter > li {
|
|
background-color: #fff;
|
|
float: left;
|
|
}
|
|
|
|
.sortableList ul li .btn.edit {
|
|
padding: 2px 4px;
|
|
position: absolute;
|
|
right: 5px;
|
|
top: 4px;
|
|
}
|
|
|
|
.bootomadd {
|
|
padding: 4px;
|
|
padding-bottom: 8px;
|
|
}
|
|
</style>
|
|
</asp:Content>
|
|
<asp:Content ID="Content3" ContentPlaceHolderID="E" runat="Server">
|
|
<asp:Literal ID="LtlTituloTablero" runat="server"></asp:Literal>
|
|
</asp:Content>
|
|
<asp:Content ID="Content4" ContentPlaceHolderID="HB" runat="Server">
|
|
</asp:Content>
|
|
<asp:Content ID="Content5" ContentPlaceHolderID="H" runat="Server">
|
|
<asp:UpdatePanel ID="UpAcciones" runat="server" UpdateMode="Conditional">
|
|
<ContentTemplate>
|
|
<li>
|
|
<asp:LinkButton ID="LnkAgregarTableroLista" OnClick="LnkAgregarTabl_Click" runat="server"><i class="fa fa-plus"></i>Lista</asp:LinkButton></li>
|
|
</ContentTemplate>
|
|
</asp:UpdatePanel>
|
|
</asp:Content>
|
|
<asp:Content ID="Content6" ContentPlaceHolderID="HA" runat="Server">
|
|
<asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional">
|
|
<ContentTemplate>
|
|
</ContentTemplate>
|
|
</asp:UpdatePanel>
|
|
</asp:Content>
|
|
<asp:Content ID="Content7" ContentPlaceHolderID="C" runat="Server">
|
|
|
|
<asp:UpdatePanel ID="UpContenido" runat="server" UpdateMode="Conditional">
|
|
<ContentTemplate>
|
|
<asp:Button ID="BtnCargarDatos" OnClick="BtnCargarDatos_Click" CssClass="hidden BtnCargarDatos " runat="server"></asp:Button>
|
|
|
|
<ul class="ListSorter">
|
|
<asp:Repeater ID="RptrListas" OnItemDataBound="RptrListas_ItemDataBound" runat="server">
|
|
<ItemTemplate>
|
|
<li data-cvetablerolista='<%#Eval("CveTableroLista") %>'>
|
|
<div class="sortableList">
|
|
<h4><%#Eval("Lista") %></h4>
|
|
<ul class="connectedSortable " data-cvetablerolista='<%#Eval("CveTableroLista") %>'>
|
|
|
|
<asp:Repeater ID="RptTareas" runat="server">
|
|
<ItemTemplate>
|
|
<li id='<%#Eval("CveEvento","Evento_{0}") %>' data-cveevento='<%#Eval("CveEvento") %>' class="ui-state-default">
|
|
<%#Eval("Asunto") %> <a href='<%#Eval("CveEvento","/OI/TareaDetalle.aspx?CveEvento={0}") %>' target="_blank" class="btn btn-default edit"><i class="fa fa-pencil"></i></a>
|
|
</li>
|
|
</ItemTemplate>
|
|
</asp:Repeater>
|
|
</ul>
|
|
<div class="text-center bootomadd">
|
|
|
|
<%# String.Format("<a class=\"btn btn-default\" onclick=\"OpenModalNewTareaUserControl(1,-1,{{CveTableroLista:{0}}});\"> <i class=\"fa fa-plus\"'></i> </a>",Eval("CveTableroLista")) %>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
</ItemTemplate>
|
|
</asp:Repeater>
|
|
</ul>
|
|
</ContentTemplate>
|
|
</asp:UpdatePanel>
|
|
<%--<div class="sortableList">
|
|
<h4>Lista de Pendientes</h4>
|
|
|
|
<ul class="connectedSortable ">
|
|
<li class="ui-state-default">Pendiente 1 <a onclick="console.log(x)" class="btn btn-default edit"><i class="fa fa-pencil"></i></a></li>
|
|
<li class="ui-state-default">Pendiente 2 <a onclick="console.log(x)" class="btn btn-default edit"><i class="fa fa-pencil"></i></a></li>
|
|
<li class="ui-state-default">Pendiente 3 <a onclick="console.log(x)" class="btn btn-default edit"><i class="fa fa-pencil"></i></a></li>
|
|
<li class="ui-state-default">Pendiente 4 <a onclick="console.log(x)" class="btn btn-default edit"><i class="fa fa-pencil"></i></a></li>
|
|
<li class="ui-state-default">Pendiente 5 <a onclick="console.log(x)" class="btn btn-default edit"><i class="fa fa-pencil"></i></a></li>
|
|
</ul>
|
|
<div class="text-center"><a onclick="console.log(x)" class="btn btn-default"><i class="fa fa-plus"></i></a></div>
|
|
</div>
|
|
<div class="sortableList">
|
|
<h4>Lista de Tareas</h4>
|
|
<ul class="connectedSortable">
|
|
<li class="ui-state-highlight">Tarea 1 <a onclick="console.log(x)" class="btn btn-default edit"><i class="fa fa-pencil"></i></a></li>
|
|
<li class="ui-state-highlight">Tarea 2 <a onclick="console.log(x)" class="btn btn-default edit"><i class="fa fa-pencil"></i></a></li>
|
|
<li class="ui-state-highlight">Tarea 3 <a onclick="console.log(x)" class="btn btn-default edit"><i class="fa fa-pencil"></i></a></li>
|
|
<li class="ui-state-highlight">Tarea 4 <a onclick="console.log(x)" class="btn btn-default edit"><i class="fa fa-pencil"></i></a></li>
|
|
<li class="ui-state-highlight">Tarea 5 <a onclick="console.log(x)" class="btn btn-default edit"><i class="fa fa-pencil"></i></a></li>
|
|
</ul>
|
|
<div class="text-center"><a onclick="console.log(x)" class="btn btn-default"><i class="fa fa-plus"></i></a></div>
|
|
</div>
|
|
<div class="sortableList">
|
|
<h4>Lista Nueva</h4>
|
|
<ul class="connectedSortable">
|
|
</ul>
|
|
<div class="text-center"><a onclick="console.log(x)" class="btn btn-default"><i class="fa fa-plus"></i></a></div>
|
|
</div>--%>
|
|
<UserControl:TareaNueva runat="server" id="TareaNueva" />
|
|
<div id="DModalTableroLista" class="modal ADS fade" role="dialog">
|
|
<asp:UpdatePanel class="modal-dialog" runat="server" ID="UPModalTabl" UpdateMode="Conditional">
|
|
<ContentTemplate>
|
|
<div class="modal-content">
|
|
<div class="modal-header ">
|
|
<div class="modal-btn">
|
|
</div>
|
|
<h4 class="modal-title">
|
|
<asp:Literal ID="ltlTabltitulo" runat="server">Agregar Lista </asp:Literal></h4>
|
|
</div>
|
|
<div class="modal-body">
|
|
|
|
<div class="form-group form-md-line-input input-iconright">
|
|
<asp:TextBox ID="TxtTabllista" runat="server" CssClass="form-control " CausesValidation="true"></asp:TextBox>
|
|
<asp:RequiredFieldValidator ID="RfvTabllista" runat="server" CssClass="help-block errorimput" ControlToValidate="TxtTabllista" ErrorMessage="<b><span style='text-decoration: underline'>ERROR:</span></b><br />El campo <b>''Asunto''</b> es necesario, por favor ingréselo." ValidationGroup="VGMTabl"></asp:RequiredFieldValidator>
|
|
<asp:Label runat="server" Text="Lista:" AssociatedControlID="TxtTabllista"></asp:Label>
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<asp:Button ID="BtnTablADD" OnClick="BtnTablADD_Click" runat="server" Text="Agregar" CssClass="btn btn-primary" ValidationGroup="VGMTabl" />
|
|
<asp:Button ID="BtnTablEdit" OnClick="BtnTablEdit_Click" runat="server" Text="Actualizar" CssClass="btn btn-primary" ValidationGroup="VGMTabl"></asp:Button>
|
|
<button type="button" class="btn btn-danger" data-dismiss="modal">Cancelar</button>
|
|
</div>
|
|
</div>
|
|
</ContentTemplate>
|
|
</asp:UpdatePanel>
|
|
</div>
|
|
<asp:UpdatePanel runat="server" ID="Uppositionevento" UpdateMode="Conditional">
|
|
<ContentTemplate>
|
|
<asp:Button ID="BtnUpPosition" OnClick="BtnUpPosition_Click" runat="server" Text="Agregar" CssClass="btn btn-primary hidden BtnUpPosition" UseSubmitBehavior="false" ValidationGroup="VGMTablzxczxc" />
|
|
<asp:TextBox ID="TxtCveOrdeList" CssClass=" hidden TxtCveOrdeList" runat="server"></asp:TextBox>
|
|
<asp:Button ID="BtnOrderList" runat="server" OnClick="BtnOrderList_Click" CssClass="btn btn-primary hidden BtnOrderList" UseSubmitBehavior="false" ValidationGroup="VGMTablzxczxzc" />
|
|
<asp:TextBox ID="Txtcvetablerolista" CssClass=" hidden Txtcvetablerolista" runat="server"></asp:TextBox>
|
|
<asp:TextBox ID="txtCveEvento" CssClass="txtCveEvento hidden" runat="server"></asp:TextBox>
|
|
</ContentTemplate>
|
|
</asp:UpdatePanel>
|
|
</asp:Content>
|
|
<asp:Content ID="Content8" ContentPlaceHolderID="JS" runat="Server">
|
|
<script>
|
|
let CurrentorderList = ''
|
|
function GetOrderList() {
|
|
|
|
let OrdeList = '';
|
|
let separator = '';
|
|
let Orden = 1;
|
|
$('.ListSorter > li').each(function () {
|
|
OrdeList = OrdeList + separator + Orden + ':' + $(this).data('cvetablerolista');
|
|
separator = ',';
|
|
Orden = Orden + 1;
|
|
});
|
|
return OrdeList;
|
|
}
|
|
function GetOrderListEvento(ulelement) {
|
|
|
|
let OrdeList = '';
|
|
let separator = '';
|
|
let Orden = 1;
|
|
ulelement.find(' li').each(function () {
|
|
OrdeList = OrdeList + separator + Orden + ':' + $(this).data('cveevento');
|
|
separator = ',';
|
|
Orden = Orden + 1;
|
|
});
|
|
return OrdeList;
|
|
}
|
|
function ADSReady() {
|
|
CurrentorderList = GetOrderList();
|
|
var cvetablerolistaold = 0;
|
|
var cvetablerolistanew = 0;
|
|
|
|
$("ul.ListSorter:not(.withsorter)").sortable({
|
|
connectWith: ".ListSorter",
|
|
change: function (event, ui) { },
|
|
start: function (event, ui) { /*cvetablerolistaold = $(event.srcElement).closest('ul').data('cvetablerolista');*/ },
|
|
stop: function (event, ui) {
|
|
setTimeout(function () {
|
|
cvetablerolistanew = $(event.srcElement).data('cvetablerolista');
|
|
//let cveevento = $(event.srcElement).data('cveevento');
|
|
|
|
setTimeout(function () {
|
|
let OrdeList = GetOrderList();
|
|
$('.TxtCveOrdeList').val(OrdeList);
|
|
console.log(OrdeList);
|
|
if (CurrentorderList != OrdeList) {
|
|
$('.BtnOrderList').click();
|
|
}
|
|
CurrentorderList = OrdeList;
|
|
}, 20);
|
|
//$('.txtCveEvento').val(cveevento);
|
|
//$('.BtnUpPosition').click();
|
|
}, 20);
|
|
}
|
|
}).disableSelection();
|
|
$(".sortableList ul:not(.withsorter)").sortable({
|
|
connectWith: ".connectedSortable",
|
|
change: function (event, ui) { },
|
|
start: function (event, ui) { cvetablerolistaold = $(event.srcElement).closest('ul').data('cvetablerolista'); },
|
|
stop: function (event, ui) {
|
|
setTimeout(function () {
|
|
let ulelement = $(event.srcElement).closest('ul');
|
|
cvetablerolistanew = ulelement.data('cvetablerolista');
|
|
let cveevento = $(event.srcElement).data('cveevento');
|
|
let OrdeList = GetOrderListEvento(ulelement);
|
|
$('.TxtCveOrdeList').val(OrdeList);
|
|
$('.Txtcvetablerolista').val(cvetablerolistanew);
|
|
$('.txtCveEvento').val(cveevento);
|
|
$('.BtnUpPosition').click();
|
|
}, 20);
|
|
}
|
|
}).disableSelection();
|
|
$(".sortableList ul").addClass('withsorter');
|
|
$("ul.ListSorter").addClass('withsorter');
|
|
}
|
|
</script>
|
|
|
|
<script> function OnAddedTareaNueva() {
|
|
setTimeout(function () {
|
|
$('.BtnCargarDatos').click();
|
|
}, 15);
|
|
}
|
|
|
|
</script>
|
|
</asp:Content>
|
|
|