browse-entry-list-element.component.ts

import { Component, OnInit } from '@angular/core';

import { AbstractListableElementComponent } from '../../object-collection/shared/object-collection-element/abstract-listable-element.component';
import { BrowseEntry } from '../../../core/shared/browse-entry.model';
import { ViewMode } from '../../../core/shared/view-mode.model';
import { listableObjectComponent } from '../../object-collection/shared/listable-object/listable-object.decorator';
import { PaginationService } from '../../../core/pagination/pagination.service';
import { Params } from '@angular/router';
import { BBM_PAGINATION_ID } from '../../../browse-by/browse-by-metadata-page/browse-by-metadata-page.component';
import { RouteService } from 'src/app/core/services/route.service';
import { combineLatest, Observable } from 'rxjs';
import { map } from 'rxjs/operators';

@Component({
  selector: 'ds-browse-entry-list-element',
  styleUrls: ['./browse-entry-list-element.component.scss'],
  templateUrl: './browse-entry-list-element.component.html'
})

/**
 * This component is automatically used to create a list view for BrowseEntry objects when used in ObjectCollectionComponent
 */
@listableObjectComponent(BrowseEntry, ViewMode.ListElement)
export class BrowseEntryListElementComponent extends AbstractListableElementComponent<BrowseEntry> implements OnInit {
  /**
   * Emits the query parameters for the link of this browse entry list element
   */
  queryParams$: Observable<Params>;

  constructor(private paginationService: PaginationService, private routeService: RouteService) {
    super();
  }

  ngOnInit() {
    this.queryParams$ = this.getQueryParams();
  }

  /**
   * Get the query params to access the item page of this browse entry.
   *
   * Carries over only the parameters a browse page actually uses. Anything else in the current URL
   * is dropped, so a malformed parameter cannot be reflected back into the links we generate.
   */
  private getQueryParams(): Observable<Params> {
    const pageParamName = this.paginationService.getPageParam(BBM_PAGINATION_ID);
    return combineLatest([
      this.routeService.getQueryParameterValue(pageParamName),
      this.routeService.getQueryParameterValue('scope'),
      this.routeService.getQueryParameterValue(`${BBM_PAGINATION_ID}.rpp`),
      this.routeService.getQueryParameterValue(`${BBM_PAGINATION_ID}.sf`),
      this.routeService.getQueryParameterValue(`${BBM_PAGINATION_ID}.sd`),
    ]).pipe(
      map(([currentPage, scope, rpp, sortField, sortDirection]) => {
        return {
          value: this.object.value,
          authority: !!this.object.authority ? this.object.authority : undefined,
          scope: scope || undefined,
          startsWith: undefined,
          [pageParamName]: null,
          [`${BBM_PAGINATION_ID}.rpp`]: rpp || undefined,
          [`${BBM_PAGINATION_ID}.sf`]: sortField || undefined,
          [`${BBM_PAGINATION_ID}.sd`]: sortDirection || undefined,
          [BBM_PAGINATION_ID + '.return']: currentPage
        };
      })
    );
  }
}