client/src/app/account/account-settings/account-details/account-details.component.ts

   1 import { Component, Input, OnInit } from '@angular/core'
   2 import { FormBuilder, FormGroup } from '@angular/forms'
   3 import { NotificationsService } from 'angular2-notifications'
   4 import { UserUpdateMe } from '../../../../../../shared'
   5 import { AuthService } from '../../../core'
   6 import { FormReactive, User, UserService } from '../../../shared'
   7
   8 @Component({
   9   selector: 'my-account-details',
  10   templateUrl: './account-details.component.html',
  11   styleUrls: [ './account-details.component.scss' ]
  12 })
  13
  14 export class AccountDetailsComponent extends FormReactive implements OnInit {
  15   @Input() user: User = null
  16
  17   error: string = null
  18
  19   form: FormGroup
  20   formErrors = {}
  21   validationMessages = {}
  22
  23   constructor (
  24     private authService: AuthService,
  25     private formBuilder: FormBuilder,
  26     private notificationsService: NotificationsService,
  27     private userService: UserService
  28   ) {
  29     super()
  30   }
  31
  32   buildForm () {
  33     this.form = this.formBuilder.group({
  34       displayNSFW: [ this.user.displayNSFW ]
  35     })
  36
  37     this.form.valueChanges.subscribe(data => this.onValueChanged(data))
  38   }
  39
  40   ngOnInit () {
  41     this.buildForm()
  42   }
  43
  44   updateDetails () {
  45     const displayNSFW = this.form.value['displayNSFW']
  46     const details: UserUpdateMe = {
  47       displayNSFW
  48     }
  49
  50     this.error = null
  51     this.userService.updateMyDetails(details).subscribe(
  52       () => {
  53         this.notificationsService.success('Success', 'Information updated.')
  54
  55         this.authService.refreshUserInformation()
  56       },
  57
  58       err => this.error = err.message
  59     )
  60   }
  61 }