client/src/app/shared/user-subscription/subscribe-button.component.html

   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()">
   6     <span i18n>
   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()" i18n>
  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       <a [href]="rssUri" target="_blank" class="dropdown-item" i18n>Subscribe via RSS</a>
  50
  51     </div>
  52   </div>
  53 </div>