Ading group by extension

src/extensions/group-by/bootstrap-table-group-by.js

@@ -1,166 +1,161 @@
+/* eslint-disable guard-for-in */
 /**
  * @author: Bighamster
  * @webSite: https://github.com/Bighamster
  * @version: v1.0.0
- example:
- <table data-group-by="company department"
-        data-group-by-sum="salary tax hours"
-        data-group-by-count="name"
-        data-group-by-avg="salary">
+ * @update Dennis Hernández | http://djhvscf.github.io/Blog
  */
 
-!function ($) {
-
-  'use strict'
-
-  $.extend($.fn.bootstrapTable.defaults, {
-    groupBy: '',
-    groupBySum: '',
-    groupByCount: '',
-    groupByAvg: ''
-  })
+const UtilsGroupBy = {
+  string2hash (s) {
+    const h = {}
+    if (typeof s === 'string') {
+      s.split(' ').forEach(function (field) {
+        h[field] = 0
+      })
+    }
+    return h
+  },
+
+  aggr_sum (rows, fields) {
+    for (const field in fields) {
+      rows.forEach(function (row) {
+        fields[field] += isNaN(row[field]) ? 0 : row[field] * 1.0
+      })
+    }
+    return fields
+  },
+
+  aggr_count (rows, fields) {
+    for (const field in fields) {
+      rows.forEach(function (row) {
+        fields[field] += row[field] ? 1 : 0
+      })
+    }
+    return fields
+  },
+
+  aggr_avg (rows, fields) {
+    let sum = 0
+    let count = 0
+    for (const field in fields) {
+      rows.forEach(function (row) {
+        if (!isNaN(row[field])) {
+          sum += row[field] * 1.0
+          count += 1
+        }
+      })
+      fields[field] = count > 0 ? sum / count : 0
+    }
+    return fields
+  },
 
-  var BootstrapTable = $.fn.bootstrapTable.Constructor,
-    _init = BootstrapTable.prototype.init,
-    _load = BootstrapTable.prototype.load,
-    _initBody = BootstrapTable.prototype.initBody
+  execFunc (self, name, args, defaultValue) {
+    let func = name
 
-  BootstrapTable.prototype.init = function () {
+    if (typeof name === 'string') {
+      const names = name.split('.')
 
-    if ( this.options.groupBy ) {
+      if (names.length > 1) {
+        func = window
+        $.each(names, function (i, f) { func = func[f] })
+      } else {
+        func = window[name]
+      }
+    }
 
-      this._group_by_plugin = function ( btable ) {
+    return (typeof func === 'function') ? func.apply(self, args || []) : defaultValue
+  },
 
-        var groups = {},
-          fields = string2hash(btable.options.groupBy),
-          fieldsSum = string2hash(btable.options.groupBySum),
-          fieldsCount = string2hash(btable.options.groupByCount),
-          fieldsAvg = string2hash(btable.options.groupByAvg),
-          allFields = Object.keys($.extend({}, fieldsSum, fieldsCount, fieldsAvg))
+  initRow (key, val, first_row, btable, allFields) {
 
-        var execFunc = function (self, name, args, defaultValue) {
-          var func = name
+    const html = []
+    const hidden_tds = []
+    const tds = []
+    let colspan = 0
+    let value
 
-          if (typeof name === 'string') {
+    $.each(btable.columns, function (i, column) {
 
-            var names = name.split('.')
+      if (!column.visible) {
+        return
+      }
 
-            if (names.length > 1) {
-              func = window
-              $.each(names, function (i, f) { func = func[f] })
-            } else {
-              func = window[name]
-            }
-          }
+      if (btable.options.cardView && (!column.cardVisible)) {
+        return
+      }
 
-          return (typeof func === 'function') ? func.apply(self, args || []) : defaultValue
-        };
+      if (first_row) {
+        hidden_tds.push('<td ' + (column.class ? 'class="' + column.class + '"' : '') + '></td>')
+      }
 
-        function string2hash ( s ) {
-          var h = {}
-          if ( typeof s === 'string' ) {
-            s.split(' ').forEach(function (field) { h[field] = 0 })
-          }
-          return h
-        };
+      if ($.inArray(column.field, allFields) > -1 || tds.length > 0) {
 
-        function aggr_sum ( rows, fields ) {
-          for (var field in fields ) {
-            rows.forEach(function (row) {
-              fields[field] += isNaN(row[field]) ? 0 : row[field] * 1.0
-            })
-          }
-          return fields
-        }
+        value = val.aggr[column.field]
 
-        function aggr_count ( rows, fields ) {
-          for (var field in fields ) {
-            rows.forEach(function (row) {
-              fields[field] += row[field] ? 1 : 0
-            })
-          }
-          return fields
-        }
+        tds.push('<td ' + (column.class ? 'class="' + column.class + '"' : '') + ' ' + (value ? 'data-value="' + value + '"' : '') + '>')
 
-        function aggr_avg ( rows, fields ) {
-          var sum = 0, count = 0
-          for (var field in fields ) {
-            rows.forEach(function (row) {
-              if ( !isNaN(row[field]) ) {
-                sum += row[field] * 1.0
-                count += 1
-              }
-            })
-            fields[field] = count > 0 ? sum/count : 0
-          }
-          return fields
+        if (column.formatter) {
+          tds.push(UtilsGroupBy.execFunc(column, column.formatter, [value], '&nbsp;'))
+        } else {
+          tds.push(value)
         }
 
-        function initRow ( key, val, first_row ) {
-
-          var html = [], hidden_tds = [], tds = [], colspan = 0, value
+        tds.push('</td>')
+      } else {
+        colspan += 1
+      }
+    })
 
-          $.each(btable.columns, function (i, column) {
-
-            if (!column.visible) {
-              return
-            }
-
-            if (btable.options.cardView && (!column.cardVisible)) {
-              return
-            }
-
-            if ( first_row ) {
-              hidden_tds.push('<td '+(column.class ? 'class="'+column.class+'"' : '')+'></td>')
-            }
-
-            if ( $.inArray(column.field, allFields) > -1 || tds.length > 0 ) {
-
-              value = val.aggr[column.field]
-
-              tds.push('<td '+(column.class ? 'class="'+column.class+'"' : '')+' '+(value ? 'data-value="'+value+'"' : '')+'>')
-
-              if ( column.formatter ) {
-                tds.push(execFunc(column, column.formatter, [value], '&nbsp;'))
-              } else {
-                tds.push(value)
-              }
-
-              tds.push('</td>')
-            } else {
-              colspan += 1
-            }
-          })
-
-          // add an empty string because the header row expects a normal visible first row of data
-          if ( first_row ) {
-            html.push('<tr>'+hidden_tds.join('')+'</tr>')
-          }
+    // add an empty string because the header row expects a normal visible first row of data
+    if (first_row) {
+      html.push('<tr>' + hidden_tds.join('') + '</tr>')
+    }
 
-          html.push('<tr class="group-by-row expanded"><td data-col-name="group-title" colspan='+colspan+'>'+key+'</td>'+tds.join('')+'</tr>')
+    html.push('<tr class="group-by-row expanded"><td data-col-name="group-title" colspan=' + colspan + '>' + key + '</td>' + tds.join('') + '</tr>')
 
-          return html.join('')
-        }
+    return html.join('')
+  }
+}
+
+$.extend($.fn.bootstrapTable.defaults, {
+  groupBy: '',
+  groupBySum: '',
+  groupByCount: '',
+  groupByAvg: ''
+})
+
+$.BootstrapTable = class extends $.BootstrapTable {
+  init () {
+    if (this.options.groupBy) {
+      this._group_by_plugin = function (btable) {
+        let groups = {}
+        const fields = UtilsGroupBy.string2hash(btable.options.groupBy)
+        const fieldsSum = UtilsGroupBy.string2hash(btable.options.groupBySum)
+        const fieldsCount = UtilsGroupBy.string2hash(btable.options.groupByCount)
+        const fieldsAvg = UtilsGroupBy.string2hash(btable.options.groupByAvg)
+        const allFields = Object.keys($.extend({}, fieldsSum, fieldsCount, fieldsAvg))
 
         return {
-          groups: function () { return groups },
+          groups: function () {
+            return groups
+          },
           data: function () {
-            var data = []
-            $.each(groups, function ( key, val ) {
-              data = data.concat( val.rows )
+            let data = []
+            $.each(groups, function (key, val) {
+              data = data.concat(val.rows)
             })
             return data
           },
           draw: function () {
-            var first_row = true
-            $.each(groups, function ( key, val ) {
-              btable.$body.find('tr[data-parent-index="'+val.index+'"]:first').before( $(initRow(key, val, first_row)) )
+            let first_row = true
+            $.each(groups, function (key, val) {
+              btable.$body.find('tr[data-parent-index="' + val.index + '"]:first').before($(UtilsGroupBy.initRow(key, val, first_row, btable, allFields)))
               first_row = false
             })
           },
-          build:  function ( rows ) {
-
-            var index = 0
+          build: function (rows) {
+            let index = 0
 
             // reset groups
             groups = {}
@@ -168,7 +163,9 @@
             // build new groups
             rows.forEach(function (row) {
 
-              var group_key = $.map(fields, function (val, key) { return row[key] }).join(' ')
+              const group_key = $.map(fields, function (val, key) {
+                return row[key]
+              }).join(' ')
 
               groups[group_key] = groups[group_key] || {rows: [], aggr: {}, index: index++}
               groups[group_key].rows.push(row)
@@ -179,38 +176,36 @@
 
               // reset values of aggregates
               [fieldsSum, fieldsCount, fieldsAvg].forEach(function (h) {
-                for (var key in h ) { h[key] = 0 }
+                for (const key in h) {
+                  h[key] = 0
+                }
               })
 
               val.rows.forEach(function (row) {
                 row['_data'] = {'parent-index': val.index}
               })
 
-              $.extend(val.aggr, aggr_sum(  val.rows, fieldsSum))
-              $.extend(val.aggr, aggr_count(val.rows, fieldsCount))
-              $.extend(val.aggr, aggr_avg(  val.rows, fieldsAvg))
+              $.extend(val.aggr, UtilsGroupBy.aggr_sum(val.rows, fieldsSum))
+              $.extend(val.aggr, UtilsGroupBy.aggr_count(val.rows, fieldsCount))
+              $.extend(val.aggr, UtilsGroupBy.aggr_avg(val.rows, fieldsAvg))
             })
 
             return groups
           }
         }
-      }( this )
+      }(this)
     }
 
-    _init.apply(this, Array.prototype.slice.apply(arguments))
+    super.init()
   }
 
-  BootstrapTable.prototype.initBody = function () {
-
-    if ( this._group_by_plugin ) {
-
-      this._group_by_plugin.build( this.data )
-      _initBody.apply(this, Array.prototype.slice.apply(arguments))
+  initBody () {
+    if (this._group_by_plugin) {
+      this._group_by_plugin.build(this.data)
+      super.initBody()
       this._group_by_plugin.draw()
-
     } else {
-      _initBody.apply(this, Array.prototype.slice.apply(arguments))
+      super.initBody()
     }
   }
-
-}(jQuery)
+}