1 <div class=
"btn-group-subscribe btn-group"
2 [ngClass]=
"{'subscribe-button': !isAllChannelsSubscribed(), 'unsubscribe-button': isAllChannelsSubscribed()}">
4 <ng-template #userLoggedOut
>
5 <span [ngClass]=
"{ 'extra-text': subscribeStatus(true).length > 0 }">
6 <ng-container *
ngIf=
"account; then multiple; else single"></ng-container>
7 <ng-template i18n #single
>Subscribe
</ng-template>
8 <ng-template #multiple
>
9 <span i18n
>Subscribe to all channels
</span>
10 <span *
ngIf=
"subscribeStatus(true).length > 0">{{subscribeStatus(true).length}}/{{subscribed.size}}
11 <ng-container i18n
>channels subscribed
</ng-container>
15 <span *
ngIf=
"displayFollowers && videoChannel.followersCount !== 0" class=
"followers-count">
16 {{ videoChannel.followersCount | myNumberFormatter }}
20 <ng-template #userLoggedIn
>
21 <button *
ngIf=
"!isAllChannelsSubscribed()" type=
"button"
22 class=
"btn btn-sm" role=
"button"
23 (click)=
"subscribe()">
24 <ng-template [ngTemplateOutlet]=
"userLoggedOut"></ng-template>
28 *
ngIf=
"isAllChannelsSubscribed()" type=
"button"
29 class=
"btn btn-sm" role=
"button"
30 (click)=
"unsubscribe()" i18n
33 <ng-container *
ngIf=
"account; then multiple; else single"></ng-container>
34 <ng-template i18n #single
>Unsubscribe
</ng-template>
35 <ng-template i18n #multiple
>Unsubscribe from all channels
</ng-template>
41 *
ngIf=
"isUserLoggedIn(); then userLoggedIn">
44 <div class=
"btn-group" ngbDropdown
autoClose=
"outside"
45 placement=
"bottom-right" role=
"group"
46 aria-label=
"Multiple ways to subscribe to the current channel">
47 <button class=
"btn btn-sm dropdown-toggle-split" ngbDropdownToggle
>
49 *
ngIf=
"!isUserLoggedIn(); then userLoggedOut">
53 <div class=
"dropdown-menu" ngbDropdownMenu
>
55 <h6 class=
"dropdown-header" i18n
>Using an ActivityPub account
</h6>
57 <button class=
"dropdown-item" (click)=
"subscribe()">
58 <span *
ngIf=
"!isUserLoggedIn()" i18n
>Subscribe with an account on {{ videoChannel.host }}
</span>
59 <span *
ngIf=
"isUserLoggedIn()" i18n
>Subscribe with your local account
</span>
62 <button class=
"dropdown-item" i18n
>Subscribe with a Mastodon account:
</button>
63 <my-remote-subscribe showHelp=
"true" [uri]=
"channelUri"></my-remote-subscribe>
65 <div class=
"dropdown-divider"></div>
67 <h6 class=
"dropdown-header" i18n
>Using a syndication feed
</h6>
68 <a [href]=
"rssUri" target=
"_blank" class=
"dropdown-item" i18n
>Subscribe via RSS
</a>