]>
git.immae.eu Git - github/Chocobozzz/PeerTube.git/blob - client/src/app/shared/shared-actor-image-edit/actor-banner-edit.component.html
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" [ngbTooltip]=
"bannerFormat" placement=
"right" container=
"body">
8 <my-global-icon iconName=
"upload"></my-global-icon>
9 <label for=
"bannerfile" i18n
>Upload a new banner
</label>
10 <input #bannerfileInput
type=
"file" name=
"bannerfile" id=
"bannerfile" [accept]=
"bannerExtensions" (change)=
"onBannerChange(bannerfileInput)"/>
14 *
ngIf=
"hasBanner()" class=
"actor-img-edit-button"
15 #
bannerPopover=
"ngbPopover" [ngbPopover]=
"bannerEditContent" popoverClass=
"popover-image-info" autoClose=
"outside" placement=
"right"
17 <my-global-icon iconName=
"edit"></my-global-icon>
18 <label for=
"bannerMenu" i18n
>Change your banner
</label>
23 <ng-template #bannerEditContent
>
24 <div class=
"dropdown-item c-hand" [ngbTooltip]=
"bannerFormat" placement=
"right" container=
"body">
25 <my-global-icon iconName=
"upload"></my-global-icon>
26 <span for=
"bannerfile" i18n
>Upload a new banner
</span>
27 <input #bannerfileInput
type=
"file" name=
"bannerfile" id=
"bannerfile" [accept]=
"bannerExtensions" (change)=
"onBannerChange(bannerfileInput)"/>
30 <div class=
"dropdown-item c-hand" (click)=
"deleteBanner()" (key.enter)=
"deleteBanner()">
31 <my-global-icon iconName=
"delete"></my-global-icon>
32 <span i18n
>Remove banner
</span>