blob: fe72dc1d725d778ce66a674e83f3af0fe22cb713 (
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
|
<div *ngIf="is_displayed">
<div class="o-grid">
<create-identity-component class="o-grid__col u-1/2"></create-identity-component>
<div class="o-grid__col u-1/2">
<div class="c-card c-card--no-padding u-p-x3">
<h1 class="o-type-22 u-pb-x1 u-color-primary-light" >Search</h1>
<div class="">
<p class="u-color-grey">Search Input:</p>
<input #myInput class="c-input u-2/2" placeholder="e.g. Name, ID, ..." [(ngModel)]="name" (input)="filterItem(myInput.value)"/>
</div>
</div>
</div>
</div>
<div *ngIf="request" class="u-text-center u-m-x3">
<div class="c-spinner"></div>
</div>
<div class="u-mv-x1" *ngFor="let identity of filteredItems">
<div class="c-card c-card--no-padding u-p-x1">
<div class="o-grid">
<div class="o-grid__col u-1/12"><div class="c-circle" [ngStyle]="{'background-color': returnHSL(identity.id)}">{{identity.name | slice:0:1 | uppercase}}</div></div>
<div class="o-grid__col u-9/12">
<p class="u-color-grey">Public Key: <span class="">{{identity.id}}</span></p>
<span class="o-type-20">{{identity.name}}</span>
</div>
<div class="o-grid__col u-1/12"><p class="u-color-grey">Rename</p><a class="c-button c-button--rename" (click)="onClickRename(identity)"><i class="fa fa-pencil"></i></a></div>
<div class="o-grid__col u-1/12"><p class="u-color-grey">Delete</p><a class="c-button c-button--danger" (click)="onClickDelete(identity)"><i class="fa fa-trash"></i></a></div>
</div>
</div>
</div>
</div>
<div class="c-card u-p-x3 u-mt-x2" *ngIf="this.rename">
<h1 class="o-type-22 u-pb-x1 u-color-primary-light" >Rename</h1>
<div class="u-color-grey">Public Key: <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">
<h1 class="o-type-22 u-pb-x1 u-color-primary-light" >Delete</h1>
<div >Public Key: <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>
|