Show child user profile (fixes #2890) (#2894)

Author: paulbert

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

@@ -9,7 +9,7 @@
     <span>{{userDetail.name}}</span>
     <mat-icon class="margin-lr-5" *ngIf="userDetail.gender" svgIcon="{{userDetail.gender}}"></mat-icon>
     <span class="toolbar-fill"></span>
-    <button mat-raised-button color="accent" class="margin-lr-3" *ngIf="user.name === urlName || user.isUserAdmin" i18n [routerLink]="['../../update/', urlName]"><mat-icon>mode_edit</mat-icon><span>Edit Profile</span></button>
+    <button mat-raised-button color="accent" class="margin-lr-3" *ngIf="user.name === urlName || (user.isUserAdmin && editable)" i18n [routerLink]="['../../update/', urlName]"><mat-icon>mode_edit</mat-icon><span>Edit Profile</span></button>
     <a mat-raised-button color="accent" class="margin-lr-3" *ngIf="user.name === urlName" i18n [planetChangePassword]="userDetail">Change password</a>
   </mat-toolbar>
   <div class="view-container">

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

@@ -24,6 +24,8 @@ export class UsersProfileComponent implements OnInit {
   imageSrc = '';
   urlPrefix = environment.couchAddress + '/' + this.dbName + '/';
   urlName = '';
+  planetCode: string | null = null;
+  editable = false;
 
   constructor(
     private couchService: CouchService,
@@ -34,19 +36,18 @@ export class UsersProfileComponent implements OnInit {
 
   ngOnInit() {
     this.user = this.userService.get();
-
-    this.route.paramMap.pipe(
-      switchMap((params: ParamMap) =>
-        of(params.get('name'))
-      )
-    ).subscribe((urlName) => {
-      this.urlName = urlName;
+    this.route.paramMap.subscribe((params: ParamMap) => {
+      this.urlName = params.get('name');
+      this.planetCode = params.get('planet');
       this.profileView();
     });
   }
 
   profileView() {
-    this.couchService.get(this.dbName + '/org.couchdb.user:' + this.urlName).subscribe((response) => {
+    const dbName = this.planetCode === null ? this.dbName : 'child_users';
+    const userId = this.planetCode === null ? 'org.couchdb.user:' + this.urlName : this.urlName + '@' + this.planetCode;
+    this.editable = userId.indexOf('@') === -1;
+    this.couchService.get(dbName + '/' + userId).subscribe((response) => {
       const { derived_key, iterations, password_scheme, salt, ...userDetail } = response;
       this.userDetail = userDetail;
       if (response['_attachments']) {

src/app/users/users.component.html

@@ -66,10 +66,10 @@
         <mat-header-cell *matHeaderCellDef i18n>Profile Image</mat-header-cell>
         <mat-cell *matCellDef="let element">
           <div *ngIf="element.imageSrc; else noImage">
-            <img class="profile-image cursor-pointer" [src]="element.imageSrc" routerLink="profile/{{element.doc.name}}">
+            <img class="profile-image cursor-pointer" [src]="element.imageSrc" (click)="gotoProfileView(element.doc.name)">
           </div>
           <ng-template #noImage>
-            <img class="profile-image cursor-pointer" src="assets/avatar.png" routerLink="profile/{{element.doc.name}}">
+            <img class="profile-image cursor-pointer" src="assets/avatar.png" (click)="gotoProfileView(element.doc.name)">
           </ng-template>
         </mat-cell>
       </ng-container>
@@ -117,7 +117,7 @@
               (click)="setRoles(element.doc, element.doc.isUserAdmin ? element.doc.oldRoles : ['manager'])"
               mat-raised-button color="primary" i18n>{+element.doc.isUserAdmin, select, 1 {Demote} 0 {Promote}}</a>
           </span>
-          <a routerLink="profile/{{element.doc.name}}" mat-raised-button color="primary" i18n>
+          <a (click)="gotoProfileView(element.doc.name)" mat-raised-button color="primary" i18n>
             <mat-icon>folder_open</mat-icon>View Profile
           </a>
         </mat-cell>

src/app/users/users.component.ts

@@ -37,7 +37,7 @@ export class UsersComponent implements OnInit, OnDestroy, AfterViewInit {
   allUsers = new MatTableDataSource();
   message = '';
   searchValue = '';
-  selectedChild: any;
+  selectedChild: any = {};
   filterType = 'local';
   filter: any;
   planetType = '';
@@ -307,4 +307,9 @@ export class UsersComponent implements OnInit, OnDestroy, AfterViewInit {
     return loginActivities.filter((logItem: any) => logItem.user === user.name).length;
   }
 
+  gotoProfileView(userName: string) {
+    const optParams = this.selectedChild.code ? { planet: this.selectedChild.code } : {};
+    this.router.navigate([ 'profile', userName, optParams ], { relativeTo: this.route });
+  }
+
 }