aboutsummaryrefslogtreecommitdiff
path: root/src/app/identity-page/identity-page.component.html
blob: 4eeb8da68b624c99671401ca22cfc32866995488 (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
56
57
58
59
60
61
62
63
64
<div *ngIf="is_displayed">
<div class="o-grid">
  <div class="o-grid__col u-1/2">
    <create-identity-component></create-identity-component>
  </div>
  <div class="o-grid__col u-1/2">
    <div class="c-card c-card--no-padding u-p-x3">
      <div class="o-type-20 u-pb-x1" >Search</div>
      <div class="">
        <input #myInput class="c-input u-2/2" placeholder="Search" [(ngModel)]="name" (input)="filterItem(myInput.value)"/>
      </div>
    </div>
  </div>
</div>

<div class="c-card u-mt-x2">
  <table class=" u-2/2 c-table">
    <tr>
      <th class="u-text-center">Type</th>
      <th>Name</th>
      <th>ID</th>
      <th class="u-text-center">Rename</th>
      <th class="u-text-center">Delete</th>
    </tr>
    <tr *ngIf="request">
      <td class="u-text-center"><div class="c-spinner"></div></td>
      <td class="u-text-center"><div class="c-spinner"></div></td>
      <td class="u-text-center"><div class="c-spinner"></div></td>
      <td class="u-text-center"><div class="c-spinner"></div></td>
      <td class="u-text-center"><div class="c-spinner"></div></td>
    </tr>
    <tr *ngFor="let identity of filteredItems">
      <td class="u-text-center"><span class="fa fa-user o-type-20" *ngIf="identity.type == 'ego'"></span></td>
      <td>
        <span class="">{{identity.name}}</span>
      </td>
      <td>{{identity.id}}</td>
      <td class="u-text-center"><a class="c-button c-button--rename" (click)="onClickRename(identity)"><i class="fa fa-pencil"></i></a></td>
      <td class="u-text-center"><a class="c-button c-button--danger" (click)="onClickDelete(identity)"><i class="fa fa-trash"></i></a></td>
    </tr>
  </table>
</div>
</div>


<div class="c-card u-p-x3 u-mt-x2" *ngIf="this.rename">
  <div class="o-type-20 u-pb-x1" >Rename</div>
  <div class="u-color-grey">ID: <span>{{changeIdentity.id}}</span></div>
  <div>
    <span class="u-mr-x2"><span class="u-mr-x3">Name: </span><input class="c-input" placeholder="Change Name" [(ngModel)]="changeIdentity.name"/></span>
    <a class="c-button" (click)="onRename(changeIdentity)">Rename</a>
    <a class="c-button c-button--outline u-m-x2" (click)="onReset()">Cancel</a>
  </div>
</div>

<div class="c-card u-p-x3 u-mt-x2" *ngIf="this.delete">
  <div class="o-type-20 u-pb-x1" >Rename</div>
  <div >ID: <span>{{changeIdentity.id}}</span></div>
  <div >Name: <span>{{changeIdentity.name}}</span></div>
  <div>
    <a class="c-button" (click)="onDelete(changeIdentity.id)">Delete</a>
    <a class="c-button c-button--outline u-m-x2" (click)="onReset()">Cancel</a>
  </div>
</div>