client/src/app/admin/friends/friend-add/friend-add.component.html

   1 <h3>Make friends</h3>
   2
   3 <div *ngIf="error" class="alert alert-danger">{{ error }}</div>
   4
   5 <form role="form" (ngSubmit)="makeFriends()">
   6   <div class="form-group"  *ngFor="let url of urls; let id = index; trackBy:customTrackBy">
   7     <label for="username">Url</label>
   8     <div class="input-group">
   9       <input type="text" class="form-control" name="url" id="url" placeholder="http://domain.com" [(ngModel)]="urls[id]" />
  10       <span class="input-group-btn">
  11         <button *ngIf="displayAddField(id)" (click)="addField()" class="btn btn-default" type="button">+</button>
  12         <button *ngIf="displayRemoveField(id)" (click)="removeField(index)" class="btn btn-default" type="button">-</button>
  13       </span>
  14     </div>
  15   </div>
  16
  17   <input type="submit" value="Make friends" class="btn btn-default">
  18 </form>