25 lines
855 B
HTML
25 lines
855 B
HTML
<div class="cfp-hotkeys-container fade" [ngClass]="{'in': helpVisible}">
|
|
<div class="cfp-hotkeys">
|
|
<h1 class="cfp-hotkeys-title">{{ title }}</h1>
|
|
|
|
<div class="d-flex justify-content-center m-3">
|
|
<my-peertube-checkbox
|
|
inputName="enable-hotkeys" [(ngModel)]="hotkeysEnabled" (ngModelChange)="onHotkeysEnabledChange()"
|
|
i18n-labelText labelText="Enable hotkeys in this web browser"
|
|
></my-peertube-checkbox>
|
|
</div>
|
|
|
|
<ul role="presentation">
|
|
<li *ngFor="let hotkey of hotkeys">
|
|
<div class="cfp-hotkeys-keys">
|
|
<span *ngFor="let key of hotkey.formatted">{{ key }}</span>
|
|
</div>
|
|
|
|
<div class="cfp-hotkeys-text">{{ hotkey.description }}</div>
|
|
</li>
|
|
</ul>
|
|
|
|
<button class="button-unstyle cfp-hotkeys-close" (click)="toggleCheatSheet()">×</button>
|
|
</div>
|
|
</div>
|