1 files changed, 45 insertions, 0 deletions

diff --git a/src/app/identity-page/identity-page.component.html b/src/app/identity-page/identity-page.component.html
new file mode 100644
index 0000000..edcac69
--- /dev/null
+++ b/src/app/identity-page/identity-page.component.html
@@ -0,0 +1,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>