Add reusable widget to display single metric w/ sparkline & evolution percent (+ other changes) (#13101)

* Add empty metric for single metric view.

* Add new isReusable property to widget metadata & if set to true, do not grey out the widget in the dashboard manager, even if the widget is used in the dashboard.

* Initial working version of single metric view.

* Get single metric view widget to work and look correctly (no series picker).

* Add series picker to single metric widget and add filter_last_period_evolution parameter.

* Persist metric change through dashboard widget parameter saving.

* Loading state for single metric view.

* Make new evolution param work on processed reports + tweak component implementation.

* Tweak CSS and make sure angular components are compiled in widget preview.

* Make component work with widget preview and avoid unnecessary widget reloads when multiple widgets of the same type are shown.

* Generalize JS lastN range period computing and use to create standalone sparkline angular component and get rid of need for "past-period" argument to single metric view.

* Add format_metrics: "1" to API.get method.

* Add escaping to _angularComponent.twig.

* hacky fix for formatting revenue columns

* Format past data values & allow evolution to be calculated for processed metrics.

* filter evolution changes

* Fix issue in subtable recursion for processed metric computation & metric formatting + add new processed metric compute hooks to fix bug in evolution calculation on subtables.

* remove isReusable property.

* attempting to change strategy

* simpler solution that does not require backend changes

* remove unneeded code + fix issue w/ formatted metrics

* remove some more unneeded code

* write UI test

* add new screenshots

* Add all goals to single metric view picker.

* move category

* fix test

* fixing more tests

* Fixing some UI tests.

* Update more screenshots.

* update two more screenshots

1 files changed, 14 insertions, 1 deletions

diff --git a/plugins/Morpheus/javascripts/piwikHelper.js b/plugins/Morpheus/javascripts/piwikHelper.js
index dc8b27f50b..685c967d46 100644
--- a/plugins/Morpheus/javascripts/piwikHelper.js
+++ b/plugins/Morpheus/javascripts/piwikHelper.js
@@ -165,7 +165,7 @@ var piwikHelper = {
             var scope = null;
             if (options.scope) {
                 scope = options.scope;
-            } else {
+            } else if (!options.forceNewScope) { // TODO: docs
                 scope = angular.element($element).scope();
             }
             if (!scope) {
@@ -552,6 +552,19 @@ var piwikHelper = {
         piwikHelper.shortcuts[key] = description;
 
         Mousetrap.bind(key, callback);
+    },
+
+    calculateEvolution: function (currentValue, pastValue) {
+        var dividend = currentValue - pastValue;
+        var divisor = pastValue;
+
+        if (dividend == 0) {
+            return 0;
+        } else if (divisor == 0) {
+            return 1;
+        } else {
+            return Math.round((dividend / divisor) * 1000) / 1000;
+        }
     }
 };