]>
Commit | Line | Data |
---|---|---|
d3e56c0c C |
1 | <ng-template #modal> |
2 | <div class="modal-header"> | |
c9e3565d CC |
3 | <h1 i18n class="modal-title">Contact {{ instanceName }} administrator</h1> |
4 | <my-global-icon iconName="cross" aria-label="Close" tabindex="0" role="button" (click)="hide()" (keydown.enter)="hide()"></my-global-icon> | |
d3e56c0c C |
5 | </div> |
6 | ||
7 | <div class="modal-body"> | |
8 | ||
5c16e6bc | 9 | <form *ngIf="isContactFormEnabled()" novalidate [formGroup]="form" (ngSubmit)="sendForm()"> |
d3e56c0c C |
10 | <div class="form-group"> |
11 | <label i18n for="fromName">Your name</label> | |
12 | <input | |
a6d5ff76 | 13 | type="text" id="fromName" class="form-control" |
d3e56c0c C |
14 | formControlName="fromName" [ngClass]="{ 'input-error': formErrors.fromName }" |
15 | > | |
16 | <div *ngIf="formErrors.fromName" class="form-error">{{ formErrors.fromName }}</div> | |
17 | </div> | |
18 | ||
19 | <div class="form-group"> | |
20 | <label i18n for="fromEmail">Your email</label> | |
21 | <input | |
a6d5ff76 | 22 | type="text" id="fromEmail" class="form-control" |
d3e56c0c C |
23 | formControlName="fromEmail" [ngClass]="{ 'input-error': formErrors['fromEmail'] }" |
24 | > | |
25 | <div *ngIf="formErrors.fromEmail" class="form-error">{{ formErrors.fromEmail }}</div> | |
26 | </div> | |
27 | ||
4e9fa5b7 NB |
28 | <div class="form-group"> |
29 | <label i18n for="subject">Subject</label> | |
30 | <input | |
a6d5ff76 | 31 | type="text" id="subject" class="form-control" |
4e9fa5b7 NB |
32 | formControlName="subject" [ngClass]="{ 'input-error': formErrors['subject'] }" |
33 | > | |
34 | <div *ngIf="formErrors.subject" class="form-error">{{ formErrors.subject }}</div> | |
35 | </div> | |
36 | ||
d3e56c0c C |
37 | <div class="form-group"> |
38 | <label i18n for="body">Your message</label> | |
a6d5ff76 | 39 | <textarea id="body" formControlName="body" class="form-control" [ngClass]="{ 'input-error': formErrors['body'] }"> |
d3e56c0c C |
40 | </textarea> |
41 | <div *ngIf="formErrors.body" class="form-error">{{ formErrors.body }}</div> | |
42 | </div> | |
43 | ||
44 | <div *ngIf="error" class="alert alert-danger">{{ error }}</div> | |
45 | ||
46 | <div class="form-group inputs"> | |
a6d5ff76 | 47 | <input |
266947e5 | 48 | type="button" role="button" i18n-value value="Cancel" class="peertube-button grey-button" |
a6d5ff76 RK |
49 | (click)="hide()" (key.enter)="hide()" |
50 | > | |
d3e56c0c | 51 | |
266947e5 | 52 | <input type="submit" i18n-value value="Submit" class="peertube-button orange-button" [disabled]="!form.valid" /> |
d3e56c0c C |
53 | </div> |
54 | </form> | |
55 | ||
5c16e6bc C |
56 | <div *ngIf="!isContactFormEnabled()" class="alert alert-error" i18n>The contact form is not enabled on this instance.</div> |
57 | ||
d3e56c0c C |
58 | </div> |
59 | </ng-template> |