diff options
author | Chocobozzz <me@florianbigard.com> | 2018-06-29 14:34:04 +0200 |
---|---|---|
committer | Chocobozzz <me@florianbigard.com> | 2018-06-29 14:34:04 +0200 |
commit | 52d9f792b3fee5acce80f948295b59e3ad2073eb (patch) | |
tree | 661f577e9c7196d199b4b49e475ecd2d88e6d7b7 /client/src/app/+my-account/shared/actor-avatar-info.component.html | |
parent | 4bbfc6c606c8d3794bae25c64c516120af41f4eb (diff) | |
download | PeerTube-52d9f792b3fee5acce80f948295b59e3ad2073eb.tar.gz PeerTube-52d9f792b3fee5acce80f948295b59e3ad2073eb.tar.zst PeerTube-52d9f792b3fee5acce80f948295b59e3ad2073eb.zip |
Client: Add ability to update video channel avatar
Diffstat (limited to 'client/src/app/+my-account/shared/actor-avatar-info.component.html')
-rw-r--r-- | client/src/app/+my-account/shared/actor-avatar-info.component.html | 19 |
1 files changed, 19 insertions, 0 deletions
diff --git a/client/src/app/+my-account/shared/actor-avatar-info.component.html b/client/src/app/+my-account/shared/actor-avatar-info.component.html new file mode 100644 index 000000000..8bdff2f5a --- /dev/null +++ b/client/src/app/+my-account/shared/actor-avatar-info.component.html | |||
@@ -0,0 +1,19 @@ | |||
1 | <ng-container *ngIf="actor"> | ||
2 | <div class="actor"> | ||
3 | <img [src]="actor.avatarUrl" alt="Avatar" /> | ||
4 | |||
5 | <div class="actor-info"> | ||
6 | <div class="actor-info-names"> | ||
7 | <div class="actor-info-display-name">{{ actor.displayName }}</div> | ||
8 | <div class="actor-info-username">{{ actor.name }}</div> | ||
9 | </div> | ||
10 | <div i18n class="actor-info-followers">{{ actor.followersCount }} subscribers</div> | ||
11 | </div> | ||
12 | </div> | ||
13 | |||
14 | <div class="button-file"> | ||
15 | <span i18n>Change the avatar</span> | ||
16 | <input #avatarfileInput type="file" name="avatarfile" id="avatarfile" [accept]="avatarExtensions" (change)="onAvatarChange()" /> | ||
17 | </div> | ||
18 | <div i18n class="file-max-size">(extensions: {{ avatarExtensions }}, max size: {{ maxAvatarSize | bytes }})</div> | ||
19 | </ng-container> \ No newline at end of file | ||