Add help to understand what is a view

This commit is contained in:
Chocobozzz 2022-05-06 14:56:34 +02:00
parent 67ad83d0fa
commit 822f50fa81
No known key found for this signature in database
GPG Key ID: 583A612D890159BE
2 changed files with 10 additions and 3 deletions

View File

@ -4,7 +4,13 @@
<div class="stats-embed">
<div class="global-stats">
<div *ngFor="let card of globalStatsCards" class="card stats-card">
<div class="label">{{ card.label }}</div>
<div class="label">
{{ card.label }}
<my-help *ngIf="card.help">
<ng-template ptTemplate="customHtml">{{ card.help }}</ng-template>
</my-help>
</div>
<div class="value">{{ card.value }}</div>
<div *ngIf="card.moreInfo" class="more-info">{{ card.moreInfo }}</div>
</div>

View File

@ -30,7 +30,7 @@ type ChartBuilderResult = {
displayLegend: boolean
}
type Card = { label: string, value: string | number, moreInfo?: string }
type Card = { label: string, value: string | number, moreInfo?: string, help?: string }
@Component({
templateUrl: './video-stats.component.html',
@ -252,7 +252,8 @@ export class VideoStatsComponent implements OnInit {
this.globalStatsCards = [
{
label: $localize`Views`,
value: this.numberFormatter.transform(this.video.views)
value: this.numberFormatter.transform(this.video.views),
help: $localize`A view means that someone watched the video for at least 30 seconds`
},
{
label: $localize`Likes`,