add icons for Character groups

www/analytics/plugins/Insights/javascripts/insightsDataTable.js

@@ -0,0 +1,118 @@
+/*!
+ * Piwik - Web Analytics
+ *
+ * @link http://piwik.org
+ * @license http://www.gnu.org/licenses/gpl-3.0.html GPL v3 or later
+ */
+
+ (function ($, require) {
+
+    var exports = require('piwik/UI'),
+        DataTable = exports.DataTable,
+        dataTablePrototype = DataTable.prototype;
+
+     var UIControl = exports.UIControl;
+
+     function getValueFromEvent(event)
+     {
+         return event.target.value ? event.target.value : $(event.target).attr('value');
+     }
+
+    /**
+     * UI control that handles extra functionality for Actions datatables.
+     * 
+     * @constructor
+     */
+    exports.InsightsDataTable = function (element) {
+        this.parentAttributeParent = '';
+        this.parentId = '';
+        this.disabledRowDom = {}; // to handle double click on '+' row
+
+        if ($(element).attr('data-table-onlyinsightsinit')) {
+            // overview-widget
+            UIControl.call(this, element);
+            this._init($(element));
+            this.workingDivId = this._createDivId();
+            $(element).attr('id', this.workingDivId);
+
+        } else {
+            DataTable.call(this, element);
+        }
+    };
+
+    $.extend(exports.InsightsDataTable.prototype, dataTablePrototype, {
+
+        handleRowActions: function () {},
+
+        _init: function (domElem) {
+            this.initShowIncreaseOrDecrease(domElem);
+            this.initOrderBy(domElem);
+            this.initComparedToXPeriodsAgo(domElem);
+            this.initFilterBy(domElem);
+            this.setFixWidthToMakeEllipsisWork(domElem);
+        },
+
+        setFixWidthToMakeEllipsisWork: function (domElem) {
+            var width = domElem.width();
+            if (width) {
+                $('td.label', domElem).width(parseInt(width * 0.50, 10));
+            }
+        },
+
+        _changeParameter: function (params) {
+
+            var widgetParams = {};
+
+            for (var index in params) {
+                if (params.hasOwnProperty(index)) {
+                    this.param[index]   = params[index];
+                    widgetParams[index] = params[index];
+                }
+            }
+
+            this.notifyWidgetParametersChange(this.$element, widgetParams);
+        },
+
+        _changeParameterAndReload: function (params) {
+            this._changeParameter(params);
+            this.reloadAjaxDataTable(true);
+        },
+
+        initShowIncreaseOrDecrease: function (domElem) {
+            var self = this;
+            $('[name=showIncreaseOrDecrease]', domElem).bind('change', function (event) {
+                var value = getValueFromEvent(event);
+
+                self._changeParameterAndReload({
+                    limit_increaser: (value == 'both' || value == 'increase') ? '5' : '0',
+                    limit_decreaser: (value == 'both' || value == 'decrease') ? '5' : '0'
+                });
+            });
+        },
+
+        initOrderBy: function (domElem) {
+            var self = this;
+            $('[name=orderBy]', domElem).bind('change', function (event) {
+                self._changeParameterAndReload({order_by: getValueFromEvent(event)});
+            });
+            $('th[name=orderBy]', domElem).bind('click', function (event) {
+                self._changeParameterAndReload({order_by: getValueFromEvent(event)});
+            });
+        },
+
+        initComparedToXPeriodsAgo: function (domElem) {
+            var self = this;
+            $('[name=comparedToXPeriodsAgo]', domElem).bind('change', function (event) {
+                self._changeParameterAndReload({compared_to_x_periods_ago: getValueFromEvent(event)});
+            });
+        },
+
+        initFilterBy: function (domElem) {
+            var self = this;
+            $('[name=filterBy]', domElem).bind('change', function (event) {
+                self._changeParameterAndReload({filter_by: getValueFromEvent(event)});
+            });
+        }
+    });
+
+})(jQuery, require);