aboutsummaryrefslogtreecommitdiff
path: root/src/app/authorization-request/authorization-request.component.html
blob: 15f801de8348964ec5ac55100c4909f62407eef2 (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
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
<div style="text-align: center;">
  <i class="fa fa-2x fa-openid"></i> 
  <b class="fa-2x" > {{getMessage("authorization_request_html@personalInfo")}} </b>
  <br/>
  <span *ngIf="isClientVerified() === undefined">
    <i class="fa fa-2x fa-circle-o-notch fa-spin fa-fw"></i> 
    <b class="fa-2x" > {{getMessage("authorization_request_html@verifyRequest")}}</b>
  </span>
  <br/>
</div>
<div class="card" *ngIf="isClientVerified()" style="margin-left:30%; width:40%;">
  <div class="card-body" >
    <strong>{{ oidcService.clientName }}</strong>
    {{getMessage("authorization_request_html@chooseId1")}}
    <br/>
    {{getMessage("authorization_request_html@chooseId1")}}
    <ul>
      <li *ngFor="let attribute of getRequestedStandardScopesWithDescription()"><strong>{{attribute}}</strong></li>
    </ul>
    <div *ngIf="getRequestedNonStandardClaims().length > 0">
      {{getMessage("authorization_request_html@attributes")}}
      <ul>
        <li *ngFor="let attribute of getRequestedNonStandardClaims()"><strong>{{attribute}}</strong></li>
      </ul>
    </div>
  </div>
  <!-- Sharing disclaimer -->
  <div class="alert alert-warning alert-dismissible fade show mb-1" role="alert">
    <i class="fa fa-exclamation-triangle mr-2"></i>
    <strong>{{getMessage("authorization_request_html@personalDataWarning1")}}</strong>
    {{getMessage("authorization_request_html@personalDataWarning2", {CLIENTNAME: oidcService.clientName})}}
  </div>
  <div style="margin: 1em;">
    <button class="btn btn-danger m-1 mt-4" *ngIf="isClientVerified()" (click)="cancelRequest()" style="margin-bottom: -4%;">
      <span class="fa fa-ban"></span> {{getMessage("Decline")}}
    </button>
    <button class="btn btn-primary m-1 mt-4" [routerLink]="['/']" *ngIf="isClientVerified()">
      <span class="fa fa-arrow-circle-right"></span> {{getMessage("authorization_request_html@selectId")}}
    </button>
  </div>
</div>
<div *ngIf="isClientVerified() !== undefined && !isClientVerified()" style="text-align: center;">
  <div class="alert alert-danger show" role="alert">
    <b >{{getMessage("authorization_request_html@authFailed")}}</b><br/>
    <button class="btn btn-primary mt-4" *ngIf="!isClientVerified()" (click)="retryVerify();">
      <span class="fa fa-openid"></span> {{getMessage("authorization_request_html@retry")}}
    </button>
  </div>
</div>
<div *ngIf="isClientVerified() === undefined" style="text-align: center;">
  <button class="btn btn-danger mt-4" *ngIf="isClientVerified() === undefined" (click)="cancelRequest()">
    <span class="fa fa-ban"></span> {{getMessage("authorization_request_html@cancelRequest")}}
  </button>
</div>