add piwik installation

www/analytics/plugins/CoreHome/angularjs/anchorLinkFix.js

@@ -0,0 +1,108 @@
+/*!
+ * Piwik - Web Analytics
+ *
+ * @link http://piwik.org
+ * @license http://www.gnu.org/licenses/gpl-3.0.html GPL v3 or later
+ */
+
+/**
+ * See http://dev.piwik.org/trac/ticket/4795 "linking to #hash tag does not work after merging AngularJS"
+ */
+(function () {
+
+    function scrollToAnchorNode($node)
+    {
+        $.scrollTo($node, 20);
+    }
+
+    function preventDefaultIfEventExists(event)
+    {
+        if (event) {
+            event.preventDefault();
+        }
+    }
+
+    function scrollToAnchorIfPossible(hash, event)
+    {
+        if (!hash) {
+            return;
+        }
+
+        if (-1 !== hash.indexOf('&')) {
+            return;
+        }
+
+        var $node = $('#' + hash);
+
+        if ($node && $node.length) {
+            scrollToAnchorNode($node);
+            preventDefaultIfEventExists(event);
+            return;
+        }
+
+        $node = $('a[name='+ hash + ']');
+
+        if ($node && $node.length) {
+            scrollToAnchorNode($node);
+            preventDefaultIfEventExists(event);
+        }
+    }
+
+    function isLinkWithinSamePage(location, newUrl)
+    {
+        if (location && location.origin && -1 === newUrl.indexOf(location.origin)) {
+            // link to different domain
+            return false;
+        }
+
+        if (location && location.pathname && -1 === newUrl.indexOf(location.pathname)) {
+            // link to different path
+            return false;
+        }
+
+        if (location && location.search && -1 === newUrl.indexOf(location.search)) {
+            // link with different search
+            return false;
+        }
+
+        return true;
+    }
+
+    function handleScrollToAnchorIfPresentOnPageLoad()
+    {
+        if (location.hash.substr(0, 2) == '#/') {
+            var hash = location.hash.substr(2);
+            scrollToAnchorIfPossible(hash, null);
+        }
+    }
+
+    function handleScrollToAnchorAfterPageLoad()
+    {
+        angular.module('piwikApp').run(['$rootScope', function ($rootScope) {
+
+            $rootScope.$on('$locationChangeStart', function (event, newUrl, oldUrl, $location) {
+
+                if (!newUrl) {
+                    return;
+                }
+
+                var hashPos = newUrl.indexOf('#/');
+                if (-1 === hashPos) {
+                    return;
+                }
+
+                if (!isLinkWithinSamePage(this.location, newUrl)) {
+                    return;
+                }
+
+                var hash = newUrl.substr(hashPos + 2);
+
+                scrollToAnchorIfPossible(hash, event);
+            });
+        }]);
+    }
+
+    handleScrollToAnchorAfterPageLoad();
+    $(handleScrollToAnchorIfPresentOnPageLoad);
+
+})();

www/analytics/plugins/CoreHome/angularjs/common/directives/autocomplete-matched.js

@@ -0,0 +1,42 @@
+/*!
+ * Piwik - Web Analytics
+ *
+ * @link http://piwik.org
+ * @license http://www.gnu.org/licenses/gpl-3.0.html GPL v3 or later
+ */
+
+/**
+ * If the given text or resolved expression matches any text within the element, the matching text will be wrapped
+ * with a class.
+ *
+ * Example:
+ * <div piwik-autocomplete-matched="'text'">My text</div> ==> <div>My <span class="autocompleteMatched">text</span></div>
+ *
+ * <div piwik-autocomplete-matched="searchTerm">{{ name }}</div>
+ * <input type="text" ng-model="searchTerm">
+ */
+angular.module('piwikApp.directive').directive('piwikAutocompleteMatched', function() {
+    return function(scope, element, attrs) {
+        var searchTerm;
+
+        scope.$watch(attrs.piwikAutocompleteMatched, function(value) {
+            searchTerm = value;
+            updateText();
+        });
+
+        function updateText () {
+            if (!searchTerm || !element) {
+                return;
+            }
+
+            var content   = element.html();
+            var startTerm = content.toLowerCase().indexOf(searchTerm.toLowerCase());
+
+            if (-1 !== startTerm) {
+                var word = content.substr(startTerm, searchTerm.length);
+                content = content.replace(word, '<span class="autocompleteMatched">' + word + '</span>');
+                element.html(content);
+            }
+        }
+    };
+});

