aboutsummaryrefslogblamecommitdiffhomepage
path: root/client/src/app/+my-account/my-account-settings/my-account-settings.component.ts
blob: 62053d97b2003220cf0f7da19c3bfc3858c66001 (plain) (tree)
1
2
3
4
5
6
7
8
9
10

                                                             
                                     
                                        
                                   
                                                
                                                   


                                  

                                                       
  
                                                           
                   
                      
                        
 


                                     

                                                       
      
 



                                                 

                                          
 




                                                                                             
                                                      



         

                                                                       
   
 
                                       


                                           
                                                                                               
 
                                                    

          
                                                                               
       
   
 
import { Component, OnInit, ViewChild } from '@angular/core'
import { NotificationsService } from 'angular2-notifications'
import { BytesPipe } from 'ngx-pipes'
import { AuthService } from '../../core'
import { User } from '../../shared'
import { UserService } from '../../shared/users'
import { I18n } from '@ngx-translate/i18n-polyfill'

@Component({
  selector: 'my-account-settings',
  templateUrl: './my-account-settings.component.html',
  styleUrls: [ './my-account-settings.component.scss' ]
})
export class MyAccountSettingsComponent implements OnInit {
  user: User = null
  userVideoQuota = '0'
  userVideoQuotaUsed = 0

  constructor (
    private userService: UserService,
    private authService: AuthService,
    private notificationsService: NotificationsService,
    private i18n: I18n
  ) {}

  get userInformationLoaded () {
    return this.authService.userInformationLoaded
  }

  ngOnInit () {
    this.user = this.authService.getUser()

    this.authService.userInformationLoaded.subscribe(
      () => {
        if (this.user.videoQuota !== -1) {
          this.userVideoQuota = new BytesPipe().transform(this.user.videoQuota, 0).toString()
        } else {
          this.userVideoQuota = this.i18n('Unlimited')
        }
      }
    )

    this.userService.getMyVideoQuotaUsed()
      .subscribe(data => this.userVideoQuotaUsed = data.videoQuotaUsed)
  }

  onAvatarChange (formData: FormData) {
    this.userService.changeAvatar(formData)
      .subscribe(
        data => {
          this.notificationsService.success(this.i18n('Success'), this.i18n('Avatar changed.'))

          this.user.updateAccountAvatar(data.avatar)
        },

        err => this.notificationsService.error(this.i18n('Error'), err.message)
      )
  }
}