BUG 11752 "No se respeta la configuracion de visualizacion..." SOLVED

- No se respeta la configuracion de visualizacion por columnas de los dashboards.
- Problema resuelto, cuando se visualiza los Dashboards con una configuracion definida y al seleccionar un Dashlet
  desplazandole de una columna a otra, respetara la configuracion definida. La solucion estara disponible en la version 2.5.2.
* Available from version ProcessMaker-2.5.2-testing.1

workflow/engine/templates/dashboard/index.js

@@ -42,6 +42,52 @@ var reallocate = function (cols) {
     }
 }.defaults(3);
 
+function dashboardSetLayout(numColumn)
+{
+    dashletsColumns = numColumn;
+
+    var pd = Ext.getCmp("portalDashboard");
+
+    switch (numColumn) {
+        case 1:
+            reallocate(1);
+
+            pd.items.items[0].columnWidth = 0.98;
+            pd.items.items[1].columnWidth = 0.01;
+            pd.items.items[2].columnWidth = 0.01;
+
+            tbDashboard.items.items[0].setDisabled(false);
+            tbDashboard.items.items[1].setDisabled(false);
+            tbDashboard.items.items[2].setDisabled(true);
+            break;
+        case 2:
+            reallocate(2);
+
+            pd.items.items[0].columnWidth = 0.49;
+            pd.items.items[1].columnWidth = 0.49;
+            pd.items.items[2].columnWidth = 0.01;
+
+            tbDashboard.items.items[0].setDisabled(false);
+            tbDashboard.items.items[1].setDisabled(true);
+            tbDashboard.items.items[2].setDisabled(false);
+            break;
+        case 3:
+            reallocate(3);
+
+            pd.items.items[0].columnWidth = 0.33;
+            pd.items.items[1].columnWidth = 0.33;
+            pd.items.items[2].columnWidth = 0.33;
+
+            tbDashboard.items.items[0].setDisabled(true);
+            tbDashboard.items.items[1].setDisabled(false);
+            tbDashboard.items.items[2].setDisabled(false);
+            break;
+    }
+
+    pd.doLayout();
+}
+
+var tbDashboard;
 
 Ext.onReady(function(){
 
@@ -60,7 +106,7 @@ Ext.onReady(function(){
     }
   }];
 
-  var tbDashboard = new Ext.Toolbar({
+  tbDashboard = new Ext.Toolbar({
     height: 30,
     items: [
       {
@@ -76,18 +122,7 @@ Ext.onReady(function(){
           });
 
           var vp = Ext.getCmp('viewportDashboard');
-          var pd = Ext.getCmp('portalDashboard');
+          dashboardSetLayout(3);
-
-          reallocate(3);
-
-          pd.items.items[0].columnWidth = 0.33;
-          pd.items.items[1].columnWidth = 0.33;
-          pd.items.items[2].columnWidth = 0.33;
-          pd.doLayout();
-
-          tbDashboard.items.items[0].setDisabled(true);
-          tbDashboard.items.items[1].setDisabled(false);
-          tbDashboard.items.items[2].setDisabled(false);
 
           var orderNow = generatedOrder();
           Ext.Ajax.request({
@@ -124,9 +159,9 @@ Ext.onReady(function(){
           });
 
           var vp = Ext.getCmp('viewportDashboard');
-          var pd = Ext.getCmp('portalDashboard');
 
-          reallocate(2);
+          dashboardSetLayout(2);
+
           /*
           var dashletMove = new Array();
           for (var i = 0; i < Ext.getCmp('columnPos2').items.items.length; i++) {
@@ -142,14 +177,6 @@ Ext.onReady(function(){
             }
           };
          */
-          pd.items.items[0].columnWidth = 0.49;
-          pd.items.items[1].columnWidth = 0.49;
-          pd.items.items[2].columnWidth = 0.01;
-          pd.doLayout();
-
-          tbDashboard.items.items[0].setDisabled(false);
-          tbDashboard.items.items[1].setDisabled(true);
-          tbDashboard.items.items[2].setDisabled(false);
 
           var orderNow = generatedOrder();
           Ext.Ajax.request({
@@ -186,18 +213,7 @@ Ext.onReady(function(){
           });
 
           var vp = Ext.getCmp('viewportDashboard');
-          var pd = Ext.getCmp('portalDashboard');
+          dashboardSetLayout(1);
-
-          reallocate(1);
-
-          pd.items.items[0].columnWidth = 0.98;
-          pd.items.items[1].columnWidth = 0.01;
-          pd.items.items[2].columnWidth = 0.01;
-          pd.doLayout();
-
-          tbDashboard.items.items[0].setDisabled(false);
-          tbDashboard.items.items[1].setDisabled(false);
-          tbDashboard.items.items[2].setDisabled(true);
 
           var orderNow = generatedOrder();
           Ext.Ajax.request({
@@ -252,40 +268,45 @@ Ext.onReady(function(){
       }],
       listeners: {
         'drop': function(e) {
-          var orderNow = generatedOrder();
+                    if (e.columnIndex + 1 <= dashletsColumns) {
-          Ext.MessageBox.show({
+                        var orderNow = generatedOrder();
-            msg: _('ID_LOADING'),
+                        Ext.MessageBox.show({
-            progressText: _('ID_SAVING'),
+                            msg: _("ID_LOADING"),
-            width:300,
+                            progressText: _("ID_SAVING"),
-            wait:true,
+                            width:300,
-            waitConfig: {interval:200},
+                            wait:true,
-            animEl: 'mb7'
+                            waitConfig: {interval:200},
-          });
+                            animEl: "mb7"
+                        });
 
-          if (tbDashboard.items.items[0].disabled == true) {
+                        if (tbDashboard.items.items[0].disabled == true) {
-            var colum = 3;
+                            var colum = 3;
-          } else {
+                        } else {
-            var colum = 2;
+                            var colum = 2;
-          }
+                        }
-          Ext.Ajax.request({
+
-            params: {
+                        Ext.Ajax.request({
-              positionCol0: Ext.encode(orderNow[0]),
+                            params: {
-              positionCol1: Ext.encode(orderNow[1]),
+                                positionCol0: Ext.encode(orderNow[0]),
-              positionCol2: Ext.encode(orderNow[2]),
+                                positionCol1: Ext.encode(orderNow[1]),
-              columns: colum
+                                positionCol2: Ext.encode(orderNow[2]),
-            },
+                                columns: colum
-            url: 'dashboard/saveOrderDashlet',
+                            },
-              success: function (res) {
+                            url: "dashboard/saveOrderDashlet",
-                var data = Ext.decode(res.responseText);
+                                success: function (res) {
-                if (data.success) {
+                                    var data = Ext.decode(res.responseText);
-                  Ext.MessageBox.hide();
+                                    if (data.success) {
+                                        Ext.MessageBox.hide();
+                                    }
+                            },
+                            failure: function () {
+                                Ext.MessageBox.alert(_("ID_ERROR"), _("ID_IMPORTING_ERROR"));
+                            }
+                        });
+                    } else {
+                         dashboardSetLayout(dashletsColumns);
+                    }
                 }
-              },
-              failure: function () {
-                Ext.MessageBox.alert(_('ID_ERROR'), _('ID_IMPORTING_ERROR'));
-              }
-          });
-        }
       }
     }]
   });
@@ -320,47 +341,7 @@ Ext.onReady(function(){
     }
   }
 
-    pd.doLayout();
+  dashboardSetLayout(dashletsColumns);
 
-    switch(dashletsColumns) {
-        case 1:
-            var pd = Ext.getCmp("portalDashboard");
-            reallocate(1);
-
-            pd.items.items[0].columnWidth = 0.98;
-            pd.items.items[1].columnWidth = 0.01;
-            pd.items.items[2].columnWidth = 0.01;
-            pd.doLayout();
-
-            tbDashboard.items.items[0].setDisabled(false);
-            tbDashboard.items.items[1].setDisabled(false);
-            tbDashboard.items.items[2].setDisabled(true);
-            break;
-        case 2:
-            var pd = Ext.getCmp("portalDashboard");
-            reallocate(2);
-
-            pd.items.items[0].columnWidth = 0.49;
-            pd.items.items[1].columnWidth = 0.49;
-            pd.items.items[2].columnWidth = 0.01;
-            pd.doLayout();
-
-            tbDashboard.items.items[0].setDisabled(false);
-            tbDashboard.items.items[1].setDisabled(true);
-            tbDashboard.items.items[2].setDisabled(false);
-            break;
-        case 3:
-            var pd = Ext.getCmp("portalDashboard");
-            reallocate(3);
-
-            pd.items.items[0].columnWidth = 0.33;
-            pd.items.items[1].columnWidth = 0.33;
-            pd.items.items[2].columnWidth = 0.33;
-            pd.doLayout();
-
-            tbDashboard.items.items[0].setDisabled(true);
-            tbDashboard.items.items[1].setDisabled(false);
-            tbDashboard.items.items[2].setDisabled(false);
-            break;
-    }
 });
+