www/analytics/plugins/CoreHome/angularjs/common/directives/autocomplete-matched_spec.js

@@ -0,0 +1,43 @@
+/*!
+ * Piwik - Web Analytics
+ *
+ * @link http://piwik.org
+ * @license http://www.gnu.org/licenses/gpl-3.0.html GPL v3 or later
+ */
+
+describe('piwikAutocompleteMatchedDirective', function() {
+    var $compile;
+    var $rootScope;
+
+    beforeEach(module('piwikApp.directive'));
+    beforeEach(inject(function(_$compile_, _$rootScope_){
+        $compile = _$compile_;
+        $rootScope = _$rootScope_;
+    }));
+
+    function assertRenderedContentIs(query, expectedResult) {
+        var template = '<div piwik-autocomplete-matched="\'' + query + '\'">My Content</div>';
+        var element  = $compile(template)($rootScope);
+        $rootScope.$digest();
+        expect(element.html()).to.eql(expectedResult);
+    }
+
+    describe('#piwikAutocompleteMatched()', function() {
+
+        it('should not change anything if query does not match the text', function() {
+            assertRenderedContentIs('Whatever', 'My Content');
+        });
+
+        it('should wrap the matching part and find case insensitive', function() {
+            assertRenderedContentIs('y cont', 'M<span class="autocompleteMatched">y Cont</span>ent');
+        });
+
+        it('should be able to wrap the whole content', function() {
+            assertRenderedContentIs('my content', '<span class="autocompleteMatched">My Content</span>');
+        });
+
+        it('should find matching content case sensitive', function() {
+            assertRenderedContentIs('My Co', '<span class="autocompleteMatched">My Co</span>ntent');
+        });
+    });
+});

www/analytics/plugins/CoreHome/angularjs/common/directives/dialog.js

@@ -0,0 +1,41 @@
+/*!
+ * Piwik - Web Analytics
+ *
+ * @link http://piwik.org
+ * @license http://www.gnu.org/licenses/gpl-3.0.html GPL v3 or later
+ */
+
+/**
+ * Usage:
+ * <div piwik-dialog="showDialog">...</div>
+ * Will show dialog once showDialog evaluates to true.
+ *
+ * <div piwik-dialog="showDialog" yes="executeMyFunction();">
+ * ... <input type="button" role="yes" value="button">
+ * </div>
+ * Will execute the "executeMyFunction" function in the current scope once the yes button is pressed.
+ */
+angular.module('piwikApp.directive').directive('piwikDialog', function(piwik) {
+
+    return {
+        restrict: 'A',
+        link: function(scope, element, attrs) {
+
+            element.css('display', 'none');
+
+            element.on( "dialogclose", function() {
+                scope.$eval(attrs.piwikDialog+'=false');
+            });
+
+            scope.$watch(attrs.piwikDialog, function(newValue, oldValue) {
+                if (newValue) {
+                    piwik.helper.modalConfirm(element, {yes: function() {
+                        if (attrs.yes) {
+                            scope.$eval(attrs.yes);
+                        }
+                    }});
+                }
+            });
+        }
+    };
+});

www/analytics/plugins/CoreHome/angularjs/common/directives/directive.js

@@ -0,0 +1,8 @@
+/*!
+ * Piwik - Web Analytics
+ *
+ * @link http://piwik.org
+ * @license http://www.gnu.org/licenses/gpl-3.0.html GPL v3 or later
+ */
+
+angular.module('piwikApp.directive', []);

www/analytics/plugins/CoreHome/angularjs/common/directives/focus-anywhere-but-here.js

@@ -0,0 +1,40 @@
+/*!
+ * Piwik - Web Analytics
+ *
+ * @link http://piwik.org
+ * @license http://www.gnu.org/licenses/gpl-3.0.html GPL v3 or later
+ */
+
+/**
+ * The given expression will be executed when the user presses either escape or presses something outside
+ * of this element
+ *
+ * Example:
+ * <div piwik-focus-anywhere-but-here="closeDialog()">my dialog</div>
+ */
+angular.module('piwikApp.directive').directive('piwikFocusAnywhereButHere', function($document){
+    return {
+        restrict: 'A',
+        link: function(scope, element, attr, ctrl) {
+
+            function onClickOutsideElement (event) {
+                if (element.has(event.target).length === 0) {
+                    scope.$apply(attr.piwikFocusAnywhereButHere);
+                }
+            }
+
+            function onEscapeHandler (event) {
+                if (event.which === 27) {
+                    scope.$apply(attr.piwikFocusAnywhereButHere);
+                }
+            }
+
+            $document.on('keyup', onEscapeHandler);
+            $document.on('mouseup', onClickOutsideElement);
+            scope.$on('$destroy', function() {
+                $document.off('mouseup', onClickOutsideElement);
+                $document.off('keyup', onEscapeHandler);
+            });
+        }
+    };
+});

