3 <div *
ngIf=
"error" class=
"alert alert-danger">{{ error }}
</div>
5 <form (ngSubmit)=
"makeFriends()" [formGroup]=
"form">
6 <div class=
"form-group" *
ngFor=
"let host of hosts; let id = index; trackBy:customTrackBy">
7 <label for=
"username">Host
</label>
9 <div class=
"input-group">
11 type=
"text" class=
"form-control" placeholder=
"domain.tld"
12 [id]=
"'host-' + id" [formControlName]=
"'host-' + id"
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>
20 <div [hidden]=
"form.controls['host-' + id].valid || form.controls['host-' + id].pristine" class=
"alert alert-warning">
21 It should be a valid host.
25 <div *
ngIf=
"canMakeFriends() === false" 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.
29 <input type=
"submit" value=
"Make friends" class=
"btn btn-default" [disabled]=
"!isFormValid()">