Documentation for a newer release is available. View Latest
Esta página no está disponible actualmente en Español. Si lo necesita, póngase en contacto con el servicio de asistencia de Icon (correo electrónico)

Common Components Module

A module for components and directives that can be used across any IPF angular application. These components were originally in the parent components folder but since moving to a more modular structure have not had a module home.

The long term development plan should be to find these components/directives modules that suit their functionality better.

Components

DateFilterComponent

A component to allow the user to filter a column by date. agGrid is required to use this component.

DateTimeAgoComponent

A component that allows the user to switch between date formats.

DynamicListComponent (Legacy)

A component to allow the user to add and remove items from a list.

TooltipComponent

A tooltip component.

A component to display a list of navigation items

Example usage:

<ipf-breadcrumbs [navLinks]="navLinks"></ipf-breadcrumbs>

Where navLinks is an array of BreadcrumbNavLink objects:

Name

Description

link?: string[];

A value used for the routerLink e.g. ['../../', 'testing', 'view']

title: string;

A value used for the text value displayed

Directives

ShowWarningDirective

A directive to decide whether to show a warning icon or not.

Example:

<div ipfShowWarning="showWarning"
>This text will appear with a warning symbol next to it if showWarning=true</div>

Pipes

DateTimezonePipe

A pipe that will add the UTC offset to the date based on the users location obtained from the browser

e.g. A user based in Berlin will have a date appear with (UTC+1) during CET