diff options
author | Chocobozzz <me@florianbigard.com> | 2017-12-20 17:49:58 +0100 |
---|---|---|
committer | Chocobozzz <me@florianbigard.com> | 2017-12-20 17:49:58 +0100 |
commit | 5f0805d39b94eb2de1b73e0f43ac8685ae900994 (patch) | |
tree | cba6c3022caad5e424bd6639bbaaae92113b7b7f /client/src/app/videos/+video-watch/video-report.component.html | |
parent | cb9244de975909bac2922c4412fd948646ff3ba7 (diff) | |
download | PeerTube-5f0805d39b94eb2de1b73e0f43ac8685ae900994.tar.gz PeerTube-5f0805d39b94eb2de1b73e0f43ac8685ae900994.tar.zst PeerTube-5f0805d39b94eb2de1b73e0f43ac8685ae900994.zip |
Design modals
Diffstat (limited to 'client/src/app/videos/+video-watch/video-report.component.html')
-rw-r--r-- | client/src/app/videos/+video-watch/video-report.component.html | 22 |
1 files changed, 10 insertions, 12 deletions
diff --git a/client/src/app/videos/+video-watch/video-report.component.html b/client/src/app/videos/+video-watch/video-report.component.html index 20474bab4..a9a7beb48 100644 --- a/client/src/app/videos/+video-watch/video-report.component.html +++ b/client/src/app/videos/+video-watch/video-report.component.html | |||
@@ -1,32 +1,30 @@ | |||
1 | <div bsModal #modal="bs-modal" class="modal" tabindex="-1"> | 1 | <div bsModal #modal="bs-modal" class="modal" tabindex="-1"> |
2 | <div class="modal-dialog"> | 2 | <div class="modal-dialog"> |
3 | <div class="modal-content modal-lg"> | 3 | <div class="modal-content"> |
4 | 4 | ||
5 | <div class="modal-header"> | 5 | <div class="modal-header"> |
6 | <button type="button" class="close" aria-label="Close" (click)="hide()"> | 6 | <span class="close" aria-hidden="true" (click)="hide()"></span> |
7 | <span aria-hidden="true">×</span> | 7 | <h4 class="modal-title">Report video</h4> |
8 | </button> | ||
9 | <h4 class="title-page title-page-single">Report video</h4> | ||
10 | </div> | 8 | </div> |
11 | 9 | ||
12 | <div class="modal-body"> | 10 | <div class="modal-body"> |
13 | 11 | ||
14 | <form novalidate [formGroup]="form" (ngSubmit)="report()"> | 12 | <form novalidate [formGroup]="form" (ngSubmit)="report()"> |
15 | <div class="form-group"> | 13 | <div class="form-group"> |
16 | <label for="reason">Reason</label> | 14 | <textarea placeholder="Reason..." formControlName="reason" [ngClass]="{ 'input-error': formErrors['reason'] }"> |
17 | <textarea | ||
18 | id="reason" class="form-control" placeholder="Reason..." | ||
19 | formControlName="reason" [ngClass]="{ 'input-error': formErrors['reason'] }" | ||
20 | > | ||
21 | </textarea> | 15 | </textarea> |
22 | <div *ngIf="formErrors.reason" class="form-error"> | 16 | <div *ngIf="formErrors.reason" class="form-error"> |
23 | {{ formErrors.reason }} | 17 | {{ formErrors.reason }} |
24 | </div> | 18 | </div> |
25 | </div> | 19 | </div> |
26 | 20 | ||
27 | <div class="form-group"> | 21 | <div class="form-group inputs"> |
22 | <span class="action-button action-button-cancel" (click)="hide()"> | ||
23 | Cancel | ||
24 | </span> | ||
25 | |||
28 | <input | 26 | <input |
29 | type="submit" value="Report" class="orange-button" | 27 | type="submit" value="Submit" class="action-button-submit" |
30 | [disabled]="!form.valid" | 28 | [disabled]="!form.valid" |
31 | > | 29 | > |
32 | </div> | 30 | </div> |