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()" 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-compatible account</h6>
  37
  38       <button class="dropdown-item" (click)="subscribe()"
  39               *ngIf="subscribed === false">
  40         <span *ngIf="!isUserLoggedIn()" i18n>Subscribe with an account on {{ videoChannel.host }}</span>
  41         <span *ngIf="isUserLoggedIn()" i18n>Subscribe with your local account</span>
  42       </button>
  43
  44       <button class="dropdown-item" i18n>Subscribe with a remote account:</button>
  45       <my-remote-subscribe showHelp="true" account="{{ uriAccount }}"></my-remote-subscribe>
  46
  47       <div class="dropdown-divider"></div>
  48
  49       <h6 class="dropdown-header" i18n>Using a syndication feed</h6>
  50       <button (click)="rssOpen()" class="dropdown-item" i18n>Subscribe via RSS</button>
  51
  52     </div>
  53   </div>
  54 </div>