1 <div class=
"btn-group-subscribe btn-group"
2 [ngClass]=
"{'subscribe-button': !isAllChannelsSubscribed(), 'unsubscribe-button': isAllChannelsSubscribed()}">
4 <ng-template #userLoggedOut
>
6 <ng-container *
ngIf=
"account; then multiple; else single"></ng-container>
7 <ng-template i18n #single
>Subscribe
</ng-template>
8 <ng-template i18n #multiple
>Subscribe to all channels
</ng-template>
10 <span *
ngIf=
"displayFollowers && videoChannel.followersCount !== 0" class=
"followers-count">
11 {{ videoChannel.followersCount | myNumberFormatter }}
15 <ng-template #userLoggedIn
>
16 <button *
ngIf=
"!isAllChannelsSubscribed()" type=
"button"
17 class=
"btn btn-sm" role=
"button"
18 (click)=
"subscribe()">
19 <ng-template [ngTemplateOutlet]=
"userLoggedOut"></ng-template>
23 *
ngIf=
"isAllChannelsSubscribed()" type=
"button"
24 class=
"btn btn-sm" role=
"button"
25 (click)=
"unsubscribe()" i18n
27 <ng-container *
ngIf=
"account; then multiple; else single"></ng-container>
28 <ng-template i18n #single
>Unsubscribe
</ng-template>
29 <ng-template i18n #multiple
>Unsubscribe from all channels
</ng-template>
34 *
ngIf=
"isUserLoggedIn(); then userLoggedIn">
37 <div class=
"btn-group" ngbDropdown
autoClose=
"outside"
38 placement=
"bottom-right" role=
"group"
39 aria-label=
"Multiple ways to subscribe to the current channel">
40 <button class=
"btn btn-sm dropdown-toggle-split" ngbDropdownToggle
>
42 *
ngIf=
"!isUserLoggedIn(); then userLoggedOut">
46 <div class=
"dropdown-menu" ngbDropdownMenu
>
48 <h6 class=
"dropdown-header" i18n
>Using an ActivityPub account
</h6>
50 <button class=
"dropdown-item" (click)=
"subscribe()">
51 <span *
ngIf=
"!isUserLoggedIn()" i18n
>Subscribe with an account on {{ videoChannel.host }}
</span>
52 <span *
ngIf=
"isUserLoggedIn()" i18n
>Subscribe with your local account
</span>
55 <button class=
"dropdown-item" i18n
>Subscribe with a Mastodon account:
</button>
56 <my-remote-subscribe showHelp=
"true" [uri]=
"channelUri"></my-remote-subscribe>
58 <div class=
"dropdown-divider"></div>
60 <h6 class=
"dropdown-header" i18n
>Using a syndication feed
</h6>
61 <a [href]=
"rssUri" target=
"_blank" class=
"dropdown-item" i18n
>Subscribe via RSS
</a>