@hisptz/react-ui
Version:
A collection of reusable complex DHIS2 react ui components.
60 lines (59 loc) • 3.29 kB
JavaScript
import i18n from "@dhis2/d2-i18n";
import { DataTable, TableHead, TableBody, DataTableRow, DataTableColumnHeader } from "@dhis2/ui";
import { IndicatorGroupContext } from "./../../../../../../components/DictionaryAnalysis/Store/IndicatorGroupContext";
import React, { useContext } from "react";
import RowAggregate from "./Components/RowAggregate";
import RowTracker from "./Components/RowTracker";
const query = {
sources: {
resource: "dataElementGroups",
id: _ref => {
let {
id
} = _ref;
return id;
},
params: {
fields: ["dataElements[id,displayName]"]
}
}
};
export default function RelatedDataElements() {
var _numerator$aggregate, _numerator$tracker, _denominator$aggregat, _denominator$tracker;
const {
values
} = useContext(IndicatorGroupContext);
const {
numerator,
denominator
} = values;
return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("h3", null, i18n.t("Related Data elements"), " "), /*#__PURE__*/React.createElement("p", null, i18n.t("The following is the summary of the data elements used in the group")), /*#__PURE__*/React.createElement(DataTable, null, /*#__PURE__*/React.createElement(TableHead, null, /*#__PURE__*/React.createElement(DataTableRow, null, /*#__PURE__*/React.createElement(DataTableColumnHeader, {
bordered: true
}, i18n.t("Data Element")), /*#__PURE__*/React.createElement(DataTableColumnHeader, {
bordered: true
}, i18n.t("Expression part (Numerator/ Denominator)")), /*#__PURE__*/React.createElement(DataTableColumnHeader, null, i18n.t("Value Type")), /*#__PURE__*/React.createElement(DataTableColumnHeader, null, i18n.t("Zero Significance")), /*#__PURE__*/React.createElement(DataTableColumnHeader, null, i18n.t("Categories")), /*#__PURE__*/React.createElement(DataTableColumnHeader, null, i18n.t("Datasets/ Programs")), /*#__PURE__*/React.createElement(DataTableColumnHeader, null, i18n.t("Groups")))), /*#__PURE__*/React.createElement(TableBody, null, numerator === null || numerator === void 0 ? void 0 : (_numerator$aggregate = numerator.aggregate) === null || _numerator$aggregate === void 0 ? void 0 : _numerator$aggregate.map(e => {
return /*#__PURE__*/React.createElement(RowAggregate, {
key: e,
id: e,
location: "numerator"
});
}), numerator === null || numerator === void 0 ? void 0 : (_numerator$tracker = numerator.tracker) === null || _numerator$tracker === void 0 ? void 0 : _numerator$tracker.map(e => {
return /*#__PURE__*/React.createElement(RowTracker, {
key: e,
id: e,
location: "numerator"
});
}), denominator === null || denominator === void 0 ? void 0 : (_denominator$aggregat = denominator.aggregate) === null || _denominator$aggregat === void 0 ? void 0 : _denominator$aggregat.map(e => {
return /*#__PURE__*/React.createElement(RowAggregate, {
key: e,
id: e,
location: "denominator"
});
}), denominator === null || denominator === void 0 ? void 0 : (_denominator$tracker = denominator.tracker) === null || _denominator$tracker === void 0 ? void 0 : _denominator$tracker.map(e => {
return /*#__PURE__*/React.createElement(RowTracker, {
key: e,
id: e,
location: "denominator"
});
}))));
}