1 <div class=
"margin-content">
2 <h1 class=
"title-page title-page-single" i18n
>Stats for {{ video.name }}
</h1>
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>
13 <my-embed [video]=
"video"></my-embed>
16 <div class=
"timeserie">
17 <div ngbNav #
nav=
"ngbNav" [activeId]=
"activeGraphId" (activeIdChange)=
"onChartChange($event)" class=
"nav-tabs">
19 <ng-container *
ngFor=
"let availableChart of availableCharts" [ngbNavItem]=
"availableChart.id">
21 <span>{{ availableChart.label }}
</span>
24 <ng-template ngbNavContent
>
25 <div [ngStyle]=
"{ 'min-height': chartHeight }">
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"
36 <div [ngbNavOutlet]=
"nav"></div>