client/src/app/+admin/users/user-edit/user-update.component.ts

   1 import { Component, OnDestroy, OnInit } from '@angular/core'
   2 import { ActivatedRoute, Router } from '@angular/router'
   3 import { Subscription } from 'rxjs'
   4 import { NotificationsService } from 'angular2-notifications'
   5 import { UserService } from '../shared'
   6 import { ServerService } from '../../../core'
   7 import { UserEdit } from './user-edit'
   8 import { UserUpdate, User } from '../../../../../../shared'
   9 import { I18n } from '@ngx-translate/i18n-polyfill'
  10 import { FormValidatorService } from '@app/shared/forms/form-validators/form-validator.service'
  11 import { UserValidatorsService } from '@app/shared/forms/form-validators/user-validators.service'
  12
  13 @Component({
  14   selector: 'my-user-update',
  15   templateUrl: './user-edit.component.html',
  16   styleUrls: [ './user-edit.component.scss' ]
  17 })
  18 export class UserUpdateComponent extends UserEdit implements OnInit, OnDestroy {
  19   error: string
  20   userId: number
  21   username: string
  22
  23   private paramsSub: Subscription
  24
  25   constructor (
  26     protected formValidatorService: FormValidatorService,
  27     protected serverService: ServerService,
  28     private userValidatorsService: UserValidatorsService,
  29     private route: ActivatedRoute,
  30     private router: Router,
  31     private notificationsService: NotificationsService,
  32     private userService: UserService,
  33     private i18n: I18n
  34   ) {
  35     super()
  36   }
  37
  38   ngOnInit () {
  39     const defaultValues = { videoQuota: '-1' }
  40     this.buildForm({
  41       email: this.userValidatorsService.USER_EMAIL,
  42       role: this.userValidatorsService.USER_ROLE,
  43       videoQuota: this.userValidatorsService.USER_VIDEO_QUOTA
  44     }, defaultValues)
  45
  46     this.paramsSub = this.route.params.subscribe(routeParams => {
  47       const userId = routeParams['id']
  48       this.userService.getUser(userId).subscribe(
  49         user => this.onUserFetched(user),
  50
  51         err => this.error = err.message
  52       )
  53     })
  54   }
  55
  56   ngOnDestroy () {
  57     this.paramsSub.unsubscribe()
  58   }
  59
  60   formValidated () {
  61     this.error = undefined
  62
  63     const userUpdate: UserUpdate = this.form.value
  64
  65     // A select in HTML is always mapped as a string, we convert it to number
  66     userUpdate.videoQuota = parseInt(this.form.value['videoQuota'], 10)
  67
  68     this.userService.updateUser(this.userId, userUpdate).subscribe(
  69       () => {
  70         this.notificationsService.success(
  71           this.i18n('Success'),
  72           this.i18n('User {{username}} updated.', { username: this.username })
  73         )
  74         this.router.navigate([ '/admin/users/list' ])
  75       },
  76
  77       err => this.error = err.message
  78     )
  79   }
  80
  81   isCreation () {
  82     return false
  83   }
  84
  85   getFormButtonTitle () {
  86     return this.i18n('Update user')
  87   }
  88
  89   private onUserFetched (userJson: User) {
  90     this.userId = userJson.id
  91     this.username = userJson.username
  92
  93     this.form.patchValue({
  94       email: userJson.email,
  95       role: userJson.role,
  96       videoQuota: userJson.videoQuota
  97     })
  98   }
  99 }