Changeset 17562 for extensions/GrumPluginClasses/js

Timestamp:

Aug 14, 2012, 9:55:13 PM (12 years ago)

Author:

grum

Message:

bug:2723
+ improve some GPC framework functionnalities

Location:

extensions/GrumPluginClasses/js

Files:

• CanvasDraw.CommonClasses.js (added)
• CanvasDraw.Drawing.js (added)
• CanvasDraw.GraphClasses.js (added)
• canvasDraw.js (added)
• canvasDraw.ui.drawingGraph.js (added)
• ui.dynamicTable.js (modified) (25 diffs)
• ui.inputFilterBox.js (modified) (1 diff)
• ui.inputPath.js (added)

extensions/GrumPluginClasses/js/ui.dynamicTable.js

@@ -54 +54 @@
                   options =
                     {
+                      autoLoad:true,
                       columns:[],
                       postUrl:'',
@@ -65 +66 @@
                       currentPage:1,
                       sortBoxTitle:'Sort by',
+                      showTotalRow:'auto',     // visible, hidden, auto
                       footerString:
                         {
@@ -93 +95 @@
                     sortedColumns:[],
                     filteredColumns:[],
-                    loadedData:[]
+                    loadedData:[],
+                    totalRowHasData:false
                   }
                 );
@@ -131 +134 @@
                         }
                       ),
+                    loadingContentWorkInProgress:$('<div/>',
+                        {
+                          class:'ui-dynamicTableLoadingWorkInProgress'
+                        }
+                      ),
+
+                    totalRowContent:$('<table/>',
+                        {
+                          'class':'ui-dynamicTableTotalRow'
+                        }
+                      ),
+                    totalRowTr:$('<tr/>'),
+
 
                     footer:$('<div/>',
@@ -154 +170 @@
                   .append(objects.headerContainer.append(objects.header.append(objects.headerTr)))
                   .append(objects.loadingContent)
+                  .append(objects.loadingContentWorkInProgress)
                   .append(objects.contentContainer.append(objects.content))
+                  .append(objects.totalRowContent.append(objects.totalRowTr))
                   .append(objects.footer
                             .append(objects.footerNbItems)
@@ -285 +303 @@
         }, // footerString
 
+      autoLoad: function (value)
+        {
+          if(value!=null)
+          {
+            // set selected value
+            return(
+              this.each(
+                function()
+                {
+                  privateMethods.setAutoLoad($(this), value, true);
+                }
+              )
+            );
+          }
+          else
+          {
+            var options=this.data('options');
+            return(options.autoLoad);
+          }
+        }, // autoLoad
+
+
+      showTotalRow : function (value)
+        {
+          if(value!=null)
+          {
+            // set selected value
+            return(
+              this.each(
+                function()
+                {
+                  privateMethods.setShowTotalRow($(this), value);
+                }
+              )
+            );
+          }
+          else
+          {
+            var options=this.data('options');
+            return(options.showTotalRow);
+          }
+        }, // showTotalRow
+
+
        currentPage: function (value)
         {
@@ -509 +571 @@
 
           return(properties.loadedData);
-        } // loadedData
+        }, // loadedData
+
+      /**
+       * refresh table content
+       * @param Integer value: page; if not specified, refresh current page
+       */
+      refreshContent: function (value)
+        {
+          privateMethods.loadContent($(this), value);
+        },
+
+      /**
+       * force table to resize columns
+       */
+      resizeContent: function (value)
+        {
+          privateMethods.setColumnsSize($(this));
+        },
+
 
     }; // methods
@@ -528 +608 @@
           properties.initialized=false;
 
+          privateMethods.setAutoLoad(object, (value.autoLoad!=null)?value.autoLoad:options.autoLoad);
+          privateMethods.setShowTotalRow(object, (value.showTotalRow!=null)?value.showTotalRow:options.showTotalRow);
           privateMethods.setPostData(object, (value.postData!=null)?value.postData:options.postData);
           privateMethods.setPostUrl(object, (value.postUrl!=null)?value.postUrl:options.postUrl);
@@ -549 +631 @@
 
 
-
-          privateMethods.loadContent(object);
+          if(options.autoLoad)
+            privateMethods.loadContent(object);
 
         },
+
+      setAutoLoad : function (object, value)
+        {
+          var properties=object.data('properties'),
+              options=object.data('options');
+
+          if((!properties.initialized || value!=options.autoLoad) && (value==true || value==false))
+          {
+            options.autoLoad=value;
+          }
+
+          return(options.autoLoad);
+        }, // setAutoLoad
+
+      setShowTotalRow : function (object, value)
+        {
+          var properties=object.data('properties'),
+              options=object.data('options');
+
+          if((!properties.initialized || value!=options.showTotalRow) && (value=='visible' || value=='hidden' || value=='auto'))
+          {
+            options.showTotalRow=value;
+            if(properties.initialized)
+              privateMethods.showTotalRow(object);
+          }
+
+          return(options.showTotalRow);
+        }, // setAutoLoad
+
 
       setColumns : function (object, value)
@@ -827 +938 @@
 
       /*
-       * update DOM for headers & footer
+       * update DOM for headers & footer & total row
        */
       updateTable : function (object)
@@ -840 +951 @@
 
           objects.headerTr.children().remove();
+          objects.totalRowTr.children().remove();
 
           properties.hasSortableButton=false;
@@ -930 +1042 @@
 
             objects.headerTr.append(td);
