client/src/app/+my-account/my-account-applications/my-account-applications.component.html

   1 <h1>
   2   <my-global-icon iconName="codesandbox" aria-hidden="true"></my-global-icon>
   3   <ng-container i18n>Applications</ng-container>
   4 </h1>
   5
   6 <div class="form-row"> <!-- built-in token grid -->
   7   <div class="form-group col-12 col-lg-4 col-xl-3">
   8     <h2 i18n class="applications-title">SUBSCRIPTION FEED</h2>
   9     <div i18n class="applications-description">
  10       Use third-party feed aggregators to retrieve the list of videos from
  11       channels you subscribed to.
  12     </div>
  13   </div>
  14
  15   <div class="form-group col-12 col-lg-8 col-xl-9">
  16
  17     <div class="form-group">
  18       <label i18n for="feed-url">Feed URL</label>
  19       <my-input-toggle-hidden [value]="feedUrl" [withToggle]="false" [withCopy]="true" [show]="true" [readonly]="true"></my-input-toggle-hidden>
  20     </div>
  21
  22     <div class="form-group">
  23       <label i18n for="feed-token">Feed Token</label>
  24       <my-input-toggle-hidden [value]="feedToken" [withCopy]="true" [readonly]="true"></my-input-toggle-hidden>
  25
  26       <div class="form-group-description" i18n>⚠️ Never share your feed token with anyone.</div>
  27     </div>
  28
  29   </div>
  30 </div>
  31
  32 <div class="form-row mt-4"> <!-- submit placement block -->
  33   <div class="col-md-7 col-xl-5"></div>
  34   <div class="col-md-5 col-xl-5">
  35     <input (click)="renewToken()" type="submit" i18n-value value="Renew token">
  36   </div>
  37 </div>