www/analytics/plugins/CoreHome/angularjs/common/directives/focusif.js

@@ -0,0 +1,27 @@
+/*!
+ * Piwik - Web Analytics
+ *
+ * @link http://piwik.org
+ * @license http://www.gnu.org/licenses/gpl-3.0.html GPL v3 or later
+ */
+
+/**
+ * If the given expression evaluates to true the element will be focussed
+ *
+ * Example:
+ * <input type="text" piwik-focus-if="view.editName">
+ */
+angular.module('piwikApp.directive').directive('piwikFocusIf', function($timeout) {
+    return {
+        restrict: 'A',
+        link: function(scope, element, attrs) {
+            scope.$watch(attrs.piwikFocusIf, function(newValue, oldValue) {
+                if (newValue) {
+                    $timeout(function () {
+                        element[0].focus();
+                    }, 5);
+                }
+            });
+        }
+    };
+});

www/analytics/plugins/CoreHome/angularjs/common/directives/ignore-click.js

@@ -0,0 +1,21 @@
+/*!
+ * Piwik - Web Analytics
+ *
+ * @link http://piwik.org
+ * @license http://www.gnu.org/licenses/gpl-3.0.html GPL v3 or later
+ */
+
+/**
+ * Prevents the default behavior of the click. For instance useful if a link should only work in case the user
+ * does a "right click open in new window".
+ *
+ * Example
+ * <a piwik-ignore-click ng-click="doSomething()" href="/">my link</a>
+ */
+angular.module('piwikApp.directive').directive('piwikIgnoreClick', function() {
+    return function(scope, element, attrs) {
+        $(element).click(function(event) {
+            event.preventDefault();
+        });
+    };
+});

www/analytics/plugins/CoreHome/angularjs/common/directives/onenter.js

@@ -0,0 +1,27 @@
+/*!
+ * Piwik - Web Analytics
+ *
+ * @link http://piwik.org
+ * @license http://www.gnu.org/licenses/gpl-3.0.html GPL v3 or later
+ */
+
+/**
+ * Allows you to define any expression to be executed in case the user presses enter
+ *
+ * Example
+ * <div piwik-onenter="save()">
+ * <div piwik-onenter="showList=false">
+ */
+angular.module('piwikApp.directive').directive('piwikOnenter', function() {
+    return function(scope, element, attrs) {
+        element.bind("keydown keypress", function(event) {
+            if(event.which === 13) {
+                scope.$apply(function(){
+                    scope.$eval(attrs.piwikOnenter, {'event': event});
+                });
+
+                event.preventDefault();
+            }
+        });
+    };
+});

www/analytics/plugins/CoreHome/angularjs/common/filters/evolution.js

@@ -0,0 +1,44 @@
+/*!
+ * Piwik - Web Analytics
+ *
+ * @link http://piwik.org
+ * @license http://www.gnu.org/licenses/gpl-3.0.html GPL v3 or later
+ */
+
+angular.module('piwikApp.filter').filter('evolution', function() {
+
+    function calculateEvolution(currentValue, pastValue)
+    {
+        pastValue    = parseInt(pastValue, 10);
+        currentValue = parseInt(currentValue, 10) - pastValue;
+
+        if (currentValue === 0 || isNaN(currentValue)) {
+            evolution = 0;
+        } else if (pastValue === 0 || isNaN(pastValue)) {
+            evolution = 100;
+        } else {
+            evolution = (currentValue / pastValue) * 100;
+        }
+
+        return evolution;
+    }
+
+    function formatEvolution(evolution)
+    {
+        evolution = Math.round(evolution);
+
+        if (evolution > 0) {
+            evolution = '+' + evolution;
+        }
+
+        evolution += '%';
+
+        return evolution;
+    }
+
+    return function(currentValue, pastValue) {
+        var evolution = calculateEvolution(currentValue, pastValue);
+
+        return formatEvolution(evolution);
+    };
+});

www/analytics/plugins/CoreHome/angularjs/common/filters/filter.js

