PDF rausgenommen

msd2/tracking/piwik/plugins/Actions/javascripts/actionsDataTable.js

@@ -0,0 +1,358 @@
+/*!
+ * Piwik - free/libre analytics platform
+ *
+ * @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;
+
+    // helper function for ActionDataTable
+    function getLevelFromClass(style) {
+        if (!style || typeof style == "undefined") return 0;
+
+        var currentLevel = 0;
+
+        var currentLevelIndex = style.indexOf('level');
+        if (currentLevelIndex >= 0) {
+            currentLevel = Number(style.substr(currentLevelIndex + 5, 1));
+        }
+        return currentLevel;
+    }
+
+    // helper function for ActionDataTable
+    function setImageMinus(domElem) {
+        $('img.plusMinus', domElem).attr('src', 'plugins/Morpheus/images/minus.png');
+    }
+
+    // helper function for ActionDataTable
+    function setImagePlus(domElem) {
+        $('img.plusMinus', domElem).attr('src', 'plugins/Morpheus/images/plus.png');
+    }
+
+    /**
+     * UI control that handles extra functionality for Actions datatables.
+     *
+     * @constructor
+     */
+    exports.ActionsDataTable = function (element) {
+        this.parentAttributeParent = '';
+        this.parentId = '';
+        this.disabledRowDom = {}; // to handle double click on '+' row
+
+        DataTable.call(this, element);
+    };
+
+    $.extend(exports.ActionsDataTable.prototype, dataTablePrototype, {
+
+        //see dataTable::bindEventsAndApplyStyle
+        bindEventsAndApplyStyle: function (domElem, rows) {
+            var self = this;
+
+            self.cleanParams();
+            self.preBindEventsAndApplyStyleHook(domElem, rows);
+
+            if (!rows) {
+                rows = $('tr', domElem);
+            }
+
+            // we don't display the link on the row with subDataTable when we are already
+            // printing all the subTables (case of recursive search when the content is
+            // including recursively all the subtables
+            if (!self.param.filter_pattern_recursive) {
+                self.numberOfSubtables = rows.filter('.subDataTable').click(function () {
+                    self.onClickActionSubDataTable(this)
+                }).length;
+            }
+            self.applyCosmetics(domElem, rows);
+            self.handleColumnHighlighting(domElem);
+            self.handleRowActions(domElem, rows);
+            self.handleLimit(domElem);
+            self.handlePeriod(domElem);
+            self.handleAnnotationsButton(domElem);
+            self.handleExportBox(domElem);
+            self.handleSort(domElem);
+            self.handleOffsetInformation(domElem);
+            if (self.workingDivId != undefined) {
+                var dataTableLoadedProxy = function (response) {
+                    self.dataTableLoaded(response, self.workingDivId);
+                };
+
+                self.handleConfigurationBox(domElem, dataTableLoadedProxy);
+                self.handleSearchBox(domElem, dataTableLoadedProxy);
+            }
+
+            self.handleColumnDocumentation(domElem);
+            self.handleRelatedReports(domElem);
+            self.handleTriggeredEvents(domElem);
+            self.handleCellTooltips(domElem);
+            self.setFixWidthToMakeEllipsisWork(domElem);
+            self.handleSummaryRow(domElem);
+            self.openSubtableFromLevel0IfOnlyOneSubtableGiven(domElem);
+            self.postBindEventsAndApplyStyleHook(domElem, rows);
+        },
+
+        openSubtableFromLevel0IfOnlyOneSubtableGiven: function (domElem) {
+            var $subtables = domElem.find('.subDataTable');
+            var hasOnlyOneSubtable = $subtables.length === 1;
+
+            if (hasOnlyOneSubtable) {
+                var hasOnlyOneRow = domElem.find('tbody tr.level0').length === 1;
+                
+                if (hasOnlyOneRow) {
+                    var $labels = $subtables.find('.label');
+                    if ($labels.length) {
+                        $labels.first().click();
+                    }
+                }
+            }
+        },
+
+        openSubtableFromSubtableIfOnlyOneSubtableGiven: function (domElem) {
+            var hasOnlyOneRow = domElem.length === 1;
+            var hasOnlyOneSubtable = domElem.hasClass('subDataTable');
+
+            if (hasOnlyOneRow && hasOnlyOneSubtable) {
+                // when subtable is loaded
+                var $labels = domElem.find('.label');
+                if ($labels.length) {
+                    $labels.first().click();
+                }
+            }
+        },
+
+        //see dataTable::applyCosmetics
+        applyCosmetics: function (domElem, rows) {
+            var self = this;
+            var rowsWithSubtables = rows.filter('.subDataTable');
+
+            rowsWithSubtables.css('font-weight', 'bold');
+
+            $("th:first-child", domElem).addClass('label');
+            var imagePlusMinusWidth = 12;
+            var imagePlusMinusHeight = 12;
+            $('td:first-child', rowsWithSubtables)
+                .each(function () {
+                    $(this).prepend('<img width="' + imagePlusMinusWidth + '" height="' + imagePlusMinusHeight + '" class="plusMinus" src="" />');
+                    if (self.param.filter_pattern_recursive) {
+                        setImageMinus(this);
+                    }
+                    else {
+                        setImagePlus(this);
+                    }
+                });
+
+            var rootRow = rows.first().prev();
+
+            // we look at the style of the row before the new rows to determine the rows'
+            // level
+            var level = rootRow.length ? getLevelFromClass(rootRow.attr('class')) + 1 : 0;
+
+            rows.each(function () {
+                var currentStyle = $(this).attr('class') || '';
+
+                if (currentStyle.indexOf('level') == -1) {
+                    $(this).addClass('level' + level);
+                }
+
+                // we add an attribute parent that contains the ID of all the parent categories
+                // this ID is used when collapsing a parent row, it searches for all children rows
+                // which 'parent' attribute's value contains the collapsed row ID
+                $(this).prop('parent', function () {
+                    return self.parentAttributeParent + ' ' + self.parentId;
+                });
+            });
+
+            self.addOddAndEvenClasses(domElem);
+        },
+
+        addOddAndEvenClasses: function(domElem) {
+            // Add some styles on the cells
+            // label (first column of a data row) or not
+            $("tr:not(.hidden) td:first-child", domElem).addClass('label');
+            $("tr:not(.hidden) td", domElem).slice(1).addClass('column');
+        },
+
+        handleRowActions: function (domElem, rows) {
+            this.doHandleRowActions(rows);
+        },
+
+        // Called when the user click on an actionDataTable row
+        onClickActionSubDataTable: function (domElem) {
+            var self = this;
+
+            // get the idSubTable
+            var idSubTable = $(domElem).attr('id');
+
+            var divIdToReplaceWithSubTable = 'subDataTable_' + idSubTable;
+
+            var NextStyle = $(domElem).next().attr('class');
+            var CurrentStyle = $(domElem).attr('class');
+
+            var currentRowLevel = getLevelFromClass(CurrentStyle);
+            var nextRowLevel = getLevelFromClass(NextStyle);
+
+            // if the row has not been clicked
+            // which is the same as saying that the next row level is equal or less than the current row
+            // because when we click a row the level of the next rows is higher (level2 row gives level3 rows)
+            if (currentRowLevel >= nextRowLevel) {
+                //unbind click to avoid double click problem
+                $(domElem).off('click');
+                self.disabledRowDom = $(domElem);
+
+                var numberOfColumns = $(domElem).children().length;
+                $(domElem).after('\
+                <tr id="' + divIdToReplaceWithSubTable + '" class="cellSubDataTable">\
+                    <td colspan="' + numberOfColumns + '">\
+                            <span class="loadingPiwik" style="display:inline"><img src="plugins/Morpheus/images/loading-blue.gif" /> Loading...</span>\
+                    </td>\
+                </tr>\
+                ');
+                var savedActionVariable = self.param.action;
+
+                // reset all the filters from the Parent table
+                var filtersToRestore = self.resetAllFilters();
+
+                // Do not reset the sorting filters that must be applied to sub tables
+                this.param['filter_sort_column'] = filtersToRestore['filter_sort_column'];
+                this.param['filter_sort_order'] = filtersToRestore['filter_sort_order'];
+                this.param['enable_filter_excludelowpop'] = filtersToRestore['enable_filter_excludelowpop'];
+
+                self.param.idSubtable = idSubTable;
+                self.param.action = self.props.subtable_controller_action;
+
+                self.reloadAjaxDataTable(false, function (resp) {
+                    self.actionsSubDataTableLoaded(resp, idSubTable);
+                    self.repositionRowActions($(domElem));
+                });
+                self.param.action = savedActionVariable;
+
+                self.restoreAllFilters(filtersToRestore);
+
+                delete self.param.idSubtable;
+            }
+            // else we toggle all these rows
+            else {
+                var plusDetected = $('td img.plusMinus', domElem).attr('src').indexOf('plus') >= 0;
+
+                $(domElem).siblings().each(function () {
+                    var parents = $(this).prop('parent').split(' ');
+                    if (parents) {
+                        if (parents.indexOf(idSubTable) >= 0
+                            || parents.indexOf('subDataTable_' + idSubTable) >= 0) {
+                            if (plusDetected) {
+                                $(this).css('display', '').removeClass('hidden');
+
+                                //unroll everything and display '-' sign
+                                //if the row is already opened
+                                var NextStyle = $(this).next().attr('class');
+                                var CurrentStyle = $(this).attr('class');
+
+                                var currentRowLevel = getLevelFromClass(CurrentStyle);
+                                var nextRowLevel = getLevelFromClass(NextStyle);
+
+                                if (currentRowLevel < nextRowLevel)
+                                    setImageMinus(this);
+                            }
+                            else {
+                                $(this).css('display', 'none').addClass('hidden');
+                            }
+                            self.repositionRowActions($(domElem));
+                        }
+                    }
+                });
+
+                var table = $(domElem);
+                if (!table.hasClass('dataTable')) {
+                    table = table.closest('.dataTable');
+                }
+
+                self.$element.trigger('piwik:actionsSubTableToggled');
+            }
+
+            // toggle the +/- image
+            var plusDetected = $('td img.plusMinus', domElem).attr('src').indexOf('plus') >= 0;
+            if (plusDetected) {
+                setImageMinus(domElem);
+            }
+            else {
+                setImagePlus(domElem);
+            }
+        },
+
+        //called when the full table actions is loaded
+        dataTableLoaded: function (response, workingDivId) {
+            var content = $(response);
+            var idToReplace = workingDivId || $(content).attr('id');
+
+            //reset parents id
+            self.parentAttributeParent = '';
+            self.parentId = '';
+
+            var dataTableSel = $('#' + idToReplace);
+
+            // keep the original list of related reports
+            var oldReportsElem = $('.datatableRelatedReports', dataTableSel);
+            $('.datatableRelatedReports', content).replaceWith(oldReportsElem);
+
+            dataTableSel.replaceWith(content);
+
+            content.trigger('piwik:dataTableLoaded');
+
+            piwikHelper.compileAngularComponents(content);
+
+            piwikHelper.lazyScrollTo(content[0], 400);
+
+            return content;
+        },
+
+        // Called when a set of rows for a category of actions is loaded
+        actionsSubDataTableLoaded: function (response, idSubTable) {
+            var self = this;
+            var idToReplace = 'subDataTable_' + idSubTable;
+            var root = $('#' + self.workingDivId);
+
+            var response = $(response);
+            self.parentAttributeParent = $('tr#' + idToReplace).prev().prop('parent');
+            self.parentId = idToReplace;
+
+            $('tr#' + idToReplace, root).after(response).remove();
+
+            var requiredColumnCount = 0, availableColumnCount = 0;
+
+            response.prev().find('td').each(function(){ requiredColumnCount += $(this).attr('colspan') || 1; });
+            response.find('td').each(function(){ availableColumnCount += $(this).attr('colspan') || 1; });
+
+            var missingColumns = requiredColumnCount - availableColumnCount;
+            for (var i = 0; i < missingColumns; i++) {
+                // if the subtable has fewer columns than the parent table, add some columns.
+                // this happens for example, when the parent table has performance metrics and the subtable doesn't.
+                response.append('<td>-</td>');
+            }
+
+            var re = /subDataTable_(\d+)/;
+            var ok = re.exec(self.parentId);
+            if (ok) {
+                self.parentId = ok[1];
+            }
+
+            // we execute the bindDataTableEvent function for the new DIV
+            self.bindEventsAndApplyStyle($('#' + self.workingDivId), response);
+
+            self.$element.trigger('piwik:actionsSubDataTableLoaded');
+
+            //bind back the click event (disabled to avoid double-click problem)
+            self.disabledRowDom.click(
+                function () {
+                    self.onClickActionSubDataTable(this)
+                });
+
+            self.openSubtableFromSubtableIfOnlyOneSubtableGiven(response);
+        }
+    });
+
+})(jQuery, require);

