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


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35

<h1>
  <my-global-icon iconName="codesandbox" aria-hidden="true"></my-global-icon>
  <ng-container i18n>Applications</ng-container>
</h1>

<div class="form-row"> <!-- built-in token grid -->
  <div class="form-group col-12 col-lg-4 col-xl-3">
    <h2 i18n class="applications-title">SUBSCRIPTION FEED</h2>
    <div i18n class="applications-description">
      Use third-party feed aggregators to retrieve the list of videos from 
      channels you subscribed to. Make sure to keep your token private.
    </div>
  </div>

  <div class="form-group form-group-right col-12 col-lg-8 col-xl-9">

    <div class="form-group">
      <label i18n for="feed-url">Feed URL</label>
      <my-input-readonly-copy [value]="feedUrl"></my-input-readonly-copy>
    </div>
    
    <div class="form-group">
      <label i18n for="feed-token">Feed Token</label>
      <my-input-readonly-copy [value]="feedToken"></my-input-readonly-copy>
    </div>

  </div>
</div>

<div class="form-row mt-4"> <!-- submit placement block -->
  <div class="col-md-7 col-xl-5"></div>
  <div class="col-md-5 col-xl-5">
    <input (click)="renewToken()" type="submit" i18n-value value="Renew token">
  </div>
</div>