Welcome to mirror list, hosted at ThFree Co, Russian Federation.

github.com/matomo-org/matomo.git - Unnamed repository; edit this file 'description' to name the repository.
summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
Diffstat (limited to 'plugins/Transitions/templates/transitions.js')
-rw-r--r--plugins/Transitions/templates/transitions.js43
1 files changed, 30 insertions, 13 deletions
diff --git a/plugins/Transitions/templates/transitions.js b/plugins/Transitions/templates/transitions.js
index 845492e44e..4522771150 100644
--- a/plugins/Transitions/templates/transitions.js
+++ b/plugins/Transitions/templates/transitions.js
@@ -45,7 +45,8 @@ DataTable_RowActions_Registry.register({
isAvailable: function(dataTableParams, tr) {
return dataTableParams.module == 'Actions'
- && dataTableParams.action == 'getPageUrls'
+ && (dataTableParams.action == 'getPageUrls' || dataTableParams.action == 'getEntryPageUrls'
+ || dataTableParams.action == 'getExitPageUrls')
&& tr.find('> td:first > a').size() > 0;
}
@@ -93,15 +94,22 @@ Piwik_Transitions.prototype.showPopover = function() {
var canvasDom = self.popover.find('#Transitions_Canvas')[0];
var canvasBgDom = self.popover.find('#Transitions_Canvas_Background')[0];
- self.canvas = new Piwik_Transitions_Canvas(canvasDom, canvasBgDom, 850, 550);
+ self.canvas = new Piwik_Transitions_Canvas(canvasDom, canvasBgDom, 900, 550);
self.centerBox = self.popover.find('#Transitions_CenterBox');
var link = Piwik_Transitions_Util.shortenUrl(self.link, true);
var title = self.centerBox.find('h2').html(Piwik_Transitions_Util.addBreakpoints(link));
+
title.click(function() {
self.openExternalUrl(self.link);
}).css('cursor', 'pointer');
+
+ title.add(self.popover.find('p.Transitions_Pageviews')).hover(function() {
+ Piwik_Tooltip.show(self.model.generalText, 'Transitions_Tooltip_Small');
+ }, function() {
+ Piwik_Tooltip.hide();
+ });
self.model.loadData(self.link, function() {
self.render();
@@ -180,14 +188,19 @@ Piwik_Transitions.prototype.renderCenterBox = function() {
var showMetric = function(cssClass, modelProperty, highlightCurveOnSide) {
var el = box.find('.Transitions_' + cssClass);
Piwik_Transitions_Util.replacePlaceholderInHtml(el, self.model[modelProperty]);
- self.addTooltipShowingPercentageOfAllPageviews(el, modelProperty);
- if (highlightCurveOnSide && self.model[modelProperty] > 0) {
+
+ if (self.model[modelProperty] == 0) {
+ el.addClass('Transitions_Value0');
+ } else {
+ self.addTooltipShowingPercentageOfAllPageviews(el, modelProperty);
var groupName = cssClass.charAt(0).toLowerCase() + cssClass.substr(1);
- el.hover(function() {
- self.highlightGroup(groupName, highlightCurveOnSide);
- }, function() {
- self.unHighlightGroup(groupName, highlightCurveOnSide);
- });
+ if (groupName != 'bounces') {
+ el.hover(function() {
+ self.highlightGroup(groupName, highlightCurveOnSide);
+ }, function() {
+ self.unHighlightGroup(groupName, highlightCurveOnSide);
+ });
+ }
}
};
@@ -549,13 +562,13 @@ function Piwik_Transitions_Canvas(canvasDom, canvasBgDom, width, height) {
this.rightCurvePositionY = this.originalCurvePositionY;
/** Width of the rectangular box */
- this.boxWidth = 140;
+ this.boxWidth = 175;
/** Height of the rectangular box */
this.boxHeight = 53;
/** Height of a smaller rectangular box */
this.smallBoxHeight = 30;
/** Width of the curve that connects the boxes to the center */
- this.curveWidth = 180;
+ this.curveWidth = 170;
/** Line-height of the text */
this.lineHeight = 14;
/** Spacing between rectangular boxes */
@@ -752,10 +765,10 @@ Piwik_Transitions_Canvas.prototype.renderBox = function(params) {
if (params.curveText && !params.onlyBg) {
var curveTextLeft, curveTextTop;
if (params.side == 'left') {
- curveTextLeft = this.leftBoxBeginX + this.boxWidth + 12;
+ curveTextLeft = this.leftBoxBeginX + this.boxWidth + 3;
curveTextTop = this.leftBoxPositionY + boxHeight / 2 - this.lineHeight / 2;
} else {
- curveTextLeft = this.rightBoxBeginX - 35;
+ curveTextLeft = this.rightBoxBeginX - 37;
curveTextTop = this.rightBoxPositionY + boxHeight / 2 - this.lineHeight / 2;
}
var textDiv = this.renderText(params.curveText, curveTextLeft, curveTextTop,
@@ -979,6 +992,8 @@ Piwik_Transitions_Model.prototype.loadData = function(link, callback) {
this.outlinksNbTransitions = 0;
this.outlinks = [];
+ this.generalText = '';
+
this.groupTitles = {
previousPages: Piwik_Transitions_Translations.fromPreviousPages,
followingPages: Piwik_Transitions_Translations.toFollowingPages,
@@ -1001,6 +1016,8 @@ Piwik_Transitions_Model.prototype.loadData = function(link, callback) {
expanded: 1
},
function(report) {
+ self.generalText = report.generalText;
+
// load page metrics
self.pageviews = report.pageMetrics.pageviews;
self.exits = report.pageMetrics.exits;