profile search issue fix

Change-Id: I7a1277204dde322f3f4387785f69ca3c4274d56b
Issue-ID: PORTAL-867
Signed-off-by: rachitha.ramappa@att.com

4 files changed, 86 insertions, 54 deletions

diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/layout/components/header/header.component.ts b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/layout/components/header/header.component.ts
index f06719fc..7bf5c649 100644
--- a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/layout/components/header/header.component.ts
+++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/layout/components/header/header.component.ts
@@ -78,7 +78,7 @@ export class HeaderComponent implements OnInit {
         } 
 
         this.pushRightClass = 'push-right';
-        this.appName= 'ONAP ENMT' ;
+        this.appName= 'ONAP Portal' ;
         let result = this.headerService.getTopMenuItems();
           result.subscribe(res => {
               this.response = res;
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/admin/menus/menus.component.scss b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/admin/menus/menus.component.scss
index 0f868ab4..d5bf6ac0 100644
--- a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/admin/menus/menus.component.scss
+++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/admin/menus/menus.component.scss
@@ -57,4 +57,8 @@ td[_ngcontent-c4], th[_ngcontent-c4] {
   font-size: 14px;
   width: 20%;
   float: left;
+}
+
+rdp-data-table{
+  overflow-x : scroll;
 }
\ No newline at end of file
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/ext/profile/self/self.component.spec.ts b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/ext/profile/self/self.component.spec.ts
index 7481acc8..97e164df 100644
--- a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/ext/profile/self/self.component.spec.ts
+++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/ext/profile/self/self.component.spec.ts
@@ -48,6 +48,8 @@ import { HttpClientTestingModule } from '@angular/common/http/testing';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 import { UserService } from 'src/app/shared/services/user/user.service';
 import { Observable } from 'rxjs';
+import { ActivatedRoute } from '@angular/router';
+import { RouterTestingModule } from '@angular/router/testing';
 
 describe('SelfComponent', () => {
   let component: SelfComponent;
@@ -66,7 +68,8 @@ describe('SelfComponent', () => {
         MatSelectModule,
         MatSlideToggleModule,
         BrowserAnimationsModule,
-        HttpClientTestingModule
+        HttpClientTestingModule,
+        RouterTestingModule
         ]
     })
     .compileComponents();
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/ext/profile/self/self.component.ts b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/ext/profile/self/self.component.ts
index 45210f80..61b2a343 100644
--- a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/ext/profile/self/self.component.ts
+++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/ext/profile/self/self.component.ts
@@ -46,6 +46,7 @@ import { InformationModalComponent } from 'src/app/modals/information-modal/info
 import { ErrorModalComponent } from 'src/app/modals/error-modal/error-modal.component';
 import { ConfirmationModalComponent } from 'src/app/modals/confirmation-modal/confirmation-modal.component';
 import { Column, ColumnTypes, DataTableSettings } from 'portalsdk-tag-lib';
+import { ActivatedRoute } from '@angular/router';
 
 @Component({
   selector: 'app-self',
@@ -54,7 +55,10 @@ import { Column, ColumnTypes, DataTableSettings } from 'portalsdk-tag-lib';
 })
 export class SelfComponent implements OnInit {
 
-  constructor(public userService: UserService, public profileService: ProfileService, private ngModal: NgbModal) { }
+  constructor(public userService: UserService,
+    public profileService: ProfileService,
+    private ngModal: NgbModal,
+    private route: ActivatedRoute) { }
 
   user: User;
   isAppCentralized;
@@ -98,6 +102,11 @@ export class SelfComponent implements OnInit {
 
 
   ngOnInit() {
+    this.profileId = "";
+    console.log("ngOnInit called ",this.profileId);
+    if(this.route.snapshot.queryParams['profile_id']){
+      this.profileId = this.route.snapshot.queryParams['profile_id'];
+    }
     this.showSpinner = false;
     this.finalSelectedRoles = [];
     let result = this.userService.getFunctionalMenuStaticDetailSession();
@@ -106,7 +115,11 @@ export class SelfComponent implements OnInit {
       this.user = user;
       this.isAppCentralized = this.user.isAppCentralized;
     });
-    this.getSelfProfileDetail();
+    if (this.profileId != undefined && this.profileId != "") {
+      this.getProfileById(this.profileId);
+    } else {
+      this.getSelfProfileDetail();
+    }
   }
 
   /**
@@ -116,65 +129,77 @@ export class SelfComponent implements OnInit {
     this.showSpinner = true;
     this.response = this.profileService.getSelfProfile();
     this.response.subscribe(data => {
-      let res;
-      res = data;
-      this.result = JSON.parse(res.data);
-      this.profile = JSON.parse(this.result.profile);
-      this.oriProfile = JSON.parse(this.result.profile); /*original value*/
+      this.assignProfileDetails(data);
+    });
+    this.showSpinner = false;
+  }
 
-      this.profileId = this.profile.id;
-      this.ociavailableRoles = JSON.parse(this.result.availableRoles);
-      this.ociTimeZones = JSON.parse(this.result.timeZones);
-      this.ociCountries = JSON.parse(this.result.countries);
-      this.stateList = JSON.parse(this.result.stateList);
+  /**
+   * Get Profile Details by ProfileId
+   */
+  getProfileById(profileId) {
+    this.showSpinner = true;
+    this.profileService.getProfileById(profileId).subscribe(response => {
+      this.assignProfileDetails(response);
+    })
+    this.showSpinner = false;
+  }
 
-     for( let state of this.stateList)
-     {
-          if(state.value == this.profile.state){
-            this.profile.state= state.value;
-          }
-     }
+  assignProfileDetails(data) {
+    let res;
+    res = data;
+    this.result = JSON.parse(res.data);
+    
+    this.profile = JSON.parse(this.result.profile);
+    this.oriProfile = JSON.parse(this.result.profile); /*original value*/
 
-     for( let country of this.ociCountries)
-     {
-          if(country.value == this.profile.country){
-            this.profile.country= country.value;
-          }
-     }
+    this.profileId = this.profile.id;
+    this.ociavailableRoles = this.profile.roles;
+    console.log("Profile specific roles : ", this.ociavailableRoles);
+    this.ociTimeZones = JSON.parse(this.result.timeZones);
+    this.ociCountries = JSON.parse(this.result.countries);
+    this.stateList = JSON.parse(this.result.stateList);
 
-     for( let timeZone of this.ociTimeZones)
-     {
-          if(timeZone.value == this.profile.timeZoneId){
-            this.profile.timeZoneId= timeZone.value;
-          }
-     }
+    for (let state of this.stateList) {
+      if (state.value == this.profile.state) {
+        this.profile.state = state.value;
+      }
+    }
+
+    for (let country of this.ociCountries) {
+      if (country.value == this.profile.country) {
+        this.profile.country = country.value;
+      }
+    }
+
+    for (let timeZone of this.ociTimeZones) {
+      if (timeZone.value == this.profile.timeZoneId) {
+        this.profile.timeZoneId = timeZone.value;
+      }
+    }
 
-      console.log("Data : ", this.ociavailableRoles);
-      this.columns.push(new Column("name", "Name", ColumnTypes.TEXT, false, null));
-      this.settings = new DataTableSettings()
-      this.settings.columns = this.columns;
-      this.settings.isPaginationEnabled = false;
-      this.settings.isReadOnly = true;
-      this.settings.isTableSearchEnabled = false;
-      this.settings.isToggleEnabled = true;
+    this.columns.push(new Column("name", "Name", ColumnTypes.TEXT, false, null));
+    this.settings = new DataTableSettings()
+    this.settings.columns = this.columns;
+    this.settings.isPaginationEnabled = false;
+    this.settings.isReadOnly = true;
+    this.settings.isTableSearchEnabled = false;
+    this.settings.isToggleEnabled = true;
 
-      if (this.ociavailableRoles != null) {
-        for (let role of this.ociavailableRoles) {
-          role.selected = false;
-          for (let profileRole of this.profile.roles) {
-            if (profileRole.id === role.id) {
-              role.selected = true;
-            }
-            if (role.id === 1) {
-              this.isUserSystemAdmin = true;
-            }
+    if (this.ociavailableRoles != null) {
+      for (let role of this.ociavailableRoles) {
+        role.selected = false;
+        for (let profileRole of this.profile.roles) {
+          if (profileRole.id === role.id) {
+            role.selected = true;
+          }
+          if (role.id === 1) {
+            this.isUserSystemAdmin = true;
           }
-          this.availableRoles.push(role);
         }
+        this.availableRoles.push(role);
       }
-
-    });
-    this.showSpinner = false;
+    }
   }
 
   /**