Add confirm when admin use custom js/css

[github/Chocobozzz/PeerTube.git] / client / src / app / +admin / follows / following-add / following-add.component.ts

import { Component } from '@angular/core'
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 {
  hostsString = ''
  hostsError: string = null
  error: string = null

  constructor (
    private router: Router,
    private notificationsService: NotificationsService,
    private confirmService: ConfirmService,
    private followService: FollowService
  ) {}

  httpEnabled () {
    return window.location.protocol === 'https:'
  }

  onHostsChanged () {
    this.hostsError = null

    const newHostsErrors = []
    const hosts = this.getNotEmptyHosts()

    for (const host of hosts) {
      if (validateHost(host) === false) {
        newHostsErrors.push(`${host} is not valid`)
      }
    }

    if (newHostsErrors.length !== 0) {
      this.hostsError = newHostsErrors.join('. ')
    }
  }

  async addFollowing () {
    this.error = ''

    const hosts = this.getNotEmptyHosts()
    if (hosts.length === 0) {
      this.error = 'You need to specify hosts to follow.'
    }

    if (!this.isHostsUnique(hosts)) {
      this.error = 'Hosts need to be unique.'
      return
    }

    const confirmMessage = 'If you confirm, you will send a follow request to:<br /> - ' + hosts.join('<br /> - ')
    const res = await this.confirmService.confirm(confirmMessage, 'Follow new server(s)')
    if (res === false) return

    this.followService.follow(hosts).subscribe(
      () => {
        this.notificationsService.success('Success', 'Follow request(s) sent!')

        setTimeout(() => this.router.navigate([ '/admin/follows/following-list' ]), 500)
      },

      err => this.notificationsService.error('Error', err.message)
    )
  }

  private isHostsUnique (hosts: string[]) {
    return hosts.every(host => hosts.indexOf(host) === hosts.lastIndexOf(host))
  }

  private getNotEmptyHosts () {
    const hosts = this.hostsString
      .split('\n')
      .filter(host => host && host.length !== 0) // Eject empty hosts

    return hosts
  }
}