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