/
githubmirror
/
oppia
Обзор
Документация
Войти
/
githubmirror
/
oppia
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
develop
core/templates/components/checkpoint-bar/checkpoint-bar.component.html
11 строк
883 B
Kartik Suryavanshi
[GSoC 2026] M1.6 - Fix part of #19614: Implement checkpoint-bar for lesson card (#26390)
19 июн 2026, 08:27
Не верифицирован
19 июн 2026, 08:27
026b024
Код
Авторство
О чём код?
<div class="progress-bar-container" [ngClass]="{'d-none': checkpointCount === 1, 'multiple-checkpoints-bar': checkpointCount > 1}"> <div class="lesson-progress-bar"> <div tabindex="0" class="completed-progress-bar" [style.width.%]="progressBarWidth" [attr.aria-label]="getProgressPercentage() + ' percent completed'"> </div> </div> <div *ngFor="let checkpointNode of checkpointStatusArray; index as idx" (click)="returnToCheckpointIfCompleted(idx)" [attr.aria-label]="idx === 0 ? null : getCheckpointAriaLabel(idx)" [ngClass]="{'completed-checkpoint-node': checkpointStatusArray[idx] === 'completed', 'in-progress-checkpoint-node': checkpointStatusArray[idx] === 'in-progress', 'incomplete-checkpoint-node': checkpointStatusArray[idx] === 'incomplete'}" [matTooltip]="idx === 0 ? '' : getCheckpointTooltip(idx)" matTooltipPosition="above"> </div> </div>