65 lines
1.7 KiB
TypeScript

import Component from '@ember/component';
import { tagName } from '@ember-decorators/component';
import { computed } from '@ember/object';
import { DataModelEntity } from '@datahub/data-models/constants/entity';
import { IDynamicLinkNode } from '@datahub/utils/types/vendor/dynamic-link';
/**
* Indicates the total number of entities within a category and on user interaction
* performs an advanced search query for entities within the related category
* @export
* @class BrowserSearchWithinHierarchy
* @extends {Component}
*/
@tagName('')
export default class BrowserSearchWithinHierarchy extends Component {
/**
* The identifier for a DataModelEntity
*/
entityType?: DataModelEntity['displayName'];
/**
* Count of entities within the related browse hierarchy
*/
count: number = 0;
/**
* Browse hierarchy currently being viewed, represented by the list of segments
*/
segments: Array<string> = [];
/**
* Attribute to reference component element
*/
readonly searchHierarchy = '';
/**
* Call To Action for the component element,
* e.g. `View 20 features`
* @readonly
*/
@computed('count', 'entityType')
get cta(): string {
const { count, entityType } = this;
return count && entityType ? `View ${count} ${entityType}` : '';
}
/**
* get link query params
*/
@computed('entityType', 'segments', 'cta')
get link(): IDynamicLinkNode<Array<string>, 'browsesearch.entity', { page: number; path: string }> {
const { entityType = '', segments, cta } = this;
return {
text: cta,
title: cta,
model: [entityType],
route: 'browsesearch.entity',
queryParams: {
page: 1,
path: segments.join('/')
}
};
}
}