OI/Proyecto.aspx

@@ -31,9 +31,10 @@
             padding-left: 10px;
             line-height: 25px;
         }
-        .gantt-samples-banner_controls_bar.controls_bar,.gantt_scale_line .gantt_scale_cell,.gantt_grid_scale .gantt_grid_head_cell ,.gantt_grid_scale .gantt_grid_head_cell a,.gantt_grid_scale .gantt_grid_head_cell a:hover {
+
-            background-color:#95a5a6 !important;
+        .gantt-samples-banner_controls_bar.controls_bar, .gantt_scale_line .gantt_scale_cell, .gantt_grid_scale .gantt_grid_head_cell, .gantt_grid_scale .gantt_grid_head_cell a, .gantt_grid_scale .gantt_grid_head_cell a:hover {
-            color:#FFF !important;
+            background-color: #95a5a6 !important;
+            color: #FFF !important;
         }
     </style>
     <%--<link href="/Metronic/assets/global/plugins/GantJS/jsgantt.css" rel="stylesheet" type="text/css" />--%>
@@ -331,20 +332,21 @@
         var datosGant = [];
         function loadGant() {
             gantt.config.date_format = "%Y-%m-%d %H:%i";
+            gantt.config.order_branch = true;
             gantt.i18n.setLocale("es");
             gantt.init("gantt_here");
             gantt.config.columns = [
-                { name: "text", label: "Proyecto ", width: "*", min_width: 350, tree: true, resize: true, template: function (obj) { return "<a href=\"/OI/TareaDetalle.aspx?CveEvento="+obj.id+"\" target=\"_Blank\">" + obj.text  + " </a>" } },
+                { name: "text", label: "Proyecto ", width: "*", min_width: 350, tree: true, resize: true, template: function (obj) { return "<a href=\"/OI/TareaDetalle.aspx?CveEvento=" + obj.id + "\" target=\"_Blank\">" + obj.text + " </a>" } },
                 { name: "start_date", label: "Inicio", min_width: 90, align: "center" },
                 { name: "end_date", label: "Fin", min_width: 90, align: "center" },
                 { name: "progress", label: "Avance", align: "center", template: function (obj) { return "" + (obj.progress * 100).toFixed(2) + " %" } },
                 { name: "duration", label: "Duración", align: "center" },
-                { name: "new", label: "<a onclick=\"NuevoEvento("+ RCveEvento +");\" target=\"_Blank\"><i class='fa fa-plus'></i></a>", align: "center",template: function (obj) { return "<a onclick=\"NuevoEvento("+obj.id+");\" target=\"_Blank\"><i class='fa fa-plus'></i> </a>" } }
+                { name: "new", label: "<a onclick=\"NuevoEvento(" + RCveEvento + ");\" target=\"_Blank\"><i class='fa fa-plus'></i></a>", align: "center", template: function (obj) { return "<a onclick=\"NuevoEvento(" + obj.id + ");\" target=\"_Blank\"><i class='fa fa-plus'></i> </a>" } }
                 /*{name:"staff",      label:"Holder(s)", template:function(obj){return obj.holder+"("+obj.progress+")"} },*/
                 //{ name: "add", label: "" }
             ];
             gantt.parse({
-                data:datosGant
+                data: datosGant
                 //data: [
                 //    { id: 1, text: "Apertura de Sucursal", start_date: null, duration: null, parent: 0, progress: 0, open: true },
                 //    { id: 2, text: "Direccion: evaluación de mercado", start_date: "2020/04/29 00:00", end_date: "2020/05/02 00:00",/*duration: 3,*/ parent: 1, progress: 0.25 },
@@ -376,7 +378,23 @@
                   ]*/
             });
         }
+        gantt.attachEvent("onBeforeTaskMove", function (id, parent, tindex) {
+            console.log(tindex)
+            var task = gantt.getTask(id);
+            if (task.parent != parent)
+                return false;
+            return true;
+        });
+
+        gantt.attachEvent("onRowDragEnd", function (id, target,tindex) {
+            console.log(tindex)
+            debugger;
+            drag_id = null;
+            gantt.render();
+        });
         loadGant();