@@ -0,0 +1,7 @@
+/*!
+ * Piwik - Web Analytics
+ *
+ * @link http://piwik.org
+ * @license http://www.gnu.org/licenses/gpl-3.0.html GPL v3 or later
+ */
+angular.module('piwikApp.filter', []);

www/analytics/plugins/CoreHome/angularjs/common/filters/startfrom.js

@@ -0,0 +1,13 @@
+/*!
+ * Piwik - Web Analytics
+ *
+ * @link http://piwik.org
+ * @license http://www.gnu.org/licenses/gpl-3.0.html GPL v3 or later
+ */
+
+angular.module('piwikApp.filter').filter('startFrom', function() {
+    return function(input, start) {
+        start = +start; //parse to int
+        return input.slice(start);
+    };
+});

www/analytics/plugins/CoreHome/angularjs/common/filters/startfrom_spec.js

@@ -0,0 +1,40 @@
+/*!
+ * Piwik - Web Analytics
+ *
+ * @link http://piwik.org
+ * @license http://www.gnu.org/licenses/gpl-3.0.html GPL v3 or later
+ */
+
+describe('startFromFilter', function() {
+    var startFrom;
+
+    beforeEach(module('piwikApp.filter'));
+    beforeEach(inject(function($injector) {
+        var $filter = $injector.get('$filter');
+        startFrom = $filter('startFrom');
+    }));
+
+    describe('#startFrom()', function() {
+
+        it('should return all entries if index is zero', function() {
+
+            var result = startFrom([1,2,3], 0);
+
+            expect(result).to.eql([1,2,3]);
+        });
+
+        it('should return only partial entries if filter is higher than zero', function() {
+
+            var result = startFrom([1,2,3], 2);
+
+            expect(result).to.eql([3]);
+        });
+
+        it('should return no entries if start is higher than input length', function() {
+
+            var result = startFrom([1,2,3], 11);
+
+            expect(result).to.eql([]);
+        });
+    });
+});

www/analytics/plugins/CoreHome/angularjs/common/filters/translate.js

@@ -0,0 +1,19 @@
+/*!
+ * Piwik - Web Analytics
+ *
+ * @link http://piwik.org
+ * @license http://www.gnu.org/licenses/gpl-3.0.html GPL v3 or later
+ */
+
+angular.module('piwikApp.filter').filter('translate', function() {
+
+    return function(key, value1, value2, value3) {
+        var values = [];
+        if (arguments && arguments.length > 1) {
+            for (var index = 1; index < arguments.length; index++) {
+                values.push(arguments[index]);
+            }
+        }
+        return _pk_translate(key, values);
+    };
+});

www/analytics/plugins/CoreHome/angularjs/common/services/piwik-api.js

