[ENG-9157] [AOI] Add atomic ability to remove contributors from children projects in API (#884)

- Ticket: [ENG-9157]
- Feature flag: n/a

## Summary of Changes
1. Updated delete contributors param.
2. Added logic to get components before open delete contributors dialog.
3. Fixed delete message.

Author: nsemets

src/app/features/contributors/contributors.component.ts

@@ -395,37 +395,49 @@ export class ContributorsComponent implements OnInit, OnDestroy {
 
   removeContributor(contributor: ContributorModel) {
     const isDeletingSelf = contributor.userId === this.currentUser()?.id;
+    const resourceDetails = this.resourceDetails();
+    const resourceId = this.resourceId();
+    const rootParentId = resourceDetails.rootParentId ?? resourceId;
 
-    this.customDialogService
-      .open(RemoveContributorDialogComponent, {
-        header: 'project.contributors.removeDialog.title',
-        width: '448px',
-        data: {
-          name: contributor.fullName,
-          hasChildren: !!this.resourceChildren()?.length,
-        },
-      })
-      .onClose.pipe(
-        filter((res) => res !== undefined),
-        switchMap((removeFromChildren: boolean) =>
-          this.actions.deleteContributor(
-            this.resourceId(),
-            this.resourceType(),
-            contributor.userId,
-            isDeletingSelf,
-            removeFromChildren
-          )
-        ),
-        takeUntilDestroyed(this.destroyRef)
-      )
+    this.loaderService.show();
+
+    this.actions
+      .getResourceWithChildren(rootParentId, resourceId, this.resourceType())
+      .pipe(takeUntilDestroyed(this.destroyRef))
       .subscribe(() => {
-        this.toastService.showSuccess('project.contributors.removeDialog.successMessage', {
-          name: contributor.fullName,
-        });
+        this.loaderService.hide();
 
-        if (isDeletingSelf) {
-          this.router.navigate(['/']);
-        }
+        this.customDialogService
+          .open(RemoveContributorDialogComponent, {
+            header: 'project.contributors.removeDialog.title',
+            width: '448px',
+            data: {
+              name: contributor.fullName,
+              hasChildren: !!this.resourceChildren()?.length,
+            },
+          })
+          .onClose.pipe(
+            filter((res) => res !== undefined),
+            switchMap((removeFromChildren: boolean) =>
+              this.actions.deleteContributor(
+                this.resourceId(),
+                this.resourceType(),
+                contributor.userId,
+                isDeletingSelf,
+                removeFromChildren
+              )
+            ),
+            takeUntilDestroyed(this.destroyRef)
+          )
+          .subscribe(() => {
+            this.toastService.showSuccess('project.contributors.removeDialog.successMessage', {
+              name: contributor.fullName,
+            });
+
+            if (isDeletingSelf) {
+              this.router.navigate(['/']);
+            }
+          });
       });
   }
 

src/app/shared/components/contributors/remove-contributor-dialog/remove-contributor-dialog.component.html

@@ -1,5 +1,5 @@
 <div class="flex flex-column">
-  <p>{{ 'project.contributors.removeDialog.message' | translate: { name: name } }}</p>
+  <p [innerHTML]="'project.contributors.removeDialog.message' | translate: { name: name }"></p>
 
   <div class="p-field-radiobutton flex align-items-center mt-3 mb-2">
     <p-radioButton name="removeMode" [value]="false" [(ngModel)]="selectedOption" inputId="projectOnly">

src/app/shared/services/contributors.service.ts

@@ -248,11 +248,9 @@ export class ContributorsService {
     userId: string,
     removeFromChildren = false
   ): Observable<void> {
-    let baseUrl = `${this.getBaseUrl(resourceType, resourceId)}/${userId}/`;
-    if (removeFromChildren) {
-      baseUrl = baseUrl.concat('?propagate_to_children=true');
-    }
+    const baseUrl = `${this.getBaseUrl(resourceType, resourceId)}/${userId}/`;
+    const url = removeFromChildren ? `${baseUrl}?include_children=true` : baseUrl;
 
-    return this.jsonApiService.delete(baseUrl);
+    return this.jsonApiService.delete(url);
   }
 }