profile consolidated.

src/app/app-routing.module.ts

   {path : 'list-all-people', component: LenderUploadsComponent, canActivate: [AuthGuard] },
   {path : 'people-add', component: PeopleAddComponent, canActivate: [AuthGuard] },
   {path : 'profile', component: ProfileComponent, canActivate: [AuthGuard] },
+  {path : 'profile/:id', component: ProfileComponent, canActivate: [AuthGuard] },
   {path : 'e403', component: E403Component, },
 ];
 

src/app/models/user-extra.model.ts

   public Organization: string;
   public Enabled: boolean;
   public Login: string;
+  public Role?: string;
 
   constructor(payload: Partial<UserExtraModel>) {
      Object.assign(this, payload);
      rt.Organization = '';
      rt.Enabled = false;
      rt.Login = '';
+     rt.Role = '';
      return rt;
   }
 }

src/app/profile/broker-profile/broker-profile.component.ts

 })
 export class BrokerProfileComponent implements OnInit {
   @Input() public PeopleId = '';
-  @Input() public showAdmin: false;
   @Input() public broker: BrokerModel = BrokerModel.EmptyNew();
   @ViewChild('messageBox', {static: true})msgBox: MessageBoxComponent;
+  public showAdmin = false;
 
   constructor( private auth: AuthService, private ps: PeopleService) { }
 
   ngOnInit(): void {
-    this.broker = BrokerModel.getFromUserAndExtra(this.auth.loggedIn.User, this.auth.loggedIn.UserExtra);
+    this.showAdmin = this.auth.isAdmin();
+
+    if (this.auth.isAdmin() ) {
+      // edit someone else
+    }else {
+      this.broker = BrokerModel.getFromUserAndExtra(this.auth.loggedIn.User, this.auth.loggedIn.UserExtra);
+    }
   }
 
   public save(brokerForm: NgForm): void{

src/app/profile/change-password/change-password.component.html

 
 <div class="vertical-spacer"></div>
 <form *ngIf="changePassword" [formGroup]="ChangePassForm" class="k-form" (submit)="savePassword()">
-  <kendo-formfield>
+  <kendo-formfield *ngIf="!isAdmin">
     <kendo-label [for]="OldPassword" text="Current Password"></kendo-label>
     <input kendoTextBox #OldPassword  name="OldPassword" formControlName="OldPassword"
            type="password" [minlength]="3" [maxlength]="25" />

src/app/profile/change-password/change-password.component.ts

   @ViewChild('messageBox', {static: true}) msgBox: MessageBoxComponent;
 
   public changePassword = false;
+  public isAdmin = false;
 
   public ChangePassForm: FormGroup = new FormGroup({
     OldPassword: new FormControl(),
   constructor(private auth: AuthService, private ps: PeopleService) { }
 
   ngOnInit(): void {
+    if (this.auth.isAdmin() && this.PeopleId !== '' && !this.auth.isCurrentUser(this.PeopleId)) {
+      this.isAdmin = this.auth.isAdmin();
+    }
   }
   public hidePass(): void{
     if ( this.changePassword ) {
   }
 
   public savePassword(): void{
-    this.ps.savePassword('0', this.ChangePassForm.value).subscribe(
+    this.ps.savePassword(this.PeopleId, this.ChangePassForm.value).subscribe(
       () => {
         this.changePassword = false;
         this.msgBox.Show('Password Changed');
   }
 
   public canChangePassword(): boolean {
-    return this.auth.isBroker() || this.auth.isAdmin();
+    if ( this.auth.isCurrentUser(this.PeopleId) ) {
+      return this.auth.isBroker() || this.auth.isAdmin();
+    }else{
+      return this.auth.isAdmin() ;
+    }
   }
 }

src/app/profile/people-profile/people-profile.component.ts

 })
 export class PeopleProfileComponent implements OnInit {
   @Input() PeopleId = '';
-  public People: PeopleModel = PeopleModel.EmptyNew();
-  public avatarUrl = 'url(https://svr2021.lawipac.com:8080/api/v1/avatar/1000)' ;
+  @Input() public People: PeopleModel = PeopleModel.EmptyNew();
+  public avatarUrl = 'url(https://via.placeholder.com/128)' ;
   public myRestrictions: FileRestrictions = {
     allowedExtensions: ['.jpg', '.png', '.jpeg'],
     maxFileSize: 2194304
   constructor(private auth: AuthService, private ps: PeopleService) { }
 
   ngOnInit(): void {
-    this.People = this.auth.loggedIn.User;
-    this.avatarUrl = 'url(' + this.auth.getUrl('avatar/' + this.PeopleId) + ')';
+    if (this.auth.isAdmin() &&  !this.auth.isCurrentUser(this.PeopleId)) {
+      // edit someone else
+      if ( this.People.Id === '' && this.PeopleId !== '') {// we need to load user by ourself
+        this.ps.getPeopleById(this.PeopleId).subscribe(
+          ppl => {
+            this.People = new PeopleModel(
+              ppl.Id,
+              ppl.First,
+              ppl.Last,
+              ppl.Middle,
+              ppl.Title,
+              ppl.Display,
+              ppl.Nick
+            );
+          }
+        );
+      }
+    }else{
+      this.People = this.auth.loggedIn.User;
+    }
     this.avatarUrl = 'url(' + this.auth.getUrl('avatar/' + this.PeopleId) + ')';
   }
 

src/app/profile/profile.component.html

   <div class="container settings">
     <div class="row justify-content-center">
       <div class="col-sm-12">
-        <app-people-profile #peopleProfile *ngIf="showPeople()" [PeopleId]="PeopleId" ></app-people-profile>
+        <app-people-profile #peopleProfile *ngIf="showPeople()" [PeopleId]="PeopleId" [People]="People" ></app-people-profile>
         <div *ngIf="showUser()" class="vertical-spacer"> <hr></div>
-        <app-user-profile #userProfile *ngIf="showUser()" [PeopleId]="PeopleId" [showAdmin]="showAdmin()"></app-user-profile>
+        <app-user-profile #userProfile *ngIf="showUser()" [PeopleId]="PeopleId" [UserExtra]="UserExtra"></app-user-profile>
         <div *ngIf="showBroker()" class="vertical-spacer"><hr></div>
-        <app-broker-profile #brokerProfile *ngIf="showBroker()" [PeopleId]="PeopleId" [showAdmin]="showAdmin()"></app-broker-profile>
+        <app-broker-profile #brokerProfile *ngIf="showBroker()" [PeopleId]="PeopleId"  [broker]="broker"></app-broker-profile>
         <div *ngIf="showAdmin()"  class="vertical-spacer"><hr></div>
         <app-admin-profile #adminProfile *ngIf="showAdmin()" [PeopleId]="PeopleId" ></app-admin-profile>
         <div *ngIf="showPassword()" class="vertical-spacer"  ><hr></div>

src/app/profile/profile.component.ts

 import {PeopleProfileComponent} from './people-profile/people-profile.component';
 import {BrokerProfileComponent} from './broker-profile/broker-profile.component';
 import {UserProfileComponent} from './user-profile/user-profile.component';
+import {ActivatedRoute} from '@angular/router';
+import {BrokerModel} from '../models/broker.model';
+import {PeopleModel} from '../models/people.model';
+import {UserExtraModel} from '../models/user-extra.model';
 
 @Component({
   selector: 'app-profile',
   @ViewChild('userProfile', {static: true}) up: UserProfileComponent;
   @ViewChild('brokerProfile', {static: true}) bp: BrokerProfileComponent;
 
-  public role = 'client';
+  public role = 'unknown';
+  public UserExtra: UserExtraModel = UserExtraModel.EmptyNew();
+  public People: PeopleModel = PeopleModel.EmptyNew();
+  public broker: BrokerModel = BrokerModel.EmptyNew();
 
-  constructor(private auth: AuthService, private ps: PeopleService) { }
+  public isValidPeople = true;
+  public isValidBroker = true;
+
+  constructor(private auth: AuthService, private ps: PeopleService, private actRoute: ActivatedRoute) { }
 
   ngOnInit(): void {
-    this.role = this.auth.loggedIn.role;
-    this.PeopleId = this.auth.loggedIn.User.Id;
-    console.log('profile people id', this.PeopleId);
+    const id  = this.actRoute.snapshot.params.id;
+    if ( id !== undefined && id.length > 10 ) {
+        this.PeopleId = id;
+    }
+
+    if (this.auth.isAdmin() && this.PeopleId !== '' && !this.auth.isCurrentUser(this.PeopleId)) { // admin editing someone else
+      this.loadOtherPeople();
+      this.loadOtherPeopleExtra();
+
+    }else { // edit himself
+      this.role = this.auth.loggedIn.role;
+      this.PeopleId = this.auth.loggedIn.User.Id;
+    }
   }
 
+  private loadOtherPeople(): void{
+    this.isValidPeople = false;
+    this.ps.getPeopleById(this.PeopleId).subscribe(
+      ppl => {
+        this.isValidPeople = ppl.Id === this.PeopleId;
+        this.People = new PeopleModel(
+          ppl.Id,
+          ppl.First,
+          ppl.Last,
+          ppl.Middle,
+          ppl.Title,
+          ppl.Display,
+          ppl.Nick
+        );
+      }
+    );
+  }
+
+  private loadOtherPeopleExtra(): void {
+    this.isValidBroker = false;
+    this.ps.getPeopleExtraById(this.PeopleId).subscribe(
+      resp => {
+        this.isValidBroker = resp.License !== '';
+        this.UserExtra = new UserExtraModel(resp);
+        this.role = this.UserExtra.Role;
+        if (this.role === 'broker') {
+          this.broker = BrokerModel.getFromUserAndExtra(this.People, this.UserExtra);
+        }
+      }
+    );
+  }
 
   public showPeople(): boolean {
-    return true; // always true
+    return this.isValidPeople; // always true
   }
 
   public showUser(): boolean {
   }
 
   public isAdmin(): boolean {
-    return this.auth.isAdmin();
+    if ( this.auth.isCurrentUser(this.PeopleId) ){
+      return this.auth.isAdmin();
+    }else{
+      return this.role === 'admin';
+    }
   }
 
   public isBroker(): boolean {
-    return this.auth.isBroker();
+    if ( this.auth.isCurrentUser(this.PeopleId) ) {
+      return this.auth.isBroker();
+    }else{
+      return this.role === 'broker';
+    }
   }
 
   public isUser(): boolean {
-    return this.auth.isUser();
+    if ( this.auth.isCurrentUser(this.PeopleId) ) {
+      return this.auth.isUser();
+    }else{
+      return this.role === 'user';
+    }
   }
-
 }

src/app/profile/user-profile/user-profile.component.html

       <kendo-formfield *ngIf="showAdmin ">
         <label class="k-label">Allow Login &nbsp;
           <input type="checkbox" name="enabled" kendoCheckBox
-                 [(ngModel)]="UserExtra.Enabled" [disabled]="currentUserIsAdmin()"/>
+                 [(ngModel)]="UserExtra.Enabled" [disabled]="isCurrentUser"/>
         </label>
       </kendo-formfield>
       <div class="vertical-spacer"></div>

src/app/profile/user-profile/user-profile.component.ts

 import {AuthService} from '../../service/auth.service';
 import {HttpClient} from '@angular/common/http';
 import {MessageBoxComponent} from '../../message-box/message-box.component';
+import {BrokerModel} from '../../models/broker.model';
+import {PeopleService} from '../../service/people.service';
 
 @Component({
   selector: 'app-user-profile',
 })
 export class UserProfileComponent implements OnInit {
   @Input() public PeopleId = '';
-  @Input() public showAdmin: false;
-
-  public UserExtra: UserExtraModel = UserExtraModel.EmptyNew();
+  @Input() public UserExtra: UserExtraModel = UserExtraModel.EmptyNew();
   @ViewChild('messageBox', {static: true}) msgBox: MessageBoxComponent;
 
-  constructor(private auth: AuthService, private http: HttpClient) { }
+  public showAdmin = false;
+  public isCurrentUser = false;
+  constructor(private auth: AuthService, private http: HttpClient, private ps: PeopleService) { }
 
   ngOnInit(): void {
-    this.PeopleId = this.auth.loggedIn.User.Id;
-    this.UserExtra = this.auth.loggedIn.UserExtra;
+    this.showAdmin = this.auth.isAdmin();
+    this.isCurrentUser = this.auth.isCurrentUser(this.PeopleId);
+    if (this.auth.isAdmin() &&  !this.auth.isCurrentUser(this.PeopleId)) {
+      // edit other people,
+      if ( this.PeopleId !== '' && this.UserExtra.Login === '' ){ // we need to load by ourself
+        this.ps.getPeopleExtraById(this.PeopleId).subscribe(
+          resp => {
+            this.UserExtra = new UserExtraModel(resp);
+          }
+        );
+      }
+    }else{
+      this.PeopleId = this.auth.loggedIn.User.Id;
+      this.UserExtra = this.auth.loggedIn.UserExtra;
+    }
   }
 
   public save(userForm: NgForm): void {

src/app/service/auth.service.ts

   public isUser(): boolean {
     return this.loggedIn.login === true;
   }
+
+  public isCurrentUser(id: string): boolean {
+      return this.loggedIn.login === true && this.loggedIn.User !== undefined && this.loggedIn.User.Id === id;
+  }
 }

src/app/service/people.service.ts

 import {BrokerModel} from '../models/broker.model';
 import {LoanModel} from '../models/loan.model';
 import {ChangePassword} from '../models/change-password.model';
+import {UserExtraModel} from '../models/user-extra.model';
 
 @Injectable({providedIn: 'root'})
 export class PeopleService {
   public getPeopleById(id: string): Observable<PeopleModel> {
     return this.http.get<PeopleModel>(this.auth.getUrl('people/' + id));
   }
+  public getPeopleExtraById(id: string): Observable<UserExtraModel> {
+    return this.http.get<UserExtraModel>(this.auth.getUrl('people-extra/' + id));
+  }
 
   public getPeopleList(filter: string): Observable<{Count: number, List: PeopleModel[]}> {
     const params = new HttpParams().set('filter', filter);