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

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