diff options
author | Chocobozzz <florian.bigard@gmail.com> | 2017-04-21 18:26:09 +0200 |
---|---|---|
committer | Chocobozzz <florian.bigard@gmail.com> | 2017-04-26 21:23:19 +0200 |
commit | 897ec54d766902878d78abe04aa5b749f6b627f3 (patch) | |
tree | 821062ecb881286d45931c32c6b67b078ba47823 /client/src/app/+admin/friends/friend-add | |
parent | ea9f487b40c7f1d7348d9f88703cb9d52c7e8603 (diff) | |
download | PeerTube-897ec54d766902878d78abe04aa5b749f6b627f3.tar.gz PeerTube-897ec54d766902878d78abe04aa5b749f6b627f3.tar.zst PeerTube-897ec54d766902878d78abe04aa5b749f6b627f3.zip |
Client: beautiful watch page
Diffstat (limited to 'client/src/app/+admin/friends/friend-add')
-rw-r--r-- | client/src/app/+admin/friends/friend-add/friend-add.component.html | 53 |
1 files changed, 29 insertions, 24 deletions
diff --git a/client/src/app/+admin/friends/friend-add/friend-add.component.html b/client/src/app/+admin/friends/friend-add/friend-add.component.html index eebe033f9..29c045414 100644 --- a/client/src/app/+admin/friends/friend-add/friend-add.component.html +++ b/client/src/app/+admin/friends/friend-add/friend-add.component.html | |||
@@ -1,30 +1,35 @@ | |||
1 | <h3>Make friends</h3> | 1 | <div class="row"> |
2 | <div class="content-padding"> | ||
2 | 3 | ||
3 | <div *ngIf="error" class="alert alert-danger">{{ error }}</div> | 4 | <h3>Make friends</h3> |
4 | 5 | ||
5 | <form (ngSubmit)="makeFriends()" [formGroup]="form"> | 6 | <div *ngIf="error" class="alert alert-danger">{{ error }}</div> |
6 | <div class="form-group" *ngFor="let host of hosts; let id = index; trackBy:customTrackBy"> | ||
7 | <label for="username">Host</label> | ||
8 | 7 | ||
9 | <div class="input-group"> | 8 | <form (ngSubmit)="makeFriends()" [formGroup]="form"> |
10 | <input | 9 | <div class="form-group" *ngFor="let host of hosts; let id = index; trackBy:customTrackBy"> |
11 | type="text" class="form-control" placeholder="domain.tld" | 10 | <label for="username">Host</label> |
12 | [id]="'host-' + id" [formControlName]="'host-' + id" | ||
13 | /> | ||
14 | <span class="input-group-btn"> | ||
15 | <button *ngIf="displayAddField(id)" (click)="addField()" class="btn btn-default" type="button">+</button> | ||
16 | <button *ngIf="displayRemoveField(id)" (click)="removeField(id)" class="btn btn-default" type="button">-</button> | ||
17 | </span> | ||
18 | </div> | ||
19 | 11 | ||
20 | <div [hidden]="form.controls['host-' + id].valid || form.controls['host-' + id].pristine" class="alert alert-warning"> | 12 | <div class="input-group"> |
21 | It should be a valid host. | 13 | <input |
22 | </div> | 14 | type="text" class="form-control" placeholder="domain.tld" |
23 | </div> | 15 | [id]="'host-' + id" [formControlName]="'host-' + id" |
16 | /> | ||
17 | <span class="input-group-btn"> | ||
18 | <button *ngIf="displayAddField(id)" (click)="addField()" class="btn btn-default" type="button">+</button> | ||
19 | <button *ngIf="displayRemoveField(id)" (click)="removeField(id)" class="btn btn-default" type="button">-</button> | ||
20 | </span> | ||
21 | </div> | ||
24 | 22 | ||
25 | <div *ngIf="canMakeFriends() === false" class="alert alert-warning"> | 23 | <div [hidden]="form.controls['host-' + id].valid || form.controls['host-' + id].pristine" class="alert alert-warning"> |
26 | It seems that you are not on a HTTPS pod. Your webserver need to have TLS activated in order to make friends. | 24 | It should be a valid host. |
27 | </div> | 25 | </div> |
26 | </div> | ||
28 | 27 | ||
29 | <input type="submit" value="Make friends" class="btn btn-default" [disabled]="!isFormValid()"> | 28 | <div *ngIf="canMakeFriends() === false" class="alert alert-warning"> |
30 | </form> | 29 | It seems that you are not on a HTTPS pod. Your webserver need to have TLS activated in order to make friends. |
30 | </div> | ||
31 | |||
32 | <input type="submit" value="Make friends" class="btn btn-default" [disabled]="!isFormValid()"> | ||
33 | </form> | ||
34 | </div> | ||
35 | </div> | ||