@@ -0,0 +1,186 @@
+/*!
+ * Piwik - Web Analytics
+ *
+ * @link http://piwik.org
+ * @license http://www.gnu.org/licenses/gpl-3.0.html GPL v3 or later
+ */
+
+angular.module('piwikApp.service').factory('piwikApi', function ($http, $q, $rootScope, piwik, $window) {
+
+    var url = 'index.php';
+    var format = 'json';
+    var getParams  = {};
+    var postParams = {};
+    var requestHandle = null;
+
+    var piwikApi = {};
+
+    /**
+     * Adds params to the request.
+     * If params are given more then once, the latest given value is used for the request
+     *
+     * @param {object}  params
+     * @return {void}
+     */
+    function addParams (params) {
+        if (typeof params == 'string') {
+            params = piwik.broadcast.getValuesFromUrl(params);
+        }
+
+        for (var key in params) {
+            getParams[key] = params[key];
+        }
+    }
+
+    function reset () {
+        getParams  = {};
+        postParams = {};
+    }
+
+    /**
+     * Send the request
+     * @return $promise
+     */
+    function send () {
+
+        var deferred = $q.defer();
+        var requestHandle = deferred;
+
+        var onError = function (message) {
+            deferred.reject(message);
+            requestHandle = null;
+        };
+
+        var onSuccess = function (response) {
+            if (response && response.result == 'error') {
+
+                if (response.message) {
+                    onError(response.message);
+
+                    var UI = require('piwik/UI');
+                    var notification = new UI.Notification();
+                    notification.show(response.message, {
+                        context: 'error',
+                        type: 'toast',
+                        id: 'ajaxHelper'
+                    });
+                    notification.scrollToNotification();
+                } else {
+                    onError(null);
+                }
+
+            } else {
+                deferred.resolve(response);
+            }
+            requestHandle = null;
+        };
+
+        var headers = {
+            'Content-Type': 'application/x-www-form-urlencoded',
+            // ie 8,9,10 caches ajax requests, prevent this
+            'cache-control': 'no-cache'
+        };
+
+        var ajaxCall = {
+            method: 'POST',
+            url: url,
+            responseType: format,
+            params: _mixinDefaultGetParams(getParams),
+            data: $.param(getPostParams(postParams)),
+            timeout: deferred.promise,
+            headers: headers
+        };
+
+        $http(ajaxCall).success(onSuccess).error(onError);
+
+        return deferred.promise;
+    }
+
+    /**
+     * Get the parameters to send as POST
+     *
+     * @param {object}   params   parameter object
+     * @return {object}
+     * @private
+     */
+     function getPostParams () {
+        return {
+            token_auth: piwik.token_auth
+        };
+    }
+
+    /**
+     * Mixin the default parameters to send as GET
+     *
+     * @param {object}   getParamsToMixin   parameter object
+     * @return {object}
+     * @private
+     */
+    function _mixinDefaultGetParams (getParamsToMixin) {
+
+        var defaultParams = {
+            idSite:  piwik.idSite || piwik.broadcast.getValueFromUrl('idSite'),
+            period:  piwik.period || piwik.broadcast.getValueFromUrl('period'),
+            segment: piwik.broadcast.getValueFromHash('segment', $window.location.href.split('#')[1])
+        };
+
+        // never append token_auth to url
+        if (getParamsToMixin.token_auth) {
+            getParamsToMixin.token_auth = null;
+            delete getParamsToMixin.token_auth;
+        }
+
+        for (var key in defaultParams) {
+            if (!getParamsToMixin[key] && !postParams[key] && defaultParams[key]) {
+                getParamsToMixin[key] = defaultParams[key];
+            }
+        }
+
+        // handle default date & period if not already set
+        if (!getParamsToMixin.date && !postParams.date) {
+            getParamsToMixin.date = piwik.currentDateString || piwik.broadcast.getValueFromUrl('date');
+            if (getParamsToMixin.period == 'range' && piwik.currentDateString) {
+                getParamsToMixin.date = piwik.startDateString + ',' + getParamsToMixin.date;
+            }
+        }
+
+        return getParamsToMixin;
+    }
+
+    piwikApi.abort = function () {
+        reset();
+
+        if (requestHandle) {
+            requestHandle.resolve();
+            requestHandle = null;
+        }
+    };
+
+    /**
+     * Perform a reading API request.
+     * @param getParams
+     */
+    piwikApi.fetch = function (getParams) {
+
+        getParams.module = 'API';
+        getParams.format = 'JSON';
+
+        addParams(getParams, 'GET');
+
+        var promise = send();
+
+        reset();
+
+        return promise;
+    };
+
+    piwikApi.post = function (getParams, _postParams_) {
+        if (_postParams_) {
+            postParams = _postParams_;
+        }
+
+        return this.fetch(getParams);
+    };
+
+    return piwikApi;
+});

www/analytics/plugins/CoreHome/angularjs/common/services/piwik.js

@@ -0,0 +1,13 @@
+/*!
+ * Piwik - Web Analytics
+ *
+ * @link http://piwik.org
+ * @license http://www.gnu.org/licenses/gpl-3.0.html GPL v3 or later
+ */
+
+angular.module('piwikApp.service').service('piwik', function () {
+
+    piwik.helper    = piwikHelper;
+    piwik.broadcast = broadcast;
+    return piwik;
+});

www/analytics/plugins/CoreHome/angularjs/common/services/piwik_spec.js

@@ -0,0 +1,37 @@
+/*!
+ * Piwik - Web Analytics
+ *
+ * @link http://piwik.org
+ * @license http://www.gnu.org/licenses/gpl-3.0.html GPL v3 or later
+ */
+
+describe('piwikService', function() {
+    var piwikService;
+
+    beforeEach(module('piwikApp.service'));
+    beforeEach(inject(function($injector) {
+        piwikService = $injector.get('piwik');
+    }));
+
+    describe('#piwikService', function() {
+
+        it('should be the same as piwik global var', function() {
+            piwik.should.equal(piwikService);
+        });
+
+        it('should mixin broadcast', function() {
+            expect(piwikService.broadcast).to.be.an('object');
+        });
+
+        it('should mixin piwikHelper', function() {
+            expect(piwikService.helper).to.be.an('object');
+        });
+    });
+
+    describe('#piwik_url', function() {
+
+        it('should contain the piwik url', function() {
+            expect(piwikService.piwik_url).to.eql('http://localhost/');
+        });
+    });
+});

