aboutsummaryrefslogtreecommitdiff
path: root/src/app/identity-page/identity-page.component.html
blob: edcac6911def6467a80dad8a4b65489a3e7f7381 (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
<div class="o-grid u-pb-x3">
  <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="u-ph-x2">
        <input #myInput class="c-input" placeholder="Search" [(ngModel)]="name" (input)="filterItem(myInput.value)"/>
      </div>
    </div>
  </div>
</div>

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

<div class="o-grid c-card u-mt-x3">
  <table class="o-grid__col u-2/2 c-table">
    <tr>
      <th>Type</th>
      <th>Name</th>
      <th>ID</th>
      <th>Rename</th>
      <th>Delete</th>
    </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><a class="c-button" (click)="onClickRename(identity)">Rename</a></td>
      <td><a class="c-button" (click)="onClickDelete(identity.id)">Delete</a></td>
    </tr>
  </table>
</div>