2 <div class=
"content-padding">
6 <div *
ngIf=
"error" class=
"alert alert-danger">{{ error }}
</div>
8 <form (ngSubmit)=
"makeFriends()" [formGroup]=
"form">
9 <div class=
"form-group" *
ngFor=
"let host of hosts; let id = index; trackBy:customTrackBy">
10 <label for=
"username">Host
</label>
12 <div class=
"input-group">
14 type=
"text" class=
"form-control" placeholder=
"domain.tld"
15 [id]=
"'host-' + id" [formControlName]=
"'host-' + id"
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>
23 <div [hidden]=
"form.controls['host-' + id].valid || form.controls['host-' + id].pristine" class=
"alert alert-warning">
24 It should be a valid host.
28 <div *
ngIf=
"canMakeFriends() === false" class=
"alert alert-warning">
29 It seems that you are not on a HTTPS pod. Your webserver need to have TLS activated in order to make friends.
32 <input type=
"submit" value=
"Make friends" class=
"btn btn-default" [disabled]=
"!isFormValid()">