2 <div class=
"content-padding">
6 <div *
ngIf=
"error" class=
"alert alert-danger">{{ error }}
</div>
8 <form (ngSubmit)=
"addFollowing()" [formGroup]=
"form">
9 <div class=
"form-group" *
ngFor=
"let host of hosts; let id = index; trackBy:customTrackBy">
10 <label [for]=
"'host-' + id">Host (so without "http://")
</label>
12 <div class=
"input-group">
14 type=
"text" class=
"form-control" placeholder=
"example.com"
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 server. Your webserver need to have TLS activated in order to follow servers.
32 <input type=
"submit" value=
"Add following" class=
"btn btn-default" [disabled]=
"!isFormValid()">