]>
Commit | Line | Data |
---|---|---|
384ba8b7 C |
1 | <div class="margin-content"> |
2 | <h1 class="title-page title-page-single" i18n>Stats for {{ video.name }}</h1> | |
3 | ||
4 | <div class="overall-stats-embed"> | |
5 | <div class="overall-stats"> | |
6 | <div *ngFor="let card of overallStatCards" class="card overall-stats-card"> | |
7 | <div class="label">{{ card.label }}</div> | |
8 | <div class="value">{{ card.value }}</div> | |
9 | <div *ngIf="card.moreInfo" class="more-info">{{ card.moreInfo }}</div> | |
10 | </div> | |
11 | </div> | |
12 | ||
13 | <my-embed [video]="video"></my-embed> | |
14 | </div> | |
15 | ||
16 | <div class="timeserie"> | |
17 | <div ngbNav #nav="ngbNav" [activeId]="activeGraphId" (activeIdChange)="onChartChange($event)" class="nav-tabs"> | |
18 | ||
19 | <ng-container *ngFor="let availableChart of availableCharts" [ngbNavItem]="availableChart.id"> | |
20 | <a ngbNavLink i18n> | |
21 | <span>{{ availableChart.label }}</span> | |
22 | </a> | |
23 | ||
24 | <ng-template ngbNavContent> | |
25 | <div [ngStyle]="{ 'min-height': chartHeight }"> | |
26 | <p-chart | |
27 | *ngIf="chartOptions[availableChart.id]" | |
28 | [height]="chartHeight" [width]="chartWidth" | |
29 | [type]="chartOptions[availableChart.id].type" [options]="chartOptions[availableChart.id].options" [data]="chartOptions[availableChart.id].data" | |
30 | ></p-chart> | |
31 | </div> | |
32 | </ng-template> | |
33 | </ng-container> | |
34 | </div> | |
35 | ||
36 | <div [ngbNavOutlet]="nav"></div> | |
37 | </div> | |
38 | </div> |