{"version":3,"sources":["webpack://appvity-website/./src/pages/adminportal.js"],"names":["data","customSettingsCrucialAP","dots","speed","infinite","slidesToShow","slidesToScroll","responsive","breakpoint","settings","introduction","allMarkdownRemark","nodes","covering_crucial_aspects_ms_teams","system_alerts_back_end","gathering_information_quick_glance","crucial_to_be_covered_manage","tools_system_maintenance","crucial_to_be_covered_report","features_manage_workflow","crucial_to_be_covered_etask","crucial_to_be_covered_ehelpdesk","features_system_notification","title","description","meta","name","content","pathname","className","data-sal","data-sal-duration","data-sal-delay","data-sal-easing","xs","md","lg","map","res","dangerouslySetInnerHTML","__html","html","key","id","src","alt","xl","onClick","document","querySelector","classList","toggle","remove","defaultActiveKey","eventKey","frontmatter"],"mappings":"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","file":"component---src-pages-adminportal-js-d076c9eb0bb051a8c3e8.js","sourcesContent":["import React from \"react\";\nimport { graphql } from \"gatsby\";\nimport { Container, Row, Col, Tab, Tabs } from \"react-bootstrap\";\nimport Layout from \"../components/Layout\";\nimport Slider from \"react-slick\";\nimport SEO from \"../components/SEO\";\n\nconst AdminPortal = ({ data }) => {\n\n    var customSettingsCrucialAP = {\n        dots: false,\n        speed: 500,\n        infinite: false,\n        slidesToShow: 4,\n        slidesToScroll: 4,\n        responsive: [\n            {\n                breakpoint: 1367,\n                settings: {\n                    slidesToShow: 3,\n                    slidesToScroll: 3\n                }\n            },\n            {\n                breakpoint: 1279,\n                settings: {\n                    slidesToShow: 2,\n                    slidesToScroll: 2\n                }\n            },\n            {\n                breakpoint: 1025,\n                settings: {\n                    slidesToShow: 2,\n                    slidesToScroll: 2\n                }\n            },\n            {\n                breakpoint: 767,\n                settings: {\n                    slidesToShow: 1,\n                    slidesToScroll: 1\n                }\n            },\n            {\n                breakpoint: 600,\n                settings: {\n                    slidesToShow: 1,\n                    slidesToScroll: 1\n                }\n            },\n            {\n                breakpoint: 480,\n                settings: {\n                    slidesToShow: 1,\n                    slidesToScroll: 1\n                }\n            }\n        ]\n    };\n\n    function increaseImageWidthCoveringCrucialAspectsMSTeams() {\n        document.querySelector('.app-section-admin-portal-manage-eproducts-capture .covering-crucial-aspects-ms-teams .covering-crucial-aspects-ms-teams-left').classList.toggle('covering-crucial-aspects-ms-teams-left-active');\n        document.querySelector('.app-section-admin-portal-manage-eproducts-capture .covering-crucial-aspects-ms-teams .covering-crucial-aspects-ms-teams-right').classList.toggle('covering-crucial-aspects-ms-teams-right-active');\n\n        document.querySelector('.app-section-admin-portal-manage-eproducts-capture .system-alerts-back-end .system-alerts-back-end-left').classList.remove('system-alerts-back-end-left-active');\n        document.querySelector('.app-section-admin-portal-manage-eproducts-capture .system-alerts-back-end .system-alerts-back-end-right').classList.remove('system-alerts-back-end-right-active');\n        document.querySelector('.app-section-admin-portal-manage-eproducts-capture .gathering-information-quick-glance .gathering-information-quick-glance-left').classList.remove('gathering-information-quick-glance-left-active');\n        document.querySelector('.app-section-admin-portal-manage-eproducts-capture .gathering-information-quick-glance .gathering-information-quick-glance-right').classList.remove('gathering-information-quick-glance-right-active');\n        document.querySelector('.app-section-admin-portal-manage-eproducts-capture .tools-system-maintenance .tools-system-maintenance-left').classList.remove('tools-system-maintenance-left-active');\n        document.querySelector('.app-section-admin-portal-manage-eproducts-capture .tools-system-maintenance .tools-system-maintenance-right').classList.remove('tools-system-maintenance-right-active');\n    }\n\n    function increaseImageWidthSystemAlertsBE() {\n        document.querySelector('.app-section-admin-portal-manage-eproducts-capture .system-alerts-back-end .system-alerts-back-end-left').classList.toggle('system-alerts-back-end-left-active');\n        document.querySelector('.app-section-admin-portal-manage-eproducts-capture .system-alerts-back-end .system-alerts-back-end-right').classList.toggle('system-alerts-back-end-right-active');\n\n        document.querySelector('.app-section-admin-portal-manage-eproducts-capture .covering-crucial-aspects-ms-teams .covering-crucial-aspects-ms-teams-left').classList.remove('covering-crucial-aspects-ms-teams-left-active');\n        document.querySelector('.app-section-admin-portal-manage-eproducts-capture .covering-crucial-aspects-ms-teams .covering-crucial-aspects-ms-teams-right').classList.remove('covering-crucial-aspects-ms-teams-right-active');\n        document.querySelector('.app-section-admin-portal-manage-eproducts-capture .gathering-information-quick-glance .gathering-information-quick-glance-left').classList.remove('gathering-information-quick-glance-left-active');\n        document.querySelector('.app-section-admin-portal-manage-eproducts-capture .gathering-information-quick-glance .gathering-information-quick-glance-right').classList.remove('gathering-information-quick-glance-right-active');\n        document.querySelector('.app-section-admin-portal-manage-eproducts-capture .tools-system-maintenance .tools-system-maintenance-left').classList.remove('tools-system-maintenance-left-active');\n        document.querySelector('.app-section-admin-portal-manage-eproducts-capture .tools-system-maintenance .tools-system-maintenance-right').classList.remove('tools-system-maintenance-right-active');\n    }\n\n    function increaseImageWidthGatheringInformationQuickGlance() {\n        document.querySelector('.app-section-admin-portal-manage-eproducts-capture .gathering-information-quick-glance .gathering-information-quick-glance-left').classList.toggle('gathering-information-quick-glance-left-active');\n        document.querySelector('.app-section-admin-portal-manage-eproducts-capture .gathering-information-quick-glance .gathering-information-quick-glance-right').classList.toggle('gathering-information-quick-glance-right-active');\n\n        document.querySelector('.app-section-admin-portal-manage-eproducts-capture .covering-crucial-aspects-ms-teams .covering-crucial-aspects-ms-teams-left').classList.remove('covering-crucial-aspects-ms-teams-left-active');\n        document.querySelector('.app-section-admin-portal-manage-eproducts-capture .covering-crucial-aspects-ms-teams .covering-crucial-aspects-ms-teams-right').classList.remove('covering-crucial-aspects-ms-teams-right-active');\n        document.querySelector('.app-section-admin-portal-manage-eproducts-capture .system-alerts-back-end .system-alerts-back-end-left').classList.remove('system-alerts-back-end-left-active');\n        document.querySelector('.app-section-admin-portal-manage-eproducts-capture .system-alerts-back-end .system-alerts-back-end-right').classList.remove('system-alerts-back-end-right-active');\n        document.querySelector('.app-section-admin-portal-manage-eproducts-capture .tools-system-maintenance .tools-system-maintenance-left').classList.remove('tools-system-maintenance-left-active');\n        document.querySelector('.app-section-admin-portal-manage-eproducts-capture .tools-system-maintenance .tools-system-maintenance-right').classList.remove('tools-system-maintenance-right-active');\n    }\n\n    function increaseImageWidthToolsSystemMaintenance() {\n        document.querySelector('.app-section-admin-portal-manage-eproducts-capture .tools-system-maintenance .tools-system-maintenance-left').classList.toggle('tools-system-maintenance-left-active');\n        document.querySelector('.app-section-admin-portal-manage-eproducts-capture .tools-system-maintenance .tools-system-maintenance-right').classList.toggle('tools-system-maintenance-right-active');\n\n        document.querySelector('.app-section-admin-portal-manage-eproducts-capture .covering-crucial-aspects-ms-teams .covering-crucial-aspects-ms-teams-left').classList.remove('covering-crucial-aspects-ms-teams-left-active');\n        document.querySelector('.app-section-admin-portal-manage-eproducts-capture .covering-crucial-aspects-ms-teams .covering-crucial-aspects-ms-teams-right').classList.remove('covering-crucial-aspects-ms-teams-right-active');\n        document.querySelector('.app-section-admin-portal-manage-eproducts-capture .system-alerts-back-end .system-alerts-back-end-left').classList.remove('system-alerts-back-end-left-active');\n        document.querySelector('.app-section-admin-portal-manage-eproducts-capture .system-alerts-back-end .system-alerts-back-end-right').classList.remove('system-alerts-back-end-right-active');\n        document.querySelector('.app-section-admin-portal-manage-eproducts-capture .gathering-information-quick-glance .gathering-information-quick-glance-left').classList.remove('gathering-information-quick-glance-left-active');\n        document.querySelector('.app-section-admin-portal-manage-eproducts-capture .gathering-information-quick-glance .gathering-information-quick-glance-right').classList.remove('gathering-information-quick-glance-right-active');\n    }\n\n    const introduction = data.allMarkdownRemark.nodes;\n    const covering_crucial_aspects_ms_teams = data.covering_crucial_aspects_ms_teams.nodes;\n    const system_alerts_back_end = data.system_alerts_back_end.nodes;\n    const gathering_information_quick_glance = data.gathering_information_quick_glance.nodes;\n    const tools_system_maintenance = data.tools_system_maintenance.nodes;\n    const crucial_to_be_covered_manage = data.crucial_to_be_covered_manage.nodes;\n    const crucial_to_be_covered_report = data.crucial_to_be_covered_report.nodes;\n    const crucial_to_be_covered_etask = data.crucial_to_be_covered_etask.nodes;\n    const crucial_to_be_covered_ehelpdesk = data.crucial_to_be_covered_ehelpdesk.nodes;\n    const features_manage_workflow = data.features_manage_workflow.nodes;\n    const features_system_notification = data.features_system_notification.nodes;\n\n    return (\n        <Layout>\n            <SEO title=\"eAdmin Portal\" description=\"Manage eProducts for IT admin, maintain the system performance to improve stability. Manage projects, files in Teams, generate reports, and permission in eProducts. \" meta={[{ name: `keywords`, content: [\"admin tool\", \"eProducts management\", \"eProducts system maintaince\"] }]} pathname=\"/adminportal\" />\n            <div className=\"main-content-padding\">\n                <div className=\"app-general-seciton app-admin-portal-introduction\" data-sal=\"fade\" data-sal-duration=\"1000\" data-sal-delay=\"100\" data-sal-easing=\"ease\">\n                    <Container>\n                        <div className=\"app-admin-portal-introduction-detail\">\n                            <Row className=\"app-admin-portal-introduction-row-custom\">\n                                <Col className=\"app-admin-portal-introduction-col-custom\" xs={12} md={12} lg={5}>\n                                    <div className=\"app-admin-portal-introduction-left\">\n                                        {introduction.map((res) => (\n                                            <div dangerouslySetInnerHTML={{ __html: res.html }} key={res.id}/>\n                                        ))}\n                                    </div>\n                                </Col>\n                                <Col xs={12} md={12} lg={1}></Col>\n                                <Col className=\"app-admin-portal-introduction-col-custom\" xs={12} md={12} lg={6}>\n                                    <div className=\"app-admin-portal-introduction-right\">\n                                        <img className=\"app-admin-portal-introduction-img\" src=\"/app-admin-portal-introduction.png\" alt=\"admin portal introduction\" />\n                                    </div>\n                                </Col>\n                            </Row>\n                        </div>\n                    </Container>\n                </div>\n                <div className=\"app-general-seciton app-section-admin-portal-manage-eproducts-capture\" data-sal=\"fade\" data-sal-duration=\"1000\" data-sal-delay=\"100\" data-sal-easing=\"ease\">\n                    <Container>\n                        <Row>\n                            <Col xs={12} md={12} lg={2}></Col>\n                            <Col xs={12} md={12} lg={8}>\n                                <div className=\"app-title\">\n                                    <h2>Manage Appvity eProducts in a single view for quickly capture</h2>\n                                </div>\n                            </Col>\n                            <Col xs={12} md={12} lg={2}></Col>\n                        </Row>\n                        <div className=\"app-admin-portal-manage-eproducts-capture-detail\">\n                            <Row className=\"app-admin-portal-manage-eproducts-capture-detail-row-custom covering-crucial-aspects-ms-teams\">\n                                <Col xs={12} md={12} lg={12} xl={1}></Col>\n                                <Col className=\"app-admin-portal-manage-eproducts-capture-detail-col-custom covering-crucial-aspects-ms-teams-left\" xs={12} md={12} lg={12} xl={5}>\n                                    {covering_crucial_aspects_ms_teams.map((res) => (\n                                        <div className=\"app-manage-eproducts-capture-left-side\" dangerouslySetInnerHTML={{ __html: res.html }} key={res.id}/>\n                                    ))}\n                                </Col>\n                                <Col className=\"app-admin-portal-manage-eproducts-capture-detail-col-custom covering-crucial-aspects-ms-teams-right\" xs={12} md={12} lg={12} xl={5}>\n                                    <div className=\"app-manage-eproducts-capture-right-side\">\n                                        <img \n                                            className=\"app-admin-portal-manage-eproducts-capture-covering-crucial-aspects-ms-teams\" \n                                            src=\"/app-admin-portal-manage-eproducts-capture-covering-crucial-aspects-ms-teams.svg\" \n                                            alt=\"app admin portal manage eproducts capture covering crucial aspects ms teams\" \n                                            onClick={increaseImageWidthCoveringCrucialAspectsMSTeams} \n                                        />\n                                    </div>\n                                </Col>\n                                <Col xs={12} md={12} lg={12} xl={1}></Col>\n                            </Row>\n                            <Row className=\"app-admin-portal-manage-eproducts-capture-detail-row-custom system-alerts-back-end\">\n                                <Col xs={12} md={12} lg={12} xl={1}></Col>\n                                <Col className=\"app-admin-portal-manage-eproducts-capture-detail-col-custom system-alerts-back-end-left\" xs={12} md={12} lg={12} xl={5}>\n                                    <div className=\"app-manage-eproducts-capture-left-side\">\n                                        <img \n                                            className=\"app-admin-portal-manage-eproducts-capture-system-alerts-back-end\" \n                                            src=\"/app-admin-portal-manage-eproducts-capture-system-alerts-back-end.svg\" \n                                            alt=\"app admin portal manage eproducts capture system alerts back end\" \n                                            onClick={increaseImageWidthSystemAlertsBE} \n                                        />\n                                    </div>\n                                </Col>\n                                <Col className=\"app-admin-portal-manage-eproducts-capture-detail-col-custom system-alerts-back-end-right\" xs={12} md={12} lg={12} xl={5}>\n                                    {system_alerts_back_end.map((res) => (\n                                        <div className=\"app-manage-eproducts-capture-right-side\" dangerouslySetInnerHTML={{ __html: res.html }} key={res.id}/>\n                                    ))}\n                                </Col>\n                                <Col xs={12} md={12} lg={12} xl={1}></Col>\n                            </Row>\n                            <Row className=\"app-admin-portal-manage-eproducts-capture-detail-row-custom gathering-information-quick-glance\">\n                                <Col xs={12} md={12} lg={12} xl={1}></Col>\n                                <Col className=\"app-admin-portal-manage-eproducts-capture-detail-col-custom gathering-information-quick-glance-left\" xs={12} md={12} lg={12} xl={5}>\n                                    {gathering_information_quick_glance.map((res) => (\n                                        <div className=\"app-manage-eproducts-capture-left-side\" dangerouslySetInnerHTML={{ __html: res.html }} key={res.id}/>\n                                    ))}\n                                </Col>\n                                <Col className=\"app-admin-portal-manage-eproducts-capture-detail-col-custom gathering-information-quick-glance-right\" xs={12} md={12} lg={12} xl={5}>\n                                    <div className=\"app-manage-eproducts-capture-right-side\">\n                                        <img \n                                            className=\"app-admin-portal-manage-eproducts-capture-gathering-information-quick-glance\" \n                                            src=\"/app-admin-portal-manage-eproducts-capture-gathering-information-quick-glance.svg\" \n                                            alt=\"app admin portal manage eproducts capture gathering information quick glance\" \n                                            onClick={increaseImageWidthGatheringInformationQuickGlance} \n                                        />\n                                    </div>\n                                </Col>\n                                <Col xs={12} md={12} lg={12} xl={1}></Col>\n                            </Row>\n                            {/* <Row className=\"app-admin-portal-manage-eproducts-capture-detail-row-custom tools-system-maintenance\">\n                                <Col xs={12} md={12} lg={12} xl={1}></Col>\n                                <Col className=\"app-admin-portal-manage-eproducts-capture-detail-col-custom tools-system-maintenance-left\" xs={12} md={12} lg={12} xl={5}>\n                                    <div className=\"app-manage-eproducts-capture-left-side\">\n                                        <img \n                                            className=\"app-admin-portal-manage-eproducts-capture-tools-system-maintenance\" \n                                            src=\"/app-admin-portal-manage-eproducts-capture-tools-system-maintenance.svg\" \n                                            alt=\"app admin portal manage-eproducts-capture tools system maintenance\" \n                                            onClick={increaseImageWidthToolsSystemMaintenance} \n                                        />\n                                    </div>\n                                </Col>\n                                <Col className=\"app-admin-portal-manage-eproducts-capture-detail-col-custom tools-system-maintenance-right\" xs={12} md={12} lg={12} xl={5}>\n                                    {tools_system_maintenance.map((res) => (\n                                        <div className=\"app-manage-eproducts-capture-right-side\" dangerouslySetInnerHTML={{ __html: res.html }} key={res.id}/>\n                                    ))}\n                                </Col>\n                                <Col xs={12} md={12} lg={12} xl={1}></Col>\n                            </Row> */}\n                        </div>\n                    </Container>\n                </div>\n                <div className=\"app-general-seciton app-section-admin-portal-crucial-to-be-covered\" data-sal=\"fade\" data-sal-duration=\"1000\" data-sal-delay=\"100\" data-sal-easing=\"ease\">\n                    <Container>\n                        <Row>\n                            <Col xs={12} md={12} lg={2}></Col>\n                            <Col xs={12} md={12} lg={8}>\n                                <div className=\"app-title\">\n                                    <h2>Crucial sections to be covered in eAdmin Portal</h2>\n                                </div>\n                            </Col>\n                            <Col xs={12} md={12} lg={2}></Col>\n                        </Row>\n                        <div className=\"app-admin-portal-crucial-to-be-covered-detail\">\n                            <div className=\"app-admin-portal-crucial-tabs\">\n                                <Tabs defaultActiveKey=\"Manage\">\n                                    <Tab eventKey=\"Manage\" title=\"Manage\">\n                                        <Slider {...customSettingsCrucialAP}>\n                                            {crucial_to_be_covered_manage.map((res) => (\n                                                <div className=\"app-crucial-slider\" key={res.id}>\n                                                    <div dangerouslySetInnerHTML={{ __html: res.html }} />\n                                                    <div className=\"content\">\n                                                        <h5>{res.frontmatter.title}</h5>\n                                                        <h6>{res.frontmatter.description}</h6>\n                                                    </div>\n                                                </div>\n                                            ))}\n                                        </Slider>\n                                    </Tab>\n                                    <Tab eventKey=\"report\" title=\"Report\">\n                                        <Slider {...customSettingsCrucialAP}>\n                                            {crucial_to_be_covered_report.map((res) => (\n                                                <div className=\"app-crucial-slider\" key={res.id}>\n                                                    <div dangerouslySetInnerHTML={{ __html: res.html }} />\n                                                    <div className=\"content\">\n                                                        <h5>{res.frontmatter.title}</h5>\n                                                        <h6>{res.frontmatter.description}</h6>\n                                                    </div>\n                                                </div>\n                                            ))}\n                                        </Slider>\n                                    </Tab>\n                                    {/* <Tab eventKey=\"etask\" title=\"eTask\">\n                                        <Slider {...customSettingsCrucialAP}>\n                                            {crucial_to_be_covered_etask.map((res) => (\n                                                <div className=\"app-crucial-slider\" key={res.id}>\n                                                    <div dangerouslySetInnerHTML={{ __html: res.html }} />\n                                                    <div className=\"content\">\n                                                        <h5>{res.frontmatter.title}</h5>\n                                                        <h6>{res.frontmatter.description}</h6>\n                                                    </div>\n                                                </div>\n                                            ))}\n                                        </Slider>\n                                    </Tab>\n                                    <Tab eventKey=\"ehelpdesk\" title=\"eHelpdesk\">\n                                        <Slider {...customSettingsCrucialAP}>\n                                            {crucial_to_be_covered_ehelpdesk.map((res) => (\n                                                <div className=\"app-crucial-slider\" key={res.id}>\n                                                    <div dangerouslySetInnerHTML={{ __html: res.html }} />\n                                                    <div className=\"content\">\n                                                        <h5>{res.frontmatter.title}</h5>\n                                                        <h6>{res.frontmatter.description}</h6>\n                                                    </div>\n                                                </div>\n                                            ))}\n                                        </Slider>\n                                    </Tab> */}\n                                </Tabs>\n                            </div>\n                        </div>\n                    </Container>\n                </div>\n                <div className=\"app-general-seciton app-section-admin-portal-manage-workflow-system-notification\" data-sal=\"fade\" data-sal-duration=\"1000\" data-sal-delay=\"100\" data-sal-easing=\"ease\">\n                    <Container>\n                        <div className=\"app-admin-portal-manage-workflow-system-notification-detail\">\n                            <Row>\n                                {features_manage_workflow.map((res) => (\n                                    <Col className=\"app-admin-portal-manage-workflow-system-notification-detail-col-custom\" xs={12} md={12} lg={6} key={res.id}>\n                                        <div className=\"app-admin-portal-manage-workflow-detail\">\n                                            <h2>{res.frontmatter.title}</h2>\n                                            <div dangerouslySetInnerHTML={{ __html: res.html }} />\n                                        </div>\n                                    </Col>\n                                ))}\n                                {features_system_notification.map((res) => (\n                                    <Col className=\"app-admin-portal-manage-workflow-system-notification-detail-col-custom\" xs={12} md={12} lg={6} key={res.id}>\n                                        <div className=\"app-admin-portal-system-notification-detail\">\n                                            <h2>{res.frontmatter.title}</h2>\n                                            <div dangerouslySetInnerHTML={{ __html: res.html }} />\n                                        </div>\n                                    </Col>\n                                ))}\n                            </Row>\n                        </div>\n                    </Container>\n                </div>\n            </div>\n        </Layout>\n    );\n};\n\nexport default AdminPortal;\n\nexport const query = graphql`\n    query AdminPortalPage {\n        allMarkdownRemark(\n            filter: { frontmatter: { directory: { eq: \"admin_portal_introduction\" } } }\n        ) {\n            nodes {\n                html\n                id\n            }\n        }\n        covering_crucial_aspects_ms_teams: allMarkdownRemark(\n            filter: { frontmatter: { directory: { eq: \"admin_portal_covering_crucial_aspects_ms_teams\" } } }\n        ) {\n            nodes {\n                html\n                id\n            }\n        }\n        system_alerts_back_end: allMarkdownRemark(\n            filter: { frontmatter: { directory: { eq: \"admin_portal_system_alerts_back_end\" } } }\n        ) {\n            nodes {\n                html\n                id\n            }\n        }\n        gathering_information_quick_glance: allMarkdownRemark(\n            filter: { frontmatter: { directory: { eq: \"admin_portal_gathering_information_quick_glance\" } } }\n        ) {\n            nodes {\n                html\n                id\n            }\n        }\n        tools_system_maintenance: allMarkdownRemark(\n            filter: { frontmatter: { directory: { eq: \"admin_portal_tools_system_maintenance\" } } }\n        ) {\n            nodes {\n                html\n                id\n            }\n        }\n        crucial_to_be_covered_manage: allMarkdownRemark(\n            filter: { frontmatter: { directory: { eq: \"admin_portal_crucial_to_be_covered_manage\" } } }\n        ) {\n            nodes {\n                html\n                frontmatter {\n                    title\n                    description\n                }\n                id\n            }\n        }\n        crucial_to_be_covered_report: allMarkdownRemark(\n            filter: { frontmatter: { directory: { eq: \"admin_portal_crucial_to_be_covered_report\" } } }\n        ) {\n            nodes {\n                html\n                frontmatter {\n                    title\n                    description\n                }\n                id\n            }\n        }\n        crucial_to_be_covered_etask: allMarkdownRemark(\n            filter: { frontmatter: { directory: { eq: \"admin_portal_crucial_to_be_covered_etask\" } } }\n        ) {\n            nodes {\n                html\n                frontmatter {\n                    title\n                    description\n                }\n                id\n            }\n        }\n        crucial_to_be_covered_ehelpdesk: allMarkdownRemark(\n            filter: { frontmatter: { directory: { eq: \"admin_portal_crucial_to_be_covered_ehelpdesk\" } } }\n        ) {\n            nodes {\n                html\n                frontmatter {\n                    title\n                    description\n                }\n                id\n            }\n        }\n        features_manage_workflow: allMarkdownRemark(\n            filter: { frontmatter: { directory: { eq: \"admin_portal_features_manage_workflow\" } } }\n        ) {\n            nodes {\n                html\n                frontmatter {\n                    title\n                }\n                id\n            }\n        }\n        features_system_notification: allMarkdownRemark(\n            filter: { frontmatter: { directory: { eq: \"admin_portal_features_system_notification\" } } }\n        ) {\n            nodes {\n                html\n                frontmatter {\n                    title\n                }\n                id\n            }\n        }\n    }\n`;\n\n"],"sourceRoot":""}