aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/app/+stats/video/video-stats.component.html
diff options
context:
space:
mode:
Diffstat (limited to 'client/src/app/+stats/video/video-stats.component.html')
-rw-r--r--client/src/app/+stats/video/video-stats.component.html38
1 files changed, 38 insertions, 0 deletions
diff --git a/client/src/app/+stats/video/video-stats.component.html b/client/src/app/+stats/video/video-stats.component.html
new file mode 100644
index 000000000..ef43c9fba
--- /dev/null
+++ b/client/src/app/+stats/video/video-stats.component.html
@@ -0,0 +1,38 @@
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>