From 51548b31815c6f96f314ae96588a9adca150519d Mon Sep 17 00:00:00 2001
From: Chocobozzz <florian.bigard@gmail.com>
Date: Wed, 15 Nov 2017 10:10:41 +0100
Subject: Add follow tabs

Following
Follow
Followers
---
 .../following-add/following-add.component.html     |  35 ++++++
 .../following-add/following-add.component.scss     |   7 ++
 .../following-add/following-add.component.ts       | 121 +++++++++++++++++++++
 .../src/app/+admin/follows/following-add/index.ts  |   1 +
 4 files changed, 164 insertions(+)
 create mode 100644 client/src/app/+admin/follows/following-add/following-add.component.html
 create mode 100644 client/src/app/+admin/follows/following-add/following-add.component.scss
 create mode 100644 client/src/app/+admin/follows/following-add/following-add.component.ts
 create mode 100644 client/src/app/+admin/follows/following-add/index.ts

(limited to 'client/src/app/+admin/follows/following-add')

diff --git a/client/src/app/+admin/follows/following-add/following-add.component.html b/client/src/app/+admin/follows/following-add/following-add.component.html
new file mode 100644
index 000000000..111f6a8de
--- /dev/null
+++ b/client/src/app/+admin/follows/following-add/following-add.component.html
@@ -0,0 +1,35 @@
+<div class="row">
+  <div class="content-padding">
+
+    <h3>Add following</h3>
+
+    <div *ngIf="error" class="alert alert-danger">{{ error }}</div>
+
+    <form (ngSubmit)="addFollowing()" [formGroup]="form">
+      <div class="form-group"  *ngFor="let host of hosts; let id = index; trackBy:customTrackBy">
+        <label [for]="'host-' + id">Host (so without "http://")</label>
+
+        <div class="input-group">
+          <input
+            type="text" class="form-control" placeholder="example.com"
+            [id]="'host-' + id" [formControlName]="'host-' + id"
+          />
+          <span class="input-group-btn">
+            <button *ngIf="displayAddField(id)" (click)="addField()" class="btn btn-default" type="button">+</button>
+            <button *ngIf="displayRemoveField(id)" (click)="removeField(id)" class="btn btn-default" type="button">-</button>
+          </span>
+        </div>
+
+        <div [hidden]="form.controls['host-' + id].valid || form.controls['host-' + id].pristine" class="alert alert-warning">
+          It should be a valid host.
+        </div>
+      </div>
+
+      <div *ngIf="canMakeFriends() === false"  class="alert alert-warning">
+        It seems that you are not on a HTTPS pod. Your webserver need to have TLS activated in order to follow servers.
+      </div>
+
+      <input type="submit" value="Add following" class="btn btn-default" [disabled]="!isFormValid()">
+    </form>
+  </div>
+</div>
diff --git a/client/src/app/+admin/follows/following-add/following-add.component.scss b/client/src/app/+admin/follows/following-add/following-add.component.scss
new file mode 100644
index 000000000..5fde51636
--- /dev/null
+++ b/client/src/app/+admin/follows/following-add/following-add.component.scss
@@ -0,0 +1,7 @@
+table {
+  margin-bottom: 40px;
+}
+
+.input-group-btn button {
+  width: 35px;
+}
diff --git a/client/src/app/+admin/follows/following-add/following-add.component.ts b/client/src/app/+admin/follows/following-add/following-add.component.ts
new file mode 100644
index 000000000..d95d6afa9
--- /dev/null
+++ b/client/src/app/+admin/follows/following-add/following-add.component.ts
@@ -0,0 +1,121 @@
+import { Component, OnInit } from '@angular/core'
+import { FormControl, FormGroup } from '@angular/forms'
+import { Router } from '@angular/router'
+
+import { NotificationsService } from 'angular2-notifications'
+
+import { ConfirmService } from '../../../core'
+import { validateHost } from '../../../shared'
+import { FollowService } from '../shared'
+
+@Component({
+  selector: 'my-following-add',
+  templateUrl: './following-add.component.html',
+  styleUrls: [ './following-add.component.scss' ]
+})
+export class FollowingAddComponent implements OnInit {
+  form: FormGroup
+  hosts: string[] = [ ]
+  error: string = null
+
+  constructor (
+    private router: Router,
+    private notificationsService: NotificationsService,
+    private confirmService: ConfirmService,
+    private followService: FollowService
+  ) {}
+
+  ngOnInit () {
+    this.form = new FormGroup({})
+    this.addField()
+  }
+
+  addField () {
+    this.form.addControl(`host-${this.hosts.length}`, new FormControl('', [ validateHost ]))
+    this.hosts.push('')
+  }
+
+  canMakeFriends () {
+    return window.location.protocol === 'https:'
+  }
+
+  customTrackBy (index: number, obj: any): any {
+    return index
+  }
+
+  displayAddField (index: number) {
+    return index === (this.hosts.length - 1)
+  }
+
+  displayRemoveField (index: number) {
+    return (index !== 0 || this.hosts.length > 1) && index !== (this.hosts.length - 1)
+  }
+
+  isFormValid () {
+    // Do not check the last input
+    for (let i = 0; i < this.hosts.length - 1; i++) {
+      if (!this.form.controls[`host-${i}`].valid) return false
+    }
+
+    const lastIndex = this.hosts.length - 1
+    // If the last input (which is not the first) is empty, it's ok
+    if (this.hosts[lastIndex] === '' && lastIndex !== 0) {
+      return true
+    } else {
+      return this.form.controls[`host-${lastIndex}`].valid
+    }
+  }
+
+  removeField (index: number) {
+    // Remove the last control
+    this.form.removeControl(`host-${this.hosts.length - 1}`)
+    this.hosts.splice(index, 1)
+  }
+
+  addFollowing () {
+    this.error = ''
+
+    const notEmptyHosts = this.getNotEmptyHosts()
+    if (notEmptyHosts.length === 0) {
+      this.error = 'You need to specify at least 1 host.'
+      return
+    }
+
+    if (!this.isHostsUnique(notEmptyHosts)) {
+      this.error = 'Hosts need to be unique.'
+      return
+    }
+
+    const confirmMessage = 'Are you sure to make friends with:<br /> - ' + notEmptyHosts.join('<br /> - ')
+    this.confirmService.confirm(confirmMessage, 'Follow new server(s)').subscribe(
+      res => {
+        if (res === false) return
+
+        this.followService.follow(notEmptyHosts).subscribe(
+          status => {
+            this.notificationsService.success('Success', 'Follow request(s) sent!')
+            // Wait requests between pods
+            setTimeout(() => this.router.navigate([ '/admin/friends/list' ]), 1000)
+          },
+
+          err => this.notificationsService.error('Error', err.message)
+        )
+      }
+    )
+  }
+
+  private getNotEmptyHosts () {
+    const notEmptyHosts = []
+
+    Object.keys(this.form.value).forEach((hostKey) => {
+      const host = this.form.value[hostKey]
+      if (host !== '') notEmptyHosts.push(host)
+    })
+
+    return notEmptyHosts
+  }
+
+  private isHostsUnique (hosts: string[]) {
+    return hosts.every(host => hosts.indexOf(host) === hosts.lastIndexOf(host))
+  }
+}
diff --git a/client/src/app/+admin/follows/following-add/index.ts b/client/src/app/+admin/follows/following-add/index.ts
new file mode 100644
index 000000000..1b1897ffa
--- /dev/null
+++ b/client/src/app/+admin/follows/following-add/index.ts
@@ -0,0 +1 @@
+export * from './following-add.component'
-- 
cgit v1.2.3