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" account="{{ uriAccount }}"></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>