]>
Commit | Line | Data |
---|---|---|
2295ce6c | 1 | <div class="user"> |
d3e91a5f | 2 | <img [src]="user.accountAvatarUrl" alt="Avatar" /> |
2295ce6c C |
3 | |
4 | <div class="user-info"> | |
7de6afdf | 5 | <div class="user-info-names"> |
d18d6478 | 6 | <div class="user-info-display-name">{{ user.account?.displayName }}</div> |
7de6afdf C |
7 | <div class="user-info-username">{{ user.username }}</div> |
8 | </div> | |
b1d40cff | 9 | <div i18n class="user-info-followers">{{ user.account?.followersCount }} subscribers</div> |
2295ce6c | 10 | </div> |
c30745f3 C |
11 | </div> |
12 | ||
c5911fd3 | 13 | <div class="button-file"> |
b1d40cff | 14 | <span i18n>Change your avatar</span> |
01de67b9 | 15 | <input #avatarfileInput type="file" name="avatarfile" id="avatarfile" [accept]="avatarExtensions" (change)="changeAvatar()" /> |
c5911fd3 | 16 | </div> |
b1d40cff | 17 | <div i18n class="file-max-size">(extensions: {{ avatarExtensions }}, max size: {{ maxAvatarSize | bytes }})</div> |
2295ce6c | 18 | |
ce5496d6 | 19 | <div class="user-quota"> |
b1d40cff | 20 | <span i18n class="user-quota-label">Video quota:</span> {{ userVideoQuotaUsed | bytes: 0 }} / {{ userVideoQuota }} |
ce5496d6 C |
21 | </div> |
22 | ||
ed56ad11 | 23 | <ng-template [ngIf]="user && user.account"> |
b1d40cff | 24 | <div i18n class="account-title">Profile</div> |
d18d6478 | 25 | <my-account-profile [user]="user" [userInformationLoaded]="userInformationLoaded"></my-account-profile> |
ed56ad11 C |
26 | </ng-template> |
27 | ||
b1d40cff | 28 | <div i18n class="account-title">Password</div> |
c30745f3 C |
29 | <my-account-change-password></my-account-change-password> |
30 | ||
b1d40cff | 31 | <div i18n class="account-title">Video settings</div> |
d18d6478 | 32 | <my-account-video-settings [user]="user" [userInformationLoaded]="userInformationLoaded"></my-account-video-settings> |