]>
git.immae.eu Git - github/Chocobozzz/PeerTube.git/blob - client/src/app/shared/shared-actor-image-edit/actor-banner-edit.component.html
d4ddb2deb2bf544a4c8a65b05d9209f535389b86
1 <div class=
"actor" *
ngIf=
"actor">
2 <div class=
"actor-img-edit-container">
3 <div class=
"banner-placeholder">
4 <img *
ngIf=
"hasBanner()" [src]=
"preview || actor.bannerUrl" alt=
"Banner" />
7 <div *
ngIf=
"!hasBanner()" class=
"actor-img-edit-button button-focus-within" [ngbTooltip]=
"bannerFormat" placement=
"right" container=
"body">
8 <ng-container *
ngTemplateOutlet=
"uploadNewBanner"></ng-container>
11 <div *
ngIf=
"hasBanner()" ngbDropdown
placement=
"right">
12 <button type=
"button" class=
"actor-img-edit-button" ngbDropdownToggle
>
13 <my-global-icon iconName=
"edit"></my-global-icon>
14 <label for=
"bannerMenu" i18n
>Change your banner
</label>
18 <div class=
"dropdown-item dropdown-file button-focus-within" [ngbTooltip]=
"bannerFormat">
19 <ng-container *
ngTemplateOutlet=
"uploadNewBanner"></ng-container>
22 <button type=
"button" class=
"dropdown-item" (click)=
"deleteBanner()">
23 <my-global-icon iconName=
"delete"></my-global-icon>
24 <span i18n
>Remove banner
</span>
31 <ng-template #uploadNewBanner
>
32 <my-global-icon iconName=
"upload"></my-global-icon>
33 <span for=
"bannerfile" i18n
>Upload a new banner
</span>
34 <input #bannerfileInput
type=
"file" name=
"bannerfile" id=
"bannerfile" [accept]=
"bannerExtensions" (change)=
"onBannerChange(bannerfileInput)"/>