www/analytics/plugins/CoreHome/angularjs/common/services/service.js

@@ -0,0 +1,8 @@
+/*!
+ * Piwik - Web Analytics
+ *
+ * @link http://piwik.org
+ * @license http://www.gnu.org/licenses/gpl-3.0.html GPL v3 or later
+ */
+
+angular.module('piwikApp.service', []);

www/analytics/plugins/CoreHome/angularjs/enrichedheadline/enrichedheadline-directive.js

@@ -0,0 +1,66 @@
+/*!
+ * Piwik - Web Analytics
+ *
+ * @link http://piwik.org
+ * @license http://www.gnu.org/licenses/gpl-3.0.html GPL v3 or later
+ */
+
+/**
+ * Usage:
+ *
+ * <h2 piwik-enriched-headline>All Websites Dashboard</h2>
+ * -> uses "All Websites Dashboard" as featurename
+ *
+ * <h2 piwik-enriched-headline feature-name="All Websites Dashboard">All Websites Dashboard (Total: 309 Visits)</h2>
+ * -> custom featurename
+ *
+ * <h2 piwik-enriched-headline help-url="http://piwik.org/guide">All Websites Dashboard</h2>
+ * -> shows help icon and links to external url
+ *
+ * <h2 piwik-enriched-headline>All Websites Dashboard
+ *     <div class="inlineHelp>My <strong>inline help</strong></div>
+ * </h2>
+ * -> shows help icon to display inline help on click. Note: You can combine inlinehelp and help-url
+ */
+angular.module('piwikApp').directive('piwikEnrichedHeadline', function($document, piwik, $filter){
+    var defaults = {
+        helpUrl: ''
+    };
+
+    return {
+        transclude: true,
+        restrict: 'A',
+        scope: {
+            helpUrl: '@',
+            featureName: '@'
+        },
+        templateUrl: 'plugins/CoreHome/angularjs/enrichedheadline/enrichedheadline.html?cb=' + piwik.cacheBuster,
+        compile: function (element, attrs) {
+
+            for (var index in defaults) {
+               if (!attrs[index]) { attrs[index] = defaults[index]; }
+            }
+
+            return function (scope, element, attrs) {
+
+                var helpNode = $('[ng-transclude] .inlineHelp', element);
+
+                if ((!helpNode || !helpNode.length) && element.next()) {
+                    // hack for reports :(
+                    helpNode = element.next().find('.reportDocumentation');
+                }
+
+                if (helpNode && helpNode.length) {
+                    if ($.trim(helpNode.text())) {
+                        scope.inlineHelp = $.trim(helpNode.html());
+                    }
+                    helpNode.remove();
+                }
+
+                if (!attrs.featureName) {
+                    attrs.featureName = $.trim(element.text());
+                }
+            };
+        }
+    };
+});

www/analytics/plugins/CoreHome/angularjs/enrichedheadline/enrichedheadline.html

@@ -0,0 +1,29 @@
+<div class="enrichedHeadline"
+    ng-mouseenter="view.showIcons=true" ng-mouseleave="view.showIcons=false">
+    <span ng-transclude></span>
+
+    <span ng-show="view.showIcons">
+        <a ng-if="helpUrl && !inlineHelp"
+           target="_blank"
+           href="{{ helpUrl }}"
+           title="{{ 'CoreHome_ExternalHelp'|translate }}"
+           class="helpIcon"></a>
+
+        <a ng-if="inlineHelp"
+           title="{{ 'General_Help'|translate }}"
+           ng-click="view.showInlineHelp=!view.showInlineHelp"
+           class="helpIcon"></a>
+
+        <div class="ratingIcons"
+             piwik-rate-feature
+             title="{{ featureName }}"></div>
+    </span>
+
+    <div class="inlineHelp" ng-show="view.showIcons && view.showInlineHelp">
+        <div ng-bind-html="inlineHelp"></div>
+        <a ng-if="helpUrl"
+           target="_blank"
+           href="{{ helpUrl }}"
+           class="readMore">{{ 'General_MoreDetails'|translate }}</a>
+    </div>
+</div>