myprojectpackageprav
Version:
My package in npm
160 lines • 14.7 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var tslib_1 = require("tslib");
require("./home.css");
var announcements_1 = tslib_1.__importDefault(require("../../components/announcements/announcements"));
var quick_links_1 = tslib_1.__importDefault(require("../../components/quicklinks/quick-links"));
var pmg_1 = tslib_1.__importDefault(require("../../components/pmg/pmg"));
var knowledge_articles_1 = tslib_1.__importDefault(require("../../components/ka/knowledge-articles"));
var calendar_tabs_1 = tslib_1.__importDefault(require("../../components/calendar/calendar-tabs"));
var points_of_contacts_1 = tslib_1.__importDefault(require("../../components/poc/points-of-contacts"));
var dashboard_kpis_1 = tslib_1.__importDefault(require("../../components/dashboard-kpis/dashboard-kpis"));
var rhybusconfig_1 = require("../../utils/constants/rhybusconfig");
var input_select_1 = tslib_1.__importDefault(require("../../utils/controls/input-select"));
var buttons_1 = tslib_1.__importDefault(require("../../components/buttons/buttons"));
function Home() {
// KnowledgeArticles and Q&A tabs content
// const knowledge_qa_items = [
// {
// tabtitle: 'Knowledge Articles',
// is_active: "true",
// icon: "icon-knowledgebase",
// content: (<><KnowledgeArticles /></>)
// },
// {
// tabtitle: 'Q & A',
// is_active: "false",
// icon: "icon-queans",
// content: (<><QuestionAnswers /></>)
// }
// ];
return (React.createElement(React.Fragment, null,
React.createElement("div", { className: "py-2 px-3 whitebg shadow1 d-flex flex-column flex-sm-row align-items-md-center" },
React.createElement("div", { className: "d-flex align-items-center py-1" },
React.createElement("span", { className: 'icon-dashboard2 me-1 color-primary' }),
" ",
React.createElement("h2", { className: 'poppins-semibold font-18', tabIndex: 0, "aria-label": 'Dashboard' }, "Dashboard")),
React.createElement("div", { className: 'd-flex flex-wrap flex-column flex-sm-row justify-content-sm-end gap-2 ms-sm-auto' },
React.createElement(input_select_1.default, { inputProps: {
id: 'filter',
name: 'Filter 1',
placeholder: 'Select',
}, label: 'Filter 1', formClassName: "form-horizontal text-nowrap", className: 'form-sm w-100' }),
React.createElement(input_select_1.default, { inputProps: {
id: 'filter2',
name: 'Filter 2',
placeholder: 'Select',
}, label: 'Filter 2', formClassName: "form-horizontal text-nowrap", className: 'form-sm w-100' }),
React.createElement(input_select_1.default, { inputProps: {
id: 'filter3',
name: 'Filter 3',
placeholder: 'Select',
}, label: 'Filter 3', formClassName: "form-horizontal text-nowrap", className: 'form-sm w-100' }),
React.createElement(input_select_1.default, { inputProps: {
id: 'filter4',
name: 'Filter 4',
placeholder: 'Select',
}, label: 'Filter 4', formClassName: "form-horizontal text-nowrap", className: 'form-sm w-100' }),
React.createElement(input_select_1.default, { inputProps: {
id: 'filter5',
name: 'Filter 5',
placeholder: 'Select',
}, label: 'Filter 5', formClassName: "form-horizontal text-nowrap", className: 'form-sm w-100' })),
React.createElement(buttons_1.default, { label: "Clear All", "aria-label": "Clear All", className: 'btn btn-sm links ms-auto ms-md-0 text-nowrap' })),
React.createElement("div", { className: 'container' },
React.createElement(dashboard_kpis_1.default, null),
React.createElement("div", { className: 'row' },
React.createElement("div", { className: "col-sm-12 col-md-6 d-flex align-items-stretch" },
React.createElement("div", { className: "shadow card w-100" },
React.createElement("div", { className: "d-flex flex-column card-body h-100" },
React.createElement("div", { className: "d-flex justify-content-between align-items-center" },
React.createElement("div", { className: "d-flex mb-2 title-border" },
React.createElement("div", { tabIndex: 0, "aria-label": "Chart 1", className: "poppins-bold font-14" }, "Chart 1")),
React.createElement("div", null, "Actions")),
React.createElement("div", { className: 'min-h-200 d-flex align-items-center justify-content-around' },
React.createElement("div", { className: 'subtitle-color2 montserratregular', tabIndex: 0, "aria-label": rhybusconfig_1.NORESULT }, rhybusconfig_1.NORESULT))))),
React.createElement("div", { className: "col-sm-12 col-md-6 d-flex align-items-stretch" },
React.createElement("div", { className: "shadow card w-100" },
React.createElement("div", { className: "d-flex flex-column card-body h-100" },
React.createElement("div", { className: "d-flex justify-content-between align-items-center" },
React.createElement("div", { className: "d-flex mb-2 title-border" },
React.createElement("div", { tabIndex: 0, "aria-label": "Chart 2", className: "poppins-bold font-14" }, "Chart 2")),
React.createElement("div", null, "Actions")),
React.createElement("div", { className: 'min-h-200 d-flex align-items-center justify-content-around' },
React.createElement("div", { className: 'subtitle-color2 montserratregular', tabIndex: 0, "aria-label": rhybusconfig_1.NORESULT }, rhybusconfig_1.NORESULT))))),
React.createElement("div", { className: "col-sm-12 col-md-6 col-xl-4 d-flex align-items-stretch" },
React.createElement("div", { className: "shadow card w-100" },
React.createElement("div", { className: "d-flex flex-column card-body h-100" },
React.createElement("div", { className: "d-flex justify-content-between align-items-center" },
React.createElement("div", { className: "d-flex mb-2 title-border" },
React.createElement("div", { tabIndex: 0, "aria-label": "Chart 1", className: "poppins-bold font-14" }, "Chart 3")),
React.createElement("div", null, "Actions")),
React.createElement("div", { className: 'min-h-200 d-flex align-items-center justify-content-around' },
React.createElement("div", { className: 'subtitle-color2 montserratregular', tabIndex: 0, "aria-label": rhybusconfig_1.NORESULT }, rhybusconfig_1.NORESULT))))),
React.createElement("div", { className: "col-sm-12 col-md-6 col-xl-4 d-flex align-items-stretch" },
React.createElement("div", { className: "shadow card w-100" },
React.createElement("div", { className: "d-flex flex-column card-body h-100" },
React.createElement("div", { className: "d-flex justify-content-between align-items-center" },
React.createElement("div", { className: "d-flex mb-2 title-border" },
React.createElement("div", { tabIndex: 0, "aria-label": "Chart 2", className: "poppins-bold font-14" }, "Chart 4")),
React.createElement("div", null, "Actions")),
React.createElement("div", { className: 'min-h-200 d-flex align-items-center justify-content-around' },
React.createElement("div", { className: 'subtitle-color2 montserratregular', tabIndex: 0, "aria-label": rhybusconfig_1.NORESULT }, rhybusconfig_1.NORESULT))))),
React.createElement("div", { className: "col-sm-12 col-md-6 col-xl-4 d-flex align-items-stretch" },
React.createElement("div", { className: "shadow card w-100" },
React.createElement("div", { className: "d-flex flex-column card-body h-100" },
React.createElement("div", { className: "d-flex justify-content-between align-items-center" },
React.createElement("div", { className: "d-flex mb-2 title-border" },
React.createElement("div", { tabIndex: 0, "aria-label": "Chart 3", className: "poppins-bold font-14" }, "Chart 5")),
React.createElement("div", null, "Actions")),
React.createElement("div", { className: 'min-h-200 d-flex align-items-center justify-content-around' },
React.createElement("div", { className: 'subtitle-color2 montserratregular', tabIndex: 0, "aria-label": rhybusconfig_1.NORESULT }, rhybusconfig_1.NORESULT))))),
React.createElement("div", { className: "col-sm-12 col-md-6 col-xxl-3 d-flex align-items-stretch" },
React.createElement("div", { className: "shadow card w-100" },
React.createElement("div", { className: "d-flex flex-column card-body h-100" },
React.createElement("div", { className: "d-flex justify-content-between align-items-center" },
React.createElement("div", { className: "d-flex mb-2 title-border" },
React.createElement("div", { tabIndex: 0, "aria-label": "Chart 4", className: "poppins-bold font-14" }, "Chart 6")),
React.createElement("div", null, "Actions")),
React.createElement("div", { className: 'min-h-200 d-flex align-items-center justify-content-around' },
React.createElement("div", { className: 'subtitle-color2 montserratregular', tabIndex: 0, "aria-label": rhybusconfig_1.NORESULT }, rhybusconfig_1.NORESULT))))),
React.createElement("div", { className: "col-sm-12 col-md-6 d-flex align-items-stretch" },
React.createElement("div", { className: "shadow card w-100" },
React.createElement("div", { className: "d-flex flex-column card-body h-100" },
React.createElement("div", { className: "d-flex justify-content-between align-items-center" },
React.createElement("div", { className: "d-flex mb-2 title-border" },
React.createElement("div", { tabIndex: 0, "aria-label": "Chart 5", className: "poppins-bold font-14" }, "Chart 7")),
React.createElement("div", null, "Actions")),
React.createElement("div", { className: 'min-h-200 d-flex align-items-center justify-content-around' },
React.createElement("div", { className: 'subtitle-color2 montserratregular', tabIndex: 0, "aria-label": rhybusconfig_1.NORESULT }, rhybusconfig_1.NORESULT))))),
React.createElement("div", { className: "col-sm-12 col-md-6 col-xxl-3 d-flex align-items-stretch" },
React.createElement("div", { className: "shadow card w-100" },
React.createElement("div", { className: "d-flex flex-column card-body h-100" },
React.createElement("div", { className: "d-flex justify-content-between align-items-center" },
React.createElement("div", { className: "d-flex mb-2 title-border" },
React.createElement("div", { tabIndex: 0, "aria-label": "Chart 6", className: "poppins-bold font-14" }, "Chart 8")),
React.createElement("div", null, "View More Button")),
React.createElement("div", { className: 'min-h-200 d-flex align-items-center justify-content-around' },
React.createElement("div", { className: 'subtitle-color2 montserratregular', tabIndex: 0, "aria-label": rhybusconfig_1.NORESULT }, rhybusconfig_1.NORESULT))))),
React.createElement("div", { className: "col-sm-12 col-md-6 col-xxl-3 d-flex align-items-stretch" },
React.createElement("div", { className: "shadow card w-100" },
React.createElement("div", { className: "d-flex flex-column card-body h-100" },
React.createElement(quick_links_1.default, null)))),
React.createElement("div", { className: "col-sm-12 col-md-6 d-flex align-items-stretch" },
React.createElement("div", { className: "shadow card w-100 ka-qa" },
React.createElement(knowledge_articles_1.default, null))),
React.createElement("div", { className: "col-sm-12 col-md-6 col-xxl-3 d-flex align-items-stretch" },
React.createElement("div", { className: "shadow card w-100" },
React.createElement(pmg_1.default, null))),
React.createElement("div", { className: "col-sm-12 col-md-6 col-xxl-3 d-flex align-items-stretch" },
React.createElement("div", { className: "shadow card w-100" },
React.createElement(calendar_tabs_1.default, null))),
React.createElement("div", { className: "col-sm-12 col-md-6 d-flex align-items-stretch" },
React.createElement("div", { className: "shadow card w-100" },
React.createElement(announcements_1.default, null))),
React.createElement("div", { className: "col-sm-12 col-md-6 col-xxl-3 d-flex align-items-stretch" },
React.createElement("div", { className: "shadow card w-100" },
React.createElement(points_of_contacts_1.default, null)))))));
}
exports.default = Home;
//# sourceMappingURL=home.js.map