Trying to fix multicast problem

archiva-modules/archiva-web/archiva-webapp/src/main/archiva-web/src/app/modules/security/roles/manage-roles-edit/manage-roles-edit.component.html

                                     [id]="'userParentSection'"
                                     #userParentSection>
 
-                <ng-container *ngIf="userParentSection.items$ |async as itemLoader">
-                    <ng-template [ngIf]="itemLoader.loading">
+                <ng-container *ngIf="userParentSection.items$ |async as userParentItemLoader">
+                    <ng-template [ngIf]="userParentItemLoader.loading">
                         <div class="spinner-border text-primary" role="status">
                             <span class="sr-only">Loading...</span>
                         </div>
                     </ng-template>
                 </ng-container>
-                <ng-container *ngIf="userParentSection.items$ |stripLoading|async as userItem">
+                <ng-container *ngIf="userParentSection.items$ |stripLoading|async as parentUserItem">
                     <table class="table table-striped table-bordered">
                         <thead class="thead-light">
                         <tr sorted [sortFieldEmitter]="userParentSection.sortFieldChange"
                         </tr>
                         </thead>
                         <tbody>
-                        <tr *ngFor="let user  of userItem.data">
+                        <tr *ngFor="let parentUser  of parentUserItem.data">
                             <td><span data-toggle="tooltip" placement="left"
-                                      ngbTooltip="{{user.id}}">{{user.user_id}}</span>
+                                      ngbTooltip="{{parentUser.id}}">{{parentUser.user_id}}</span>
                             </td>
-                            <td>{{user.full_name}}</td>
+                            <td>{{parentUser.full_name}}</td>
                         </tr>
                         </tbody>
                     </table>
                                     [displayControlsIfSinglePage]="false"
                                     #userSection>
 
-                <ng-container *ngIf="userSection.items$ |async as itemLoader">
-                    <ng-template [ngIf]="itemLoader.loading">
+                <ng-container *ngIf="userSection.items$ |async as userItemLoader">
+                    <ng-template [ngIf]="userItemLoader.loading">
                         <div class="spinner-border text-primary" role="status">
                             <span class="sr-only">Loading...</span>
                         </div>

archiva-modules/archiva-web/archiva-webapp/src/main/archiva-web/src/app/modules/shared/paginated-entities/paginated-entities.component.html

   ~ specific language governing permissions and limitations
   ~ under the License.
   -->
+<!--
+<ng-template [ngIf]="((total$|async)>0 || displayIfEmpty)" [ngIfElse]="noContent" >
+-->
+    <ng-template [ngIf]="true" [ngIfElse]="noContent" >
+
 
-<ng-template [ngIf]="(displayIfEmpty || (total$|async)>0)" [ngIfElse]="noContent" >
-<form class="mt-3 mb-3">
-    <div class="form-row align-items-center" *ngIf="displayControlsIfSinglePage||(multiplePages$|async)">
+    <form class="mt-3 mb-3">
+        <!--
+        <div class="form-row align-items-center" *ngIf="(multiplePages$|async)||displayControlsIfSinglePage">
+        -->
+    <div class="form-row align-items-center" *ngIf="(multiplePages$|async)==true">
         <div class="col-lg-4 col-md-2 col-sm-1">
             <label class="sr-only" for="searchQuery">{{'search.label' |translate}}</label>
             <input type="text" class="form-control" id="searchQuery" placeholder="{{'search.input'|translate}}" #searchTerm
 
 <ng-content></ng-content>
 
-<ngb-pagination *ngIf="displayControlsIfSinglePage||(multiplePages$|async)"
+<ngb-pagination *ngIf="(multiplePages$|async)==true"
                 [collectionSize]="total$|async" [pageSize]="pageSize" [maxSize]="pagination.maxSize" [rotate]="pagination.rotate"
                 [boundaryLinks]="pagination.boundaryLinks" [ellipses]="pagination.ellipses"
                 [(page)]="page" (pageChange)="changePage($event)" aria-label="Pagination"></ngb-pagination>

archiva-modules/archiva-web/archiva-webapp/src/main/archiva-web/src/app/modules/shared/paginated-entities/paginated-entities.component.ts

     pluck,
     refCount,
     startWith,
-    switchMap
+    switchMap, tap
 } from "rxjs/operators";
 import {EntityService} from "@app/model/entity-service";
 import {FieldToggle} from "@app/model/field-toggle";
             multicast(new Subject()),
             refCount()
             );
-        this.total$ = source.pipe(filter(val=>val.hasValue()),map(val=>val.value),
-            pluck('pagination', 'total_count'));
-        this.multiplePages$ = source.pipe(filter(val => val.hasValue()),
+        this.total$ = source.pipe(tap((el)=>console.log("Total pipe "+this.id+": "+typeof(el)+" - "+JSON.stringify(el))),filter(val=>val.hasValue()),map(val=>val.value),
+            pluck('pagination', 'total_count'),tap((el)=>console.log("Total end "+this.id+" - "+el)));
+        this.multiplePages$ = source.pipe(tap((el)=>console.log("Multipage pipe "+this.id+": "+typeof(el)+" - "+JSON.stringify(el))),filter(val => val.hasValue()),
             map(val => val.value.pagination.total_count > val.value.pagination.limit));
-        this.items$ = source;
+        this.items$ = source.pipe(tap((el)=>console.log("Item pipe "+this.id+": "+typeof(el)+" - "+JSON.stringify(el))));
     }
 
     search(terms: string) {