@iapps/ngx-dhis2-selection-filters NPM

DHIS2 selection filters

Container for DHIS2 selection filters .i.e. Data, Period, Organisation uni and other based on angular 6+

installation

npm i @iapps/ngx-dhis2-selection-filters

Usage

If the module is to be imported in the app.module or any other feature module, then import as

import { NgxDhis2SelectionFiltersModule } from '@iapps/ngx-dhis2-selection-filters';

then add this in the imports

imports: [
  ...
  NgxDhis2SelectionFiltersModule,
  ...
]

Once imported, dhis2 selection filters can be called in as

<ngx-dhis2-selection-filters
  (filterUpdate)="onFilterUpdateAction($event)"
  [dataSelections]="dataSelections"
  [selectionFilterConfig]="selectionFilterConfig">
</ngx-dhis2-selection-filters>

Inputs

Input	Description
dataSelections	This is a list of selected dimensions data, period organisation collectively
selectionFilterConfig	This when passed overrides default configuration for the selection filters

Input models

dataSelections, List as based on the following model

Item	Description
dimension	Specify dimension type eg pe, ou, dx etc
items	List of selected items based on dimension

orgUnitFilterConfig

Item	Description	Default value
showDataFilter	Specify whether to show or hide data(dx) selection filter	true
showPeriodFilter (optional)	Specify whether to show or hide period(pe) selection filter	true
showOrgUnitFilter (optional)	Specify whether to show or hide organisation unit(ou) selection filter	none
showLayout (optional)	Specify whether to show or hide layout selection filter	false
showDynamicDimension (optional)	Specify whether to show or hide dynamic dimension selection filter	true
orgUnitFilterConfig	Org unit filter configurations, Read more

Outputs

Output	Description
filterUpdate	This emitted data selection as based on what has been updated

Selection Filter Component Output

[
  {
  "dimension": "ou",
  "items": [
    {
      "id": "PMa2VCrupOd",
      "name": "Kambia",
      "level": 2,
      "type": "ORGANISATION_UNIT"
    },
    {
      "id": "at6UHUQatSo",
      "name": "Western Area",
      "level": 2,
      "type": "ORGANISATION_UNIT"
    },
    {
      "id": "TEQlaapDQoK",
      "name": "Port Loko",
      "level": 2,
      "type": "ORGANISATION_UNIT"
    }
  ]
},
{
  "dimension": "dx",
  "items": [
    {
      "id": "PMa2VCewpOd",
      "name": "ANC Coverage",
      "type": "INDICATOR"
    }
  ]
}, {
  "dimension": "pe",
  "items": [
      {
        "id": "LAST_YEAR",
        "name": "Last year",
        "type": "RelativeYearly"
      }
    ]
  },
  {
    "items": [
      {
        "name": "ANC",
        "id": "UP1lctvalPn"
      }
    ],
    "periodType": {
      "id": "Monthly",
      "name": "Monthly",
      "rank": 3
    },
    "dimension": "vrg",
    "changed": true,
    "layout": "filters"
  }
]

tslib

@infinitebrahmanuniverse/nolb-_ia @everything-registry/sub-chunk-449 @zalastax/nolb-_ia

3 years ago

4 years ago

4 years ago

4 years ago

4 years ago