1 import { Component, OnInit } from '@angular/core';
2 import { FormControl, FormGroup } from '@angular/forms';
3 import { Router } from '@angular/router';
5 import { validateUrl } from '../../../shared';
6 import { FriendService } from '../shared';
9 selector: 'my-friend-add',
10 templateUrl: './friend-add.component.html',
11 styleUrls: [ './friend-add.component.scss' ]
13 export class FriendAddComponent implements OnInit {
18 constructor(private router: Router, private friendService: FriendService) {}
21 this.form = new FormGroup({});
26 this.form.addControl(`url-${this.urls.length}`, new FormControl('', [ validateUrl ]));
30 customTrackBy(index: number, obj: any): any {
34 displayAddField(index: number) {
35 return index === (this.urls.length - 1);
38 displayRemoveField(index: number) {
39 return (index !== 0 || this.urls.length > 1) && index !== (this.urls.length - 1);
43 // Do not check the last input
44 for (let i = 0; i < this.urls.length - 1; i++) {
45 if (!this.form.controls[`url-${i}`].valid) return false;
48 const lastIndex = this.urls.length - 1;
49 // If the last input (which is not the first) is empty, it's ok
50 if (this.urls[lastIndex] === '' && lastIndex !== 0) {
53 return this.form.controls[`url-${lastIndex}`].valid;
57 removeField(index: number) {
58 // Remove the last control
59 this.form.removeControl(`url-${this.urls.length - 1}`);
60 this.urls.splice(index, 1);
66 const notEmptyUrls = this.getNotEmptyUrls();
67 if (notEmptyUrls.length === 0) {
68 this.error = 'You need to specify at less 1 url.';
72 if (!this.isUrlsUnique(notEmptyUrls)) {
73 this.error = 'Urls need to be unique.';
77 const confirmMessage = 'Are you sure to make friends with:\n - ' + notEmptyUrls.join('\n - ');
78 if (!confirm(confirmMessage)) return;
80 this.friendService.makeFriends(notEmptyUrls).subscribe(
82 // TODO: extractdatastatus
83 // if (status === 409) {
84 // alert('Already made friends!');
86 alert('Make friends request sent!');
87 this.router.navigate([ '/admin/friends/list' ]);
90 error => alert(error.text)
94 private getNotEmptyUrls() {
95 const notEmptyUrls = [];
97 Object.keys(this.form.value).forEach((urlKey) => {
98 const url = this.form.value[urlKey];
99 if (url !== '') notEmptyUrls.push(url);
105 private isUrlsUnique(urls: string[]) {
106 return urls.every(url => urls.indexOf(url) === urls.lastIndexOf(url));