+
+            td=$('<td/>');
+            if(options.columns[i].width!='') td.attr('style', 'width:'+options.columns[i].width+';');
+            objects.totalRowTr.append(td);
           }
 
@@ -959 +1075 @@
                             modal:true,
                             width:cWidth,
-                            height:150,
+                            height:250,
                             autoHeight:false,
                             title:options.sortBoxTitle,
@@ -982 +1098 @@
                 ).append(button);
             objects.headerTr.append(td);
+
+            td=$('<td/>');
+            objects.totalRowTr.append(td);
           }
         }, //updateTable
 
-
-      loadContent : function (object)
+      /**
+       * load table content
+       *
+       * @param Integer page: page to load; if not specified, use the current page
+       */
+      loadContent : function (object, page)
         {
           var data=null,
@@ -997 +1120 @@
           if(options.postUrl=='') return(false);
 
+          if(page>0 && page <= objects.footerPagesNavigator.inputPages('nbPages'))
+            options.currentPage=page;
           privateMethods.displayLoading(object, true);
 
@@ -1030 +1155 @@
                   msg=$.parseJSON(msg);
 
-                  if(msg==null) return(false);
+                  if(msg==null || msg.rows==null)
+                  {
+                    privateMethods.displayLoading(object, false);
+                    return(false);
+                  }
 
                   if(options.contentLoaded) object.trigger('dynamicTableContentLoaded', msg);
@@ -1036 +1165 @@
                   objects.content.find('tr').unbind('click.dynamicTable');
                   objects.content.children().remove();
+                  objects.contentContainer.scrollTop('0px');
 
                   delete properties.loadedData;
@@ -1078 +1208 @@
                   }
 
+                  if(msg.total!=null && $.isArray(msg.total))
+                  {
+                    properties.totalRowHasData=true;
+                    objects.totalRowTr.children().each(
+                      function (index)
+                      {
+                        $(this).html(msg.total[index]);
+                      }
+                    );
+                  }
+                  else
+                  {
+                    properties.totalRowHasData=false;
+                  }
+
                   if(options.click)
                     objects.content.find('tr').bind('click.dynamicTable', options.click);
 
+                  privateMethods.showTotalRow(object);
                   privateMethods.setColumnsSize(object);
                   privateMethods.displayLoading(object, false);
@@ -1088 +1234 @@
                   //
                   objects.loadingContent.attr('style', 'display:none;');
+                  objects.loadingContentWorkInProgress.attr('style', 'display:none;');
                 },
             }
@@ -1096 +1243 @@
         {
           var cols=[],
+              options=object.data('options'),
+              properties=object.data('properties'),
               objects=object.data('objects');
 
@@ -1107 +1256 @@
           );
 
-
+          // resize first row of table content
           objects.content.find('tr:first td').each(
             function (index)
@@ -1125 +1274 @@
           );
 
+          // resize total row if displayed
+          if(options.showTotalRow=='visible' ||
+             options.showTotalRow=='auto' && properties.totalRowHasData)
+          {
+            objects.totalRowTr.find('td').each(
+              function (index)
+              {
+                var style='';
+
+                if(index==(cols.length-1))
+                {
+                  style='max-width:';
+                }
+                else
+                {
+                  style='width:';
+                }
+                $(this).attr('style', style+cols[index]+'px;');
+              }
+            );
+          }
+
           return(true);
         }, //setColumnsSize
@@ -1135 +1306 @@
           {
             objects.loadingContent.attr('style', 'display:block;width:'+objects.contentContainer.width()+'px;height:'+objects.contentContainer.height()+'px;');
+            objects.loadingContentWorkInProgress.css(
+              {
+                'display':'block',
+                'width':objects.contentContainer.width()+'px',
+                'height':objects.contentContainer.height()+'px',
+                'background-position':Math.round((objects.contentContainer.width()-16)/2)+'px '+Math.round((objects.contentContainer.height()-16)/2)+'px'
+              }
+            );
           }
           else
           {
             objects.loadingContent.attr('style', 'display:none;');
+            objects.loadingContentWorkInProgress.attr('style', 'display:none;');
           }
         }, //displayLoading
 
-      updateNbItems: function (object)
+      showTotalRow : function (object)
         {
           var options=object.data('options'),
@@ -1148 +1328 @@
               properties=object.data('properties');
 
+          switch(options.showTotalRow)
+          {
+            case 'visible':
+              objects.totalRowContent.css('display',  'block');
+              break;
+            case 'hidden':
+              objects.totalRowContent.css('display', 'none');
+              break;
+            case 'auto':
+              if(properties.totalRowHasData)
+              {
+                objects.totalRowContent.css('display', 'block');
+              }
+              else
+              {
+                objects.totalRowContent.css('display', 'none');
+              }
+              break;
+          }
+        }, // showTotalRow
+
+      updateNbItems: function (object)
+        {
+          var options=object.data('options'),
+              objects=object.data('objects'),
+              properties=object.data('properties');
+
           if(properties.nbItems>1)
           {
@@ -1157 +1364 @@
           }
 
-        }
+        } // updateNbItems
 
     };

extensions/GrumPluginClasses/js/ui.inputFilterBox.js

@@ -644 +644 @@
                   multiple:($.inArray('in', options.filterOperators)>-1),
                   colsWidth:[],
+                  colsCss:['col1', 'col2', 'col3'],
                   items:itemsList,
                   serverUrl:serverUrl,