]> git.immae.eu Git - github/Chocobozzz/PeerTube.git/blob - client/src/app/shared/user-subscription/remote-subscribe.component.ts
refactor subscribe button and comment-add for visitor-interact UX (#1100)
[github/Chocobozzz/PeerTube.git] / client / src / app / shared / user-subscription / remote-subscribe.component.ts
1 import { Component, Input, OnInit } from '@angular/core'
2 import { FormReactive } from '@app/shared/forms/form-reactive'
3 import {
4 FormValidatorService,
5 UserValidatorsService
6 } from '@app/shared/forms/form-validators'
7
8 @Component({
9 selector: 'my-remote-subscribe',
10 templateUrl: './remote-subscribe.component.html',
11 styleUrls: ['./remote-subscribe.component.scss']
12 })
13 export class RemoteSubscribeComponent extends FormReactive implements OnInit {
14 @Input() account: string
15 @Input() interact = false
16 @Input() showHelp = false
17
18 constructor (
19 protected formValidatorService: FormValidatorService,
20 private userValidatorsService: UserValidatorsService
21 ) {
22 super()
23 }
24
25 ngOnInit () {
26 this.buildForm({
27 text: this.userValidatorsService.USER_EMAIL
28 })
29 }
30
31 onValidKey () {
32 this.onValueChanged()
33 if (!this.form.valid) return
34
35 this.formValidated()
36 }
37
38 formValidated () {
39 const address = this.form.value['text']
40 const [ , hostname ] = address.split('@')
41 window.open(`https://${hostname}/authorize_interaction?acct=${this.account}`)
42 }
43 }