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>
|