]>
Commit | Line | Data |
---|---|---|
cdeddff1 C |
1 | <div class="actor" *ngIf="actor"> |
2 | <div class="d-flex"> | |
3 | <img [ngClass]="{ channel: isChannel() }" [src]="actor.avatarUrl" alt="Avatar" /> | |
4 | ||
5 | <div class="actor-img-edit-container"> | |
6 | ||
7 | <div *ngIf="editable && !hasAvatar()" class="actor-img-edit-button" [ngbTooltip]="avatarFormat" placement="right" container="body"> | |
8 | <my-global-icon iconName="upload"></my-global-icon> | |
9 | <label class="sr-only" for="avatarfile" i18n>Upload a new avatar</label> | |
10 | <input #avatarfileInput type="file" name="avatarfile" id="avatarfile" [accept]="avatarExtensions" (change)="onAvatarChange(avatarfileInput)"/> | |
11 | </div> | |
12 | ||
13 | <div | |
14 | *ngIf="editable && hasAvatar()" class="actor-img-edit-button" | |
15 | #avatarPopover="ngbPopover" [ngbPopover]="avatarEditContent" popoverClass="popover-image-info" autoClose="outside" placement="right" | |
16 | > | |
17 | <my-global-icon iconName="edit"></my-global-icon> | |
18 | <label class="sr-only" for="avatarMenu" i18n>Change your avatar</label> | |
19 | </div> | |
20 | ||
21 | </div> | |
22 | </div> | |
23 | ||
24 | <div class="actor-info"> | |
25 | <div class="actor-info-display-name">{{ actor.displayName }}</div> | |
26 | <div *ngIf="displayUsername" class="actor-info-username">{{ actor.name }}</div> | |
27 | <div *ngIf="displaySubscribers" i18n class="actor-info-followers">{{ actor.followersCount }} subscribers</div> | |
28 | </div> | |
29 | </div> | |
30 | ||
31 | <ng-template #avatarEditContent> | |
32 | <div class="dropdown-item c-hand" [ngbTooltip]="avatarFormat" placement="right" container="body"> | |
33 | <my-global-icon iconName="upload"></my-global-icon> | |
34 | <span for="avatarfile" i18n>Upload a new avatar</span> | |
35 | <input #avatarfileInput type="file" name="avatarfile" id="avatarfile" [accept]="avatarExtensions" (change)="onAvatarChange(avatarfileInput)"/> | |
36 | </div> | |
37 | <div class="dropdown-item c-hand" (click)="deleteAvatar()" (key.enter)="deleteAvatar()"> | |
38 | <my-global-icon iconName="delete"></my-global-icon> | |
39 | <span i18n>Remove avatar</span> | |
40 | </div> | |
41 | </ng-template> |