@hisptz/react-ui
Version:
A collection of reusable complex DHIS2 react ui components.
30 lines (29 loc) • 3.01 kB
JavaScript
import i18n from "@dhis2/d2-i18n";
import { TableHead, TableBody, DataTable, DataTableRow, DataTableCell, DataTableColumnHeader } from "@dhis2/ui";
import React from "react";
import { displayAccessPermission } from "../../../../../Utils/Functions/DataElementDictionaryFunctions";
export default function OtherDetails(_ref) {
var _result$userAccesses, _ref2, _result$userAccesses2, _result$userGroupAcce, _ref3, _result$userGroupAcce2;
let {
result
} = _ref;
return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("p", null, i18n.t("Function will be visible for users with the following access:")), /*#__PURE__*/React.createElement(DataTable, null, /*#__PURE__*/React.createElement(TableHead, null, /*#__PURE__*/React.createElement(DataTableRow, null, /*#__PURE__*/React.createElement(DataTableColumnHeader, null), /*#__PURE__*/React.createElement(DataTableColumnHeader, null, i18n.t("Details")))), /*#__PURE__*/React.createElement(TableBody, null, /*#__PURE__*/React.createElement(DataTableRow, null, /*#__PURE__*/React.createElement(DataTableCell, {
bordered: true,
tag: "th"
}, i18n.t("User Access")), /*#__PURE__*/React.createElement(DataTableCell, {
bordered: true
}, i18n.t((result === null || result === void 0 ? void 0 : (_result$userAccesses = result.userAccesses) === null || _result$userAccesses === void 0 ? void 0 : _result$userAccesses.length) === 0 ? "No access granted" : (_ref2 = "") !== null && _ref2 !== void 0 ? _ref2 : ""), /*#__PURE__*/React.createElement("ul", null, result === null || result === void 0 ? void 0 : (_result$userAccesses2 = result.userAccesses) === null || _result$userAccesses2 === void 0 ? void 0 : _result$userAccesses2.map(dt => {
return /*#__PURE__*/React.createElement("li", {
key: dt.id
}, dt === null || dt === void 0 ? void 0 : dt.displayName, " ", i18n.t("can"), " ", /*#__PURE__*/React.createElement("i", null, displayAccessPermission(dt.access), " "), " ");
})))), /*#__PURE__*/React.createElement(DataTableRow, null, /*#__PURE__*/React.createElement(DataTableCell, {
bordered: true,
tag: "th"
}, i18n.t("User Group Access")), /*#__PURE__*/React.createElement(DataTableCell, {
bordered: true
}, i18n.t((result === null || result === void 0 ? void 0 : (_result$userGroupAcce = result.userGroupAccesses) === null || _result$userGroupAcce === void 0 ? void 0 : _result$userGroupAcce.length) === 0 ? "No access granted" : (_ref3 = "") !== null && _ref3 !== void 0 ? _ref3 : ""), /*#__PURE__*/React.createElement("ul", null, result === null || result === void 0 ? void 0 : (_result$userGroupAcce2 = result.userGroupAccesses) === null || _result$userGroupAcce2 === void 0 ? void 0 : _result$userGroupAcce2.map(dt => {
return /*#__PURE__*/React.createElement("li", {
key: dt.id
}, dt === null || dt === void 0 ? void 0 : dt.displayName, " ", i18n.t("can"), " ", /*#__PURE__*/React.createElement("i", null, displayAccessPermission(dt.access)), " ");
})))))));
}