1 files changed, 72 insertions, 0 deletions

diff --git a/src/app/identity-page/identity-page.component.ts b/src/app/identity-page/identity-page.component.ts
new file mode 100644
index 0000000..296fe4c
--- /dev/null
+++ b/src/app/identity-page/identity-page.component.ts
@@ -0,0 +1,72 @@
+import { Component, OnInit } from '@angular/core';
+import { Pipe } from "@angular/core";
+import { ApiService } from '../api.service';
+import { IdentityAPI } from '../identity-api';
+
+@Component({
+  selector: 'app-identity-page',
+  templateUrl: './identity-page.component.html'
+})
+export class IdentityPageComponent implements OnInit {
+
+  identities: IdentityAPI[];
+  filteredItems: IdentityAPI[];
+  rename: boolean = false;
+  changeIdentity: IdentityAPI;
+  json: any;
+
+  constructor(private apiService: ApiService) { }
+
+  getAPIs(): void {
+    this.apiService.getIdentities().subscribe(data => {
+      this.identities = data;
+      this.assignCopy();
+    });
+  }
+
+  ngOnInit() {
+    this.getAPIs();
+  }
+
+  assignCopy(){
+    this.filteredItems = Object.assign([], this.identities);
+  }
+
+  filterItem(value : string){
+    this.onRenameCancel();
+    if(!value) this.assignCopy(); //when nothing has typed
+    this.filteredItems = Object.assign([], this.identities).filter(
+    item => {
+      return ((item.name.indexOf(value) > -1) ||
+      (item.id.indexOf(value) > -1) ||
+      (item.type.indexOf(value) > -1 ))
+    });
+  }
+
+  onClickRename(identity: IdentityAPI){
+    this.rename = true;
+    this.changeIdentity = Object.assign({},identity);
+  }
+
+  onRename(identity: IdentityAPI){
+    this.rename = false;
+    this.filteredItems = [];
+    this.json = {'newname':identity.name};
+    this.apiService.changeIdentity(identity.id,this.json).subscribe(data => {
+      this.getAPIs();
+    });
+  }
+
+  onRenameCancel(){
+    this.rename = false;
+  }
+
+  onClickDelete(id: string){
+    this.onRenameCancel();
+    this.filteredItems = [];
+    this.apiService.deleteIdentity(id).subscribe(data => {
+      this.getAPIs();
+    });
+  }
+
+}