]>
Commit | Line | Data |
---|---|---|
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> | |
6 | <span> | |
7 | Subscribe | |
8 | </span> | |
9 | <span *ngIf="displayFollowers && videoChannel.followersCount !== 0" class="followers-count"> | |
10 | {{ videoChannel.followersCount | myNumberFormatter }} | |
11 | </span> | |
12 | </button> | |
13 | ||
14 | <button | |
15 | *ngIf="subscribed === true" type="button" | |
16 | class="btn btn-sm" role="button" | |
17 | (click)="unsubscribe()" i18n | |
18 | > | |
19 | Unsubscribe | |
20 | </button> | |
21 | ||
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()"> | |
27 | Subscribe | |
28 | </span> | |
29 | <span *ngIf="displayFollowers && videoChannel.followersCount !== 0" class="followers-count"> | |
30 | {{ videoChannel.followersCount | myNumberFormatter }} | |
31 | </span> | |
32 | </button> | |
33 | ||
34 | <div class="dropdown-menu" ngbDropdownMenu> | |
35 | ||
36 | <h6 class="dropdown-header" i18n>Using an ActivityPub account</h6> | |
37 | ||
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> | |
41 | </button> | |
42 | ||
43 | <button class="dropdown-item" i18n>Subscribe with a Mastodon account:</button> | |
44 | <my-remote-subscribe showHelp="true" [uri]="channelUri"></my-remote-subscribe> | |
45 | ||
46 | <div class="dropdown-divider"></div> | |
47 | ||
48 | <h6 class="dropdown-header" i18n>Using a syndication feed</h6> | |
49 | <button (click)="rssOpen()" class="dropdown-item" i18n>Subscribe via RSS</button> | |
50 | ||
51 | </div> | |
52 | </div> | |
53 | </div> |