client/src/app/+my-library/my-videos/modals/video-change-ownership.component.ts

   1 import { Component, ElementRef, OnInit, ViewChild } from '@angular/core'
   2 import { Notifier, UserService } from '@app/core'
   3 import { OWNERSHIP_CHANGE_USERNAME_VALIDATOR } from '@app/shared/form-validators/video-ownership-change-validators'
   4 import { FormReactive, FormValidatorService } from '@app/shared/shared-forms'
   5 import { Video, VideoOwnershipService } from '@app/shared/shared-main'
   6 import { NgbModal } from '@ng-bootstrap/ng-bootstrap'
   7
   8 @Component({
   9   selector: 'my-video-change-ownership',
  10   templateUrl: './video-change-ownership.component.html',
  11   styleUrls: [ './video-change-ownership.component.scss' ]
  12 })
  13 export class VideoChangeOwnershipComponent extends FormReactive implements OnInit {
  14   @ViewChild('modal', { static: true }) modal: ElementRef
  15
  16   usernamePropositions: string[]
  17
  18   error: string = null
  19
  20   private video: Video | undefined = undefined
  21
  22   constructor (
  23     protected formValidatorService: FormValidatorService,
  24     private videoOwnershipService: VideoOwnershipService,
  25     private notifier: Notifier,
  26     private userService: UserService,
  27     private modalService: NgbModal
  28   ) {
  29     super()
  30   }
  31
  32   ngOnInit () {
  33     this.buildForm({
  34       username: OWNERSHIP_CHANGE_USERNAME_VALIDATOR
  35     })
  36     this.usernamePropositions = []
  37   }
  38
  39   show (video: Video) {
  40     this.video = video
  41     this.modalService
  42       .open(this.modal, { centered: true })
  43       .result
  44       .then(() => this.changeOwnership())
  45       .catch((_) => _) // Called when closing (cancel) the modal without validating, do nothing
  46   }
  47
  48   search (event: { query: string }) {
  49     const query = event.query
  50     this.userService.autocomplete(query)
  51       .subscribe({
  52         next: usernames => {
  53           this.usernamePropositions = usernames
  54         },
  55
  56         error: err => this.notifier.error(err.message)
  57       })
  58   }
  59
  60   changeOwnership () {
  61     const username = this.form.value['username']
  62
  63     this.videoOwnershipService
  64       .changeOwnership(this.video.id, username)
  65       .subscribe({
  66         next: () => this.notifier.success($localize`Ownership change request sent.`),
  67
  68         error: err => this.notifier.error(err.message)
  69       })
  70   }
  71 }