mirror of
https://github.com/datahub-project/datahub.git
synced 2025-09-02 13:53:06 +00:00
843a6c5bbb
* Releases updated version of datahub-web client UI code * Fix typo in yarn lock * Change yarn lock to match yarn registry directories * Previous commit missed some paths * Even more changes to yarnlock missing in previous commit * Include codegen file for typings * Add files to get parity for datahub-web and current OS datahub-midtier * Add in typo fix from previous commit - change to proper license * Implement proper OS fix for person entity picture url * Workarounds for open source DH issues * Fixes institutional memory api and removes unopensourced tabs for datasets * Fixes search dataset deprecation and user search issue as a result of changes * Remove internal only options in the avatar menu
79 lines
2.2 KiB
TypeScript
79 lines
2.2 KiB
TypeScript
import Component from '@glimmer/component';
|
|
import { noop } from 'lodash';
|
|
import { IDynamicLinkParams } from 'dynamic-link/components/dynamic-link';
|
|
import { TopConsumer } from '@datahub/metadata-types/constants/metadata/top-consumers';
|
|
|
|
interface ITopConsumersInsightCardArgs {
|
|
/**
|
|
* Title of the top consumer insight
|
|
*/
|
|
title: string;
|
|
|
|
/*
|
|
* Tooltip text for this component to provide additional information
|
|
*/
|
|
tooltipText: string;
|
|
|
|
/**
|
|
* A list of top consumer entity link params
|
|
* Redirects the user to the entity page either on DataHub (if modeled) or externally
|
|
*/
|
|
topConsumers: Array<IDynamicLinkParams>;
|
|
|
|
/**
|
|
* The type of consumer used by this consumer for rendering avatars or links
|
|
*/
|
|
consumerType: TopConsumer;
|
|
|
|
/**
|
|
* Action triggered when the user clicks on the show more button
|
|
*/
|
|
onClickShowMore?: () => void;
|
|
}
|
|
|
|
/**
|
|
* The preview limit on the number of top consumers shown on this insight without viewing all
|
|
*/
|
|
export const PREVIEW_LIMIT = 5;
|
|
|
|
export const baseClass = 'top-consumers-insight-card';
|
|
|
|
/**
|
|
* This component is an insight card that displays a preview of list of top consumers
|
|
* (of the same consumer entity type) based on some preview limit.
|
|
* The number of consumers not shown in the insight card will be displayed to the user
|
|
* and the user can access all top consumers information by clicking show more.
|
|
*/
|
|
export default class TopConsumersInsightInsightCard extends Component<ITopConsumersInsightCardArgs> {
|
|
/**
|
|
* Declared for convenient access in the template
|
|
*/
|
|
baseClass = baseClass;
|
|
|
|
/**
|
|
* Top consumer enum declared in the component for convenient access
|
|
*/
|
|
topConsumer = TopConsumer;
|
|
|
|
/**
|
|
* The preview top consumers computed from the preview limit
|
|
*/
|
|
get topConsumersPreview(): Array<IDynamicLinkParams> {
|
|
return this.args.topConsumers.slice(0, PREVIEW_LIMIT);
|
|
}
|
|
|
|
/**
|
|
* The number of top consumers hidden from the preview
|
|
*/
|
|
get numberOfTopConsumersHidden(): number {
|
|
const listLength = this.args.topConsumers.length;
|
|
|
|
return Math.max(listLength - PREVIEW_LIMIT, 0);
|
|
}
|
|
|
|
/**
|
|
* Action triggered when the user clicks on the show more button
|
|
*/
|
|
onClickShowMore: () => void = this.args.onClickShowMore || noop;
|
|
}
|