diff options
Diffstat (limited to 'plugins/CoreVisualizations/angularjs/single-metric-view/single-metric-view.component.html')
-rw-r--r-- | plugins/CoreVisualizations/angularjs/single-metric-view/single-metric-view.component.html | 20 |
1 files changed, 20 insertions, 0 deletions
diff --git a/plugins/CoreVisualizations/angularjs/single-metric-view/single-metric-view.component.html b/plugins/CoreVisualizations/angularjs/single-metric-view/single-metric-view.component.html new file mode 100644 index 0000000000..7d7b0c2a9f --- /dev/null +++ b/plugins/CoreVisualizations/angularjs/single-metric-view/single-metric-view.component.html @@ -0,0 +1,20 @@ +<div class="singleMetricView" ng-class="{'loading': $ctrl.isLoading}"> + <piwik-sparkline + class="metric-sparkline" + params="{module: 'API', action: 'get', columns: $ctrl.metric}" + > + </piwik-sparkline> + <div class="metric-value"> + <span title="{{ $ctrl.metricDocumentation }}"> + <strong>{{ $ctrl.metricValue }}</strong> {{ ($ctrl.metricTranslation || '').toLowerCase() }} + </span> + <span class="metricEvolution" + ng-if="$ctrl.pastValue !== null" + title="{{ 'General_EvolutionSummaryGeneric'|translate:$ctrl.metricValue:$ctrl.getCurrentPeriod():$ctrl.pastValue:$ctrl.pastPeriod:$ctrl.metricChangePercent }}" + > + <span ng-class="{'positive-evolution': $ctrl.metricValueUnformatted > $ctrl.pastValueUnformatted, 'negative-evolution': $ctrl.metricValueUnformatted < $ctrl.pastValueUnformatted}"> + {{ $ctrl.metricChangePercent }} + </span> + </span> + </div> +</div>
\ No newline at end of file |