myprojectpackageprav
Version:
My package in npm
150 lines • 14.7 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var tslib_1 = require("tslib");
/* eslint-disable no-script-url */
/* eslint-disable jsx-a11y/anchor-is-valid */
var react_1 = tslib_1.__importStar(require("react"));
require("./settings.css");
var accordions_1 = tslib_1.__importDefault(require("../../components/accordions/accordions"));
// import { NORESULT } from '../../utils/constants/rhybusconfig'
var announcements_1 = tslib_1.__importDefault(require("../settings/announcements/announcements"));
var calendar_1 = tslib_1.__importDefault(require("./calendar"));
var pointsofcontact_1 = tslib_1.__importDefault(require("../settings/pointsofcontact/pointsofcontact"));
var policymemosguidelines_1 = tslib_1.__importDefault(require("../settings/policymemosguidelines/policymemosguidelines"));
var quicklinks_1 = tslib_1.__importDefault(require("../settings/quicklinks/quicklinks"));
var knowledgearticles_1 = tslib_1.__importDefault(require("../settings/knowledgearticles/knowledgearticles"));
var qanda_1 = tslib_1.__importDefault(require("../settings/qanda/qanda"));
var usergroups_1 = tslib_1.__importDefault(require("./usergroups"));
var dbconfiguration_1 = tslib_1.__importDefault(require("./dbconfiguration/dbconfiguration"));
var datamigration_1 = tslib_1.__importDefault(require("./datamigration/datamigration"));
var jobsconfiguration_1 = tslib_1.__importDefault(require("./jobsconfiguration/jobsconfiguration"));
var formtooltips_1 = tslib_1.__importDefault(require("./formtooltips/formtooltips"));
var sitefeedback_1 = tslib_1.__importDefault(require("./sitefeedback/sitefeedback"));
var Settings = function () {
var _a = (0, react_1.useState)(1), ToggleState = _a[0], setToggleState = _a[1];
var toggleTab = function (index) {
setToggleState(index);
};
var getActiveClass = function (index, className) {
return ToggleState === index ? className : "";
};
var accordionitems = [
{
title: "Content Management",
is_active: "true",
content: (react_1.default.createElement(react_1.default.Fragment, null,
react_1.default.createElement("ul", { className: 'settingslist' },
react_1.default.createElement("li", null,
react_1.default.createElement("a", { href: "javascript:void(0)", className: "tabs montserratSemibold font-12 ".concat(getActiveClass(1, "active")), onClick: function () { return toggleTab(1); }, title: "Announcements", tabIndex: 0, "aria-labelledby": "tab-1", role: "tab", "aria-label": "Announcements" },
react_1.default.createElement("span", { className: "icon-announcement font-11 pe-2" }),
"Announcements")),
react_1.default.createElement("li", null,
react_1.default.createElement("a", { href: "javascript:void(0)", className: "tabs montserratSemibold font-12 ".concat(getActiveClass(2, "active")), onClick: function () { return toggleTab(2); }, title: "Calendar", tabIndex: 0, "aria-labelledby": "tab-2", role: "tab", "aria-label": "Calendar" },
react_1.default.createElement("span", { className: "icon-calendar font-13 pe-2" }),
"Calendar")),
react_1.default.createElement("li", null,
react_1.default.createElement("a", { href: "javascript:void(0)", className: "tabs montserratSemibold font-12 ".concat(getActiveClass(3, "active")), onClick: function () { return toggleTab(3); }, title: "Points of Contact", tabIndex: 0, "aria-labelledby": "tab-3", role: "tab", "aria-label": "Points of Contact" },
react_1.default.createElement("span", { className: "icon-adduser font-12 pe-2" }),
"Points of Contact")),
react_1.default.createElement("li", null,
react_1.default.createElement("a", { href: "javascript:void(0)", className: "tabs montserratSemibold font-12 ".concat(getActiveClass(4, "active")), onClick: function () { return toggleTab(4); }, title: "Policy Memos & Guidelines", tabIndex: 0, "aria-labelledby": "tab-4", role: "tab", "aria-label": "Policy Memos & Guidelines" },
react_1.default.createElement("span", { className: "icon-policyfile font-13 pe-2" }),
"Policy Memos & Guidelines")),
react_1.default.createElement("li", null,
react_1.default.createElement("a", { href: "javascript:void(0)", className: "tabs montserratSemibold font-12 ".concat(getActiveClass(5, "active")), onClick: function () { return toggleTab(5); }, title: "Quick Links", tabIndex: 0, "aria-labelledby": "tab-5", role: "tab", "aria-label": "Quick Links" },
react_1.default.createElement("span", { className: "icon-quicklinks font-13 pe-2" }),
"Quick Links")),
react_1.default.createElement("li", null,
react_1.default.createElement("a", { href: "javascript:void(0)", className: "tabs montserratSemibold font-12 ".concat(getActiveClass(6, "active")), onClick: function () { return toggleTab(6); }, title: "Knowledge Articles", tabIndex: 0, "aria-labelledby": "tab-6", role: "tab", "aria-label": "Knowledge Articles" },
react_1.default.createElement("span", { className: "icon-knowledgebase font-16 pe-2" }),
"Knowledge Articles")),
react_1.default.createElement("li", null,
react_1.default.createElement("a", { href: "javascript:void(0)", className: "tabs montserratSemibold font-12 ".concat(getActiveClass(7, "active")), onClick: function () { return toggleTab(7); }, title: "Q & A", tabIndex: 0, "aria-labelledby": "tab-7", role: "tab", "aria-label": "Q & A" },
react_1.default.createElement("span", { className: "icon-queans font-13 pe-2" }),
"Q & A")))))
},
{
title: 'User Management',
is_active: "false",
content: (react_1.default.createElement(react_1.default.Fragment, null,
react_1.default.createElement("ul", { className: 'settingslist' },
react_1.default.createElement("li", null,
react_1.default.createElement("a", { href: "javascript:void(0)", className: "tabs montserratSemibold font-12 ".concat(getActiveClass(8, "active")), onClick: function () { return toggleTab(8); }, title: "User Groups", tabIndex: 0, "aria-labelledby": "tab-8", role: "tab", "aria-label": "User Groups" },
react_1.default.createElement("span", { className: "icon-adduser font-13 pe-2" }),
"User Groups")))))
},
{
title: 'Metadata Management',
is_active: "false",
content: (react_1.default.createElement(react_1.default.Fragment, null,
react_1.default.createElement("ul", { className: 'settingslist' },
react_1.default.createElement("li", null,
react_1.default.createElement("a", { href: "javascript:void(0)", className: "tabs montserratSemibold font-12 ".concat(getActiveClass(9, "active")), onClick: function () { return toggleTab(9); }, title: "Form Tooltips", tabIndex: 0, "aria-labelledby": "tab-9", role: "tab", "aria-label": "Form Tooltips" },
react_1.default.createElement("span", { className: "icon-info font-13 pe-2" }),
"Form Tooltips")),
react_1.default.createElement("li", null,
react_1.default.createElement("a", { href: "javascript:void(0)", className: "tabs montserratSemibold font-12 ".concat(getActiveClass(10, "active")), onClick: function () { return toggleTab(10); }, title: "Site Feedback", tabIndex: 0, "aria-labelledby": "tab-10", role: "tab", "aria-label": "Site Feedback" },
react_1.default.createElement("span", { className: "icon-feedback font-14 pe-2" }),
"Site Feedback")))))
},
{
title: 'Configuration Management',
is_active: "false",
content: (react_1.default.createElement(react_1.default.Fragment, null,
react_1.default.createElement("ul", { className: 'settingslist' },
react_1.default.createElement("li", null,
react_1.default.createElement("a", { href: "javascript:void(0)", className: "tabs montserratSemibold font-12 ".concat(getActiveClass(11, "active")), onClick: function () { return toggleTab(11); }, title: "DB Configuration", tabIndex: 0, "aria-labelledby": "tab-11", role: "tab", "aria-label": "DB Configuration" },
react_1.default.createElement("span", { className: "icon-fileInfo font-13 pe-2" }),
"DB Configuration")),
react_1.default.createElement("li", null,
react_1.default.createElement("a", { href: "javascript:void(0)", className: "tabs montserratSemibold font-12 ".concat(getActiveClass(12, "active")), onClick: function () { return toggleTab(12); }, title: "Data Migration", tabIndex: 0, "aria-labelledby": "tab-12", role: "tab", "aria-label": "Data Migration" },
react_1.default.createElement("span", { className: "icon-fileInfo font-13 pe-2" }),
"Data Migration")),
react_1.default.createElement("li", null,
react_1.default.createElement("a", { href: "javascript:void(0)", className: "tabs montserratSemibold font-12 ".concat(getActiveClass(13, "active")), onClick: function () { return toggleTab(13); }, title: "Jobs Configuration", tabIndex: 0, "aria-labelledby": "tab-13", role: "tab", "aria-label": "Jobs Configuration" },
react_1.default.createElement("span", { className: "icon-fileInfo font-13 pe-2" }),
"Jobs Configuration")))))
},
];
return (react_1.default.createElement("div", { className: 'divdetailview py-2 w-100' },
react_1.default.createElement("div", { className: 'container' },
react_1.default.createElement("div", { className: "my-2 d-flex align-items-center" },
react_1.default.createElement("div", { className: "d-flex align-items-center" },
react_1.default.createElement("h2", { tabIndex: 0, title: 'Title' }, "Settings"))),
react_1.default.createElement("div", { className: 'row' },
react_1.default.createElement("div", { className: 'col-sm-12 col-lg-3' },
react_1.default.createElement("div", { className: "shadow card" },
react_1.default.createElement("div", { className: "card-body" },
react_1.default.createElement(accordions_1.default, { items: accordionitems, className: "accordions", titleIcon: "icon-thinright-arrow pe-1", titlecollapsedIcon: "icon-arrow-down pe-1", defaultActivekey: '1', count: "accordian-bordered px-1", inputProps: {
className: 'test'
} })))),
react_1.default.createElement("div", { className: 'col-sm-12 col-lg-9 settingtabcontent' },
react_1.default.createElement("div", { className: "tabcontent ".concat(getActiveClass(1, "tabactivecontent")), id: "tab-1" },
react_1.default.createElement(announcements_1.default, null)),
react_1.default.createElement("div", { className: "tabcontent ".concat(getActiveClass(2, "tabactivecontent")), id: "tab-2" },
react_1.default.createElement(calendar_1.default, null)),
react_1.default.createElement("div", { className: "tabcontent ".concat(getActiveClass(3, "tabactivecontent")), id: "tab-3" },
react_1.default.createElement(pointsofcontact_1.default, null)),
react_1.default.createElement("div", { className: "tabcontent ".concat(getActiveClass(4, "tabactivecontent")), id: "tab-4" },
react_1.default.createElement(policymemosguidelines_1.default, null)),
react_1.default.createElement("div", { className: "tabcontent ".concat(getActiveClass(5, "tabactivecontent")), id: "tab-5" },
react_1.default.createElement(quicklinks_1.default, null)),
react_1.default.createElement("div", { className: "tabcontent ".concat(getActiveClass(6, "tabactivecontent")), id: "tab-6" },
react_1.default.createElement(knowledgearticles_1.default, null)),
react_1.default.createElement("div", { className: "tabcontent ".concat(getActiveClass(7, "tabactivecontent")), id: "tab-7" },
react_1.default.createElement(qanda_1.default, null)),
react_1.default.createElement("div", { className: "tabcontent ".concat(getActiveClass(8, "tabactivecontent")), id: "tab-8" },
react_1.default.createElement(usergroups_1.default, null)),
react_1.default.createElement("div", { className: "tabcontent ".concat(getActiveClass(9, "tabactivecontent")), id: "tab-9" },
react_1.default.createElement(formtooltips_1.default, null)),
react_1.default.createElement("div", { className: "tabcontent ".concat(getActiveClass(10, "tabactivecontent")), id: "tab-10" },
react_1.default.createElement(sitefeedback_1.default, null)),
react_1.default.createElement("div", { className: "tabcontent ".concat(getActiveClass(11, "tabactivecontent")), id: "tab-11" },
react_1.default.createElement(dbconfiguration_1.default, null)),
react_1.default.createElement("div", { className: "tabcontent ".concat(getActiveClass(12, "tabactivecontent")), id: "tab-12" },
react_1.default.createElement(datamigration_1.default, null)),
react_1.default.createElement("div", { className: "tabcontent ".concat(getActiveClass(13, "tabactivecontent")), id: "tab-13" },
react_1.default.createElement(jobsconfiguration_1.default, null)))))));
};
exports.default = Settings;
//# sourceMappingURL=settings.js.map