aboutsummaryrefslogtreecommitdiff
path: root/src/app/import-attributes/import-attributes.component.html
blob: 7cf1dacc78eb8c1759d8b12d15262ce4b87e6d5d (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
<!-- Identity edit screen -->
<div class="m-2 card">
  <div class="card-avatar card-img-top">
    <div class="card-avatar-character text-dark" >
      <h2 class="fa-2x">
      <span class="fa fa-download"></span>
      {{getMessage("import_attributes_html@importFor", {IDENTITYNAME:  identity.name})}}
      </h2>
    </div>
  </div>
  <div class="card-body text-center fa-4x" *ngIf="inProgress">
    <i class="fa fa-spinner fa-spin"></i>
  </div>
  <!-- Credential management -->
  <div class="card-body" *ngIf="!inProgress">
    <!--IdProvider-Discovery-->
    <div>
      <!--Email not found Warning-->
      <div *ngIf="errorMessage != ''"
        class="alert alert-danger alert-dismissible fade show my-2" role="alert">
        <span class="fa fa-warning"></span> {{errorMessage}}
      </div>
      <!-- Instructions -->
      <div
        class="alert alert-primary alert-dismissible fade show my-2" role="alert" >
        <span class="fa fa-info"> </span>  <b class="ml-2">{{getMessage("edit_credentials_html@info")}}</b><br/>
        {{getMessage("edit_credentials_html@linkAccountInfo1")}}<br/>
        <i>{{getMessage("Note")}}</i>{{getMessage("edit_credentials_html@linkAccountInfo2")}}
      </div>
      <div class="my-2 col-lg-4">
        <div class="email-status-wrapper" [class.valid]="validEmail" [class.text-primary]="validEmail"
                                          [class.invalid]="errorMessage != ''" [class.text-danger]="errorMessage != ''">
          <input placeholder="user@example.com" [(ngModel)]="webfingerEmail" (keyup)="validateEmail()">
        </div>
        <button class="btn btn-primary fhg-link" (click)="import()" [disabled]="!validEmail">
          <span class="fa fa-download"></span> {{getMessage("import")}}
        </button>
        <i *ngIf="discoveringIdProvider" class="ml-1 fa fa-spinner fa-spin"></i>
      </div>
    </div>
    <hr />

    <!-- Edit card buttons -->
    <div>
      <button class="btn btn-primary" [disabled]="inProgress" [routerLink]="['/edit-identity', identity.name ]">
        <span class="fa fa-arrow-left"></span> {{ getMessage("Back") }}
      </button>
    </div>
  </div>
</div>