aboutsummaryrefslogblamecommitdiffhomepage
path: root/client/src/app/shared/shared-user-subscription/remote-subscribe.component.html
blob: 656d1beb3ec7464830fd9a15c735bfc361c563f5 (plain) (tree)
1
2
3
4
5
6
7
8
9
10
                                                                 
                          





                                                                            

                                                                                           


                                                   
 


                                         
                                                                                                                                    

                     
            
 


                                         
                                                                                                                              

                     
            
       
<form novalidate [formGroup]="form" (ngSubmit)="formValidated()">
  <div class="form-group">
    <input type="email"
      formControlName="text"
      class="form-control"
      (keyup.control.enter)="onValidKey()" (keyup.meta.enter)="onValidKey()"
      placeholder="jane_doe@example.com">
  </div>

  <button type="submit" [disabled]="!form.valid" class="btn btn-sm btn-remote-follow" i18n>
    <span *ngIf="!interact">Remote subscribe</span>
    <span *ngIf="interact">Remote interact</span>
  </button>

  <my-help *ngIf="!interact && showHelp">
    <ng-template ptTemplate="customHtml">
      <ng-container i18n>
        You can subscribe to the channel via any ActivityPub-capable fediverse instance (PeerTube, Mastodon or Pleroma for example).
      </ng-container>
    </ng-template>
  </my-help>

  <my-help *ngIf="showHelp && interact">
    <ng-template ptTemplate="customHtml">
      <ng-container i18n>
        You can interact with this via any ActivityPub-capable fediverse instance (PeerTube, Mastodon or Pleroma for example).
      </ng-container>
    </ng-template>
  </my-help>
</form>