+
+
     </script>
 
     <%--<script>

OI/TableroDetalle.aspx

@@ -5,17 +5,17 @@
 <asp:Content ID="Content2" ContentPlaceHolderID="Css" runat="Server">
     <style>
         .sortableList h4 {
-            background-color: #EEE;
+            background-color: #ccc;
             margin: 0px;
             padding-top: 10px;
             padding-bottom: 10px;
             text-align: center;
-            font-weight: 500;
+            font-weight: 600;
         }
 
         .sortableList {
             border: 1px solid #eee;
-            width: 250px;
+            width: 258px;
             margin-right: 10px;
         }
 
@@ -31,7 +31,9 @@
             min-height: 20px;
             width: 250px;
             padding: 5px 0 0 0;
-            margin: 0;
+            background-color: #eee;
+            border: dotted #ccc;
+            margin: 4px;
         }
 
             .sortableList ul li {
@@ -56,6 +58,11 @@
             right: 5px;
             top: 4px;
         }
+
+        .bootomadd {
+            padding: 4px;
+            padding-bottom: 8px;
+        }
     </style>
 </asp:Content>
 <asp:Content ID="Content3" ContentPlaceHolderID="E" runat="Server">
@@ -99,7 +106,7 @@
                                         </ItemTemplate>
                                     </asp:Repeater>
                                 </ul>
-                                <div class="text-center">
+                                <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>
@@ -170,15 +177,42 @@
     <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="Txtcvetablerolista" CssClass=" hidden Txtcvetablerolista" runat="server"></asp:TextBox><asp:TextBox ID="txtCveEvento" CssClass="txtCveEvento hidden" runat="server"></asp:TextBox>
+            <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;
 
@@ -190,7 +224,16 @@
                     setTimeout(function () {
                         cvetablerolistanew = $(event.srcElement).data('cvetablerolista');
                         //let cveevento = $(event.srcElement).data('cveevento');
-                        //$('.Txtcvetablerolista').val(cvetablerolistanew);
+
+                        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);
@@ -202,8 +245,11 @@
                 start: function (event, ui) { cvetablerolistaold = $(event.srcElement).closest('ul').data('cvetablerolista'); },
                 stop: function (event, ui) {
                     setTimeout(function () {
-                        cvetablerolistanew = $(event.srcElement).closest('ul').data('cvetablerolista');
+                        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();

OI/TableroDetalle.aspx.cs

@@ -164,9 +164,42 @@ public partial class OI_TableroDetalle : ClsPaginas
 
     protected void BtnUpPosition_Click(object sender, EventArgs e)
     {
+        bool continuar = false;
         using (ClsOIEventos eveobj = new ClsOIEventos())
         {
-            eveobj.UpEventoLista(Txtcvetablerolista.Text.ToEntero(), txtCveEvento.Text.ToEntero());
+            eveobj.IniciaTransacSQL();
+             continuar =eveobj.UpEventoLista(Txtcvetablerolista.Text.ToEntero(), txtCveEvento.Text.ToEntero());
+            if (continuar)
+            {
+                List<string> orderlist = TxtCveOrdeList.Text.Split(',').ToList<string>();
+                continuar = eveobj.OrdenaTareas(orderlist, UsuarioActual.CveEmpresa, UsuarioActual.CveUsuario);
+            }
+
+            if (continuar)
+            {
+                eveobj.Commit();
+            }
+            else
+            {
+                eveobj.RollBack();
+            }
+        } 
+    }
+
+    protected void BtnOrderList_Click(object sender, EventArgs e)
+    {
+        List<string> orderlist =  TxtCveOrdeList.Text.Split(',').ToList<string>();
+        using (ClsOIEventos eveobj = new ClsOIEventos())
+        {
+            eveobj.IniciaTransacSQL();
+            if(eveobj.OrdenaListas(orderlist,UsuarioActual.CveEmpresa,UsuarioActual.CveUsuario))
+            {
+                eveobj.Commit();
+            }
+            else
+            {
+                eveobj.RollBack();
+            }
         }
     }
 }

vwd.webinfo

@@ -94,6 +94,12 @@
     
   
     
+  
+    
+  
+    
+  
+