diff options
| author | Rigel Kent <sendmemail@rigelk.eu> | 2018-09-11 15:07:31 +0200 |
|---|---|---|
| committer | Rigel Kent <sendmemail@rigelk.eu> | 2018-09-11 21:33:22 +0200 |
| commit | 7aba23d13fe56835b07ebb00c0b4c2a929551ec3 (patch) | |
| tree | e67f5a28ec12d6250231d2450354390cd8ae9ce0 /client/src/app/core/hotkeys/hotkeys.component.html | |
| parent | 5284d4028c5db6e32b73b13731622ba477597561 (diff) | |
| download | PeerTube-7aba23d13fe56835b07ebb00c0b4c2a929551ec3.tar.gz PeerTube-7aba23d13fe56835b07ebb00c0b4c2a929551ec3.tar.zst PeerTube-7aba23d13fe56835b07ebb00c0b4c2a929551ec3.zip | |
wrap the hotkeys component to allow templating :art:
Diffstat (limited to 'client/src/app/core/hotkeys/hotkeys.component.html')
| -rw-r--r-- | client/src/app/core/hotkeys/hotkeys.component.html | 18 |
1 files changed, 18 insertions, 0 deletions
diff --git a/client/src/app/core/hotkeys/hotkeys.component.html b/client/src/app/core/hotkeys/hotkeys.component.html new file mode 100644 index 000000000..61f03be33 --- /dev/null +++ b/client/src/app/core/hotkeys/hotkeys.component.html | |||
| @@ -0,0 +1,18 @@ | |||
| 1 | <div class="cfp-hotkeys-container fade" [ngClass]="{'in': helpVisible}"> | ||
| 2 | <div class="cfp-hotkeys"> | ||
| 3 | <h4 class="cfp-hotkeys-title">{{ title }}</h4> | ||
| 4 | <div class="cfp-hotkeys-table"> | ||
| 5 | <table> | ||
| 6 | <tbody> | ||
| 7 | <tr *ngFor="let hotkey of hotkeys"> | ||
| 8 | <td class="cfp-hotkeys-keys"> | ||
| 9 | <span *ngFor="let key of hotkey.formatted" class="cfp-hotkeys-key">{{ key }}</span> | ||
| 10 | </td> | ||
| 11 | <td class="cfp-hotkeys-text">{{ hotkey.description }}</td> | ||
| 12 | </tr> | ||
| 13 | </tbody> | ||
| 14 | </table> | ||
| 15 | </div> | ||
| 16 | <div class="cfp-hotkeys-close" (click)="toggleCheatSheet()">×</div> | ||
| 17 | </div> | ||
| 18 | </div> \ No newline at end of file | ||