Clearer video quota label in user settings

[github/Chocobozzz/PeerTube.git] / client / src / app / +my-account / my-account-settings / my-account-settings.component.ts

diff --git a/client/src/app/+my-account/my-account-settings/my-account-settings.component.ts b/client/src/app/+my-account/my-account-settings/my-account-settings.component.ts
index 95fd2a3dbd0f0d64761965f8262b675a570d067c..e314cdbeac9c1ee75b0d3c73d246f2b7369ad635 100644 (file)
--- a/client/src/app/+my-account/my-account-settings/my-account-settings.component.ts
+++ b/client/src/app/+my-account/my-account-settings/my-account-settings.component.ts
@@ -13,9 +13,13 @@ import { I18n } from '@ngx-translate/i18n-polyfill'
 })
 export class MyAccountSettingsComponent implements OnInit {
   user: User = null
+
   userVideoQuota = '0'
   userVideoQuotaUsed = 0
 
+  userVideoQuotaDaily = '0'
+  userVideoQuotaUsedDaily = 0
+
   constructor (
     private userService: UserService,
     private authService: AuthService,
@@ -37,11 +41,20 @@ export class MyAccountSettingsComponent implements OnInit {
         } else {
           this.userVideoQuota = this.i18n('Unlimited')
         }
+
+        if (this.user.videoQuotaDaily !== -1) {
+          this.userVideoQuotaDaily = new BytesPipe().transform(this.user.videoQuotaDaily, 0).toString()
+        } else {
+          this.userVideoQuotaDaily = this.i18n('Unlimited')
+        }
       }
     )
 
     this.userService.getMyVideoQuotaUsed()
-      .subscribe(data => this.userVideoQuotaUsed = data.videoQuotaUsed)
+      .subscribe(data => {
+        this.userVideoQuotaUsed = data.videoQuotaUsed
+        this.userVideoQuotaUsedDaily = data.videoQuotaUsedDaily
+      })
   }
 
   onAvatarChange (formData: FormData) {
@@ -56,4 +69,8 @@ export class MyAccountSettingsComponent implements OnInit {
         err => this.notifier.error(err.message)
       )
   }
+
+  hasDailyQuota () {
+    return this.user.videoQuotaDaily !== -1
+  }
 }