myprojectpackageprav
Version:
My package in npm
147 lines • 13.1 kB
JavaScript
/* eslint-disable no-script-url */
/* eslint-disable jsx-a11y/anchor-is-valid */
import React, { useState } from "react";
import "./settings.css";
import Accordions from '../../components/accordions/accordions';
// import { NORESULT } from '../../utils/constants/rhybusconfig'
import Announcements from "../settings/announcements/announcements";
import Calendar from './calendar';
import PointsofContact from '../settings/pointsofcontact/pointsofcontact';
import PolicyMemosGuidelines from '../settings/policymemosguidelines/policymemosguidelines';
import QuickLinks from '../settings/quicklinks/quicklinks';
import KnowledgeArticles from '../settings/knowledgearticles/knowledgearticles';
import QandA from '../settings/qanda/qanda';
import UserGroups from './usergroups';
import DBConfiguration from "./dbconfiguration/dbconfiguration";
import DataMigration from "./datamigration/datamigration";
import JobsConfiguration from "./jobsconfiguration/jobsconfiguration";
import FormTooltips from "./formtooltips/formtooltips";
import SiteFeedback from "./sitefeedback/sitefeedback";
var Settings = function () {
var _a = 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.createElement(React.Fragment, null,
React.createElement("ul", { className: 'settingslist' },
React.createElement("li", null,
React.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.createElement("span", { className: "icon-announcement font-11 pe-2" }),
"Announcements")),
React.createElement("li", null,
React.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.createElement("span", { className: "icon-calendar font-13 pe-2" }),
"Calendar")),
React.createElement("li", null,
React.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.createElement("span", { className: "icon-adduser font-12 pe-2" }),
"Points of Contact")),
React.createElement("li", null,
React.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.createElement("span", { className: "icon-policyfile font-13 pe-2" }),
"Policy Memos & Guidelines")),
React.createElement("li", null,
React.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.createElement("span", { className: "icon-quicklinks font-13 pe-2" }),
"Quick Links")),
React.createElement("li", null,
React.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.createElement("span", { className: "icon-knowledgebase font-16 pe-2" }),
"Knowledge Articles")),
React.createElement("li", null,
React.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.createElement("span", { className: "icon-queans font-13 pe-2" }),
"Q & A")))))
},
{
title: 'User Management',
is_active: "false",
content: (React.createElement(React.Fragment, null,
React.createElement("ul", { className: 'settingslist' },
React.createElement("li", null,
React.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.createElement("span", { className: "icon-adduser font-13 pe-2" }),
"User Groups")))))
},
{
title: 'Metadata Management',
is_active: "false",
content: (React.createElement(React.Fragment, null,
React.createElement("ul", { className: 'settingslist' },
React.createElement("li", null,
React.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.createElement("span", { className: "icon-info font-13 pe-2" }),
"Form Tooltips")),
React.createElement("li", null,
React.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.createElement("span", { className: "icon-feedback font-14 pe-2" }),
"Site Feedback")))))
},
{
title: 'Configuration Management',
is_active: "false",
content: (React.createElement(React.Fragment, null,
React.createElement("ul", { className: 'settingslist' },
React.createElement("li", null,
React.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.createElement("span", { className: "icon-fileInfo font-13 pe-2" }),
"DB Configuration")),
React.createElement("li", null,
React.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.createElement("span", { className: "icon-fileInfo font-13 pe-2" }),
"Data Migration")),
React.createElement("li", null,
React.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.createElement("span", { className: "icon-fileInfo font-13 pe-2" }),
"Jobs Configuration")))))
},
];
return (React.createElement("div", { className: 'divdetailview py-2 w-100' },
React.createElement("div", { className: 'container' },
React.createElement("div", { className: "my-2 d-flex align-items-center" },
React.createElement("div", { className: "d-flex align-items-center" },
React.createElement("h2", { tabIndex: 0, title: 'Title' }, "Settings"))),
React.createElement("div", { className: 'row' },
React.createElement("div", { className: 'col-sm-12 col-lg-3' },
React.createElement("div", { className: "shadow card" },
React.createElement("div", { className: "card-body" },
React.createElement(Accordions, { 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.createElement("div", { className: 'col-sm-12 col-lg-9 settingtabcontent' },
React.createElement("div", { className: "tabcontent ".concat(getActiveClass(1, "tabactivecontent")), id: "tab-1" },
React.createElement(Announcements, null)),
React.createElement("div", { className: "tabcontent ".concat(getActiveClass(2, "tabactivecontent")), id: "tab-2" },
React.createElement(Calendar, null)),
React.createElement("div", { className: "tabcontent ".concat(getActiveClass(3, "tabactivecontent")), id: "tab-3" },
React.createElement(PointsofContact, null)),
React.createElement("div", { className: "tabcontent ".concat(getActiveClass(4, "tabactivecontent")), id: "tab-4" },
React.createElement(PolicyMemosGuidelines, null)),
React.createElement("div", { className: "tabcontent ".concat(getActiveClass(5, "tabactivecontent")), id: "tab-5" },
React.createElement(QuickLinks, null)),
React.createElement("div", { className: "tabcontent ".concat(getActiveClass(6, "tabactivecontent")), id: "tab-6" },
React.createElement(KnowledgeArticles, null)),
React.createElement("div", { className: "tabcontent ".concat(getActiveClass(7, "tabactivecontent")), id: "tab-7" },
React.createElement(QandA, null)),
React.createElement("div", { className: "tabcontent ".concat(getActiveClass(8, "tabactivecontent")), id: "tab-8" },
React.createElement(UserGroups, null)),
React.createElement("div", { className: "tabcontent ".concat(getActiveClass(9, "tabactivecontent")), id: "tab-9" },
React.createElement(FormTooltips, null)),
React.createElement("div", { className: "tabcontent ".concat(getActiveClass(10, "tabactivecontent")), id: "tab-10" },
React.createElement(SiteFeedback, null)),
React.createElement("div", { className: "tabcontent ".concat(getActiveClass(11, "tabactivecontent")), id: "tab-11" },
React.createElement(DBConfiguration, null)),
React.createElement("div", { className: "tabcontent ".concat(getActiveClass(12, "tabactivecontent")), id: "tab-12" },
React.createElement(DataMigration, null)),
React.createElement("div", { className: "tabcontent ".concat(getActiveClass(13, "tabactivecontent")), id: "tab-13" },
React.createElement(JobsConfiguration, null)))))));
};
export default Settings;
//# sourceMappingURL=settings.js.map