Added a count for search results

[rmathew1011]

Description

• Added totalPeopleCount variable to template

• Wrapped page subscription in this.subscriptions.push() to update totalPeopleCount from SdrPage (which extends Page).

Type of change

Please delete options that are not relevant.

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)
• This change requires a documentation update

Testing Procedures

Tested this new feature on local set up - here is a snapshot:

[tamu-sad-iii]

This isn't the correct approach. You do not need to subscribe to the observable in the component and there is no need for an additional component public variable. It is not a good practice to manage subscriptions in the components. This is common throughout and should be refactored where possible.

Use async pipe and create scope local variable page and get the totalElements from the local scope page object.

Like this.

        <span id="sidebar-title" class="h4 text-primary" *ngIf="page | async; let page">
          <span>{{discoveryView.name}}</span>
          <span>{{page.totalElements}} {{discoveryView.name}}</span>
          <span *ngIf="query | async; let query">
            <span> {{ 'DISCOVERY.RESULTS' | translate }}:</span>
            <span> {{query}}</span>
          </span>
        </span>

I believe there is a new syntax for assigning scope local variables in the template and the conditional branches is considerable different and will require factoring of all component templates using *ngIf directive. This should happen in tandem when upgrading and converting the components to standalone components.