1 <div class=
"btn-group-subscribe btn-group"
2 [ngClass]=
"{'subscribe-button': subscribed !== true, 'unsubscribe-button': subscribed === true}">
3 <button *
ngIf=
"subscribed === false && isUserLoggedIn()" type=
"button"
4 class=
"btn btn-sm" role=
"button"
5 (click)=
"subscribe()" i18n
>
9 <span *
ngIf=
"displayFollowers && videoChannel.followersCount !== 0" class=
"followers-count">
10 {{ videoChannel.followersCount | myNumberFormatter }}
15 *
ngIf=
"subscribed === true" type=
"button"
16 class=
"btn btn-sm" role=
"button"
17 (click)=
"unsubscribe()" i18n
22 <div class=
"btn-group" ngbDropdown
autoClose=
"outside"
23 placement=
"bottom-right" role=
"group"
24 aria-label=
"Multiple ways to subscribe to the current channel">
25 <button class=
"btn btn-sm dropdown-toggle-split" ngbDropdownToggle
>
26 <span *
ngIf=
"!isUserLoggedIn()">
29 <span *
ngIf=
"displayFollowers && videoChannel.followersCount !== 0" class=
"followers-count">
30 {{ videoChannel.followersCount | myNumberFormatter }}
34 <div class=
"dropdown-menu" ngbDropdownMenu
>
36 <h6 class=
"dropdown-header" i18n
>Using an ActivityPub account
</h6>
38 <button class=
"dropdown-item" (click)=
"subscribe()">
39 <span *
ngIf=
"!isUserLoggedIn()" i18n
>Subscribe with an account on {{ videoChannel.host }}
</span>
40 <span *
ngIf=
"isUserLoggedIn()" i18n
>Subscribe with your local account
</span>
43 <button class=
"dropdown-item" i18n
>Subscribe with a Mastodon account:
</button>
44 <my-remote-subscribe showHelp=
"true" [uri]=
"channelUri"></my-remote-subscribe>
46 <div class=
"dropdown-divider"></div>
48 <h6 class=
"dropdown-header" i18n
>Using a syndication feed
</h6>
49 <button (click)=
"rssOpen()" class=
"dropdown-item" i18n
>Subscribe via RSS
</button>