1 files changed, 20 insertions, 7 deletions

diff --git a/src/app/identity-page/identity-page.component.html b/src/app/identity-page/identity-page.component.html
index fe72dc1..b0f22d8 100644
--- a/src/app/identity-page/identity-page.component.html
+++ b/src/app/identity-page/identity-page.component.html
@@ -18,12 +18,13 @@
   <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>
+        <div class="o-grid__col u-1/12"><div class="c-circle" [ngStyle]="{'background-color': returnHSL(identity.pubkey)}">{{identity.name | slice:0:1 | uppercase}}</div></div>
+        <div class="o-grid__col u-8/12">
+          <p class="u-color-grey">Public Key: <span class="">{{identity.pubkey}}</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">Subsystem</p><a class="c-button c-button--rename" (click)="onClickAddSubsystem(identity)"><i class="fa fa-plus"></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>
@@ -32,20 +33,32 @@
 
 <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 class="u-color-grey u-pb-x1">Public Key: <span>{{changeIdentity.pubkey}}</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" (click)="onRename(changeIdentity)">Save</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.addsubsystem">
+  <h1 class="o-type-22 u-pb-x1 u-color-primary-light" >Add Subsystem</h1>
+  <div class="u-color-grey">Public Key: <span>{{changeIdentity.pubkey}}</span></div>
+  <div class="u-color-grey">Name: <span>{{changeIdentity.name}}</span></div>
+  <span class="u-mr-x2">
+    <span class="u-mr-x3">Subsystem: </span>
+    <input class="c-input" placeholder="e.g. namestore, ..." [(ngModel)]="newsubsystem"/>
+  </span>
+  <a class="c-button" (click)="onAddSubsystem(changeIdentity.pubkey)">Add</a>
+  <a class="c-button c-button--outline u-m-x2" (click)="onReset()">Cancel</a>
+</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 >Public Key: <span>{{changeIdentity.pubkey}}</span></div>
   <div >Name: <span>{{changeIdentity.name}}</span></div>
   <div>
-    <a class="c-button" (click)="onDelete(changeIdentity.id)">Delete</a>
+    <a class="c-button" (click)="onDelete(changeIdentity.pubkey)">Delete</a>
     <a class="c-button c-button--outline u-m-x2" (click)="onReset()">Cancel</a>
   </div>
 </div>