msd2/tracking/piwik/plugins/Actions/javascripts/rowactions.js

@@ -0,0 +1,69 @@
+$(function () {
+
+    function isActionsModule(params)
+    {
+        return params.module == 'Actions';
+    }
+
+    function isPageUrlReport(params) {
+        var action = params.action;
+
+        return isActionsModule(params) &&
+            (action == 'getPageUrls' || action == 'getEntryPageUrls' || action == 'getExitPageUrls' || action == 'getPageUrlsFollowingSiteSearch');
+    };
+
+    function isPageTitleReport(params) {
+        var action = params.action;
+
+        return isActionsModule(params) && (action == 'getPageTitles' || action == 'getPageTitlesFollowingSiteSearch');
+    };
+
+    function getLinkForTransitionAndOverlayPopover(tr)
+    {
+        var link = tr.find('> td:first > a').attr('href');
+        link = $('<textarea>').html(link).val(); // remove html entities
+        return link;
+    }
+
+    if (window.DataTable_RowActions_Transitions) {
+        DataTable_RowActions_Transitions.registerReport({
+            isAvailableOnReport: function (dataTableParams) {
+                return isPageUrlReport(dataTableParams);
+            },
+            isAvailableOnRow: function (dataTableParams, tr) {
+                return isPageUrlReport(dataTableParams) && tr.find('> td:first span.label').parent().is('a')
+            },
+            trigger: function (tr, e, subTableLabel) {
+                var link = getLinkForTransitionAndOverlayPopover(tr);
+                this.openPopover('url:' + link);
+            }
+        });
+
+        DataTable_RowActions_Transitions.registerReport({
+            isAvailableOnReport: function (dataTableParams) {
+                return isPageTitleReport(dataTableParams);
+            },
+            isAvailableOnRow: function (dataTableParams, tr) {
+                return isPageTitleReport(dataTableParams);
+            },
+            trigger: function (tr, e, subTableLabel) {
+                DataTable_RowAction.prototype.trigger.apply(this, [tr, e, subTableLabel]);
+            }
+        });
+    }
+
+    if (window.DataTable_RowActions_Overlay) {
+        DataTable_RowActions_Overlay.registerReport({
+            isAvailableOnReport: function (dataTableParams) {
+                return isPageUrlReport(dataTableParams);
+            },
+            onClick: function (actionA, tr, e) {
+                return {
+                    link: getLinkForTransitionAndOverlayPopover(tr),
+                    segment: null
+                }
+            }
+        });
+    }
+
+});