aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/app/+my-account/my-account-applications/my-account-applications.component.html
blob: 2fc691707c19179d945b7aee42e429d15e2ea833 (plain) (blame)
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
36
37
38
<h1>
  <my-global-icon iconName="codesandbox" aria-hidden="true"></my-global-icon>
  <ng-container i18n>Applications</ng-container>
</h1>

<div class="row"> <!-- built-in token grid -->

  <div class="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.
    </div>
  </div>

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

    <div class="form-group">
      <label i18n for="feed-url">Feed URL</label>
      <my-input-text [value]="feedUrl" [withToggle]="false" [withCopy]="true" [show]="true" [readonly]="true"></my-input-text>
    </div>

    <div class="form-group">
      <label i18n for="feed-token">Feed Token</label>
      <my-input-text [value]="feedToken" [withCopy]="true" [readonly]="true"></my-input-text>

      <div class="form-group-description" i18n>⚠️ Never share your feed token with anyone.</div>
    </div>

  </div>
</div>

<div class="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>