path: root/client/src/app/+my-account/my-account-settings/my-account-settings.component.html

<my-actor-avatar-info [actor]="user.account" (avatarChange)="onAvatarChange($event)"></my-actor-avatar-info>

<div class="user-quota">
  <div>
    <span i18n class="user-quota-label">Total video quota:</span>
    <ng-container i18n>{{ userVideoQuotaUsed | bytes: 0 }} used</ng-container> / {{ userVideoQuota }}
  </div>

  <div *ngIf="hasDailyQuota()">
    <span i18n class="user-quota-label">Daily video quota:</span>
    <ng-container>{{ userVideoQuotaUsedDaily | bytes: 0 }} used</ng-container> / {{ userVideoQuotaDaily }}
  </div>
</div>

<div i18n class="account-title">Profile</div>
<my-account-profile [user]="user" [userInformationLoaded]="userInformationLoaded"></my-account-profile>

<div i18n class="account-title">Video settings</div>
<my-account-video-settings [user]="user" [userInformationLoaded]="userInformationLoaded"></my-account-video-settings>

<div i18n class="account-title">Notifications</div>
<my-account-notification-preferences [user]="user" [userInformationLoaded]="userInformationLoaded"></my-account-notification-preferences>

<div i18n class="account-title">Interface</div>
<my-account-interface-settings [user]="user" [userInformationLoaded]="userInformationLoaded"></my-account-interface-settings>

<div i18n class="account-title">Password</div>
<my-account-change-password></my-account-change-password>

<div i18n class="account-title">Email</div>
<my-account-change-email></my-account-change-email>

<div i18n class="account-title">Danger zone</div>
<my-account-danger-zone [user]="user"></my-account-danger-zone>