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
  15 @Component({
  16   selector: 'my-account-details',
  17   templateUrl: './account-details.component.html'
  18 })
  19
  20 export class AccountDetailsComponent extends FormReactive implements OnInit {
  21   @Input() user: User = null
  22
  23   error: string = null
  24
  25   form: FormGroup
  26   formErrors = {}
  27   validationMessages = {}
  28
  29   constructor (
  30     private authService: AuthService,
  31     private formBuilder: FormBuilder,
  32     private router: Router,
  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 = {
  54       displayNSFW
  55     }
  56
  57     this.error = null
  58     this.userService.updateDetails(details).subscribe(
  59       () => {
  60         this.notificationsService.success('Success', 'Informations updated.')
  61
  62         this.authService.refreshUserInformations()
  63       },
  64
  65       err => this.error = err
  66     )
  67   }
  68 }