plugins/CoreVisualizations/angularjs/single-metric-view/single-metric-view.component.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
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>