\r\n {/*
\r\n {/* \r\n
*/}\r\n {/* \r\n
*/}\r\n{/* \r\n \r\n
\r\n \r\n
*/}\r\n\r\n {/* \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
*/}\r\n \r\n
*/}\r\n \r\n );\r\n}\r\n","import React from \"react\";\r\n\r\nexport function Demo2Dashboard() {\r\n return <>;\r\n}\r\n","import React from \"react\";\r\n\r\nexport function Demo3Dashboard() {\r\n return <>;\r\n}\r\n","import React from \"react\";\r\n\r\nexport function Demo4Dashboard() {\r\n return <>;\r\n}\r\n","import React from \"react\";\r\n\r\nexport function Demo5Dashboard() {\r\n return <>;\r\n}\r\n","import React from \"react\";\r\n\r\nexport function Demo6Dashboard() {\r\n return <>;\r\n}\r\n","import React from \"react\";\r\n\r\nexport function Demo7Dashboard() {\r\n return <>;\r\n}\r\n","import React, {useMemo} from \"react\";\r\nimport objectPath from \"object-path\";\r\nimport {useHtmlClassService} from \"../../layout\";\r\nimport {Demo1Dashboard} from \"./Demo1Dashboard\";\r\nimport {Demo2Dashboard} from \"./Demo2Dashboard\";\r\nimport {Demo3Dashboard} from \"./Demo3Dashboard\";\r\nimport {Demo4Dashboard} from \"./Demo4Dashboard\";\r\nimport {Demo5Dashboard} from \"./Demo5Dashboard\";\r\nimport {Demo6Dashboard} from \"./Demo6Dashboard\";\r\nimport {Demo7Dashboard} from \"./Demo7Dashboard\";\r\n\r\nexport function Dashboard() {\r\n const uiService = useHtmlClassService();\r\n const layoutProps = useMemo(() => {\r\n return {\r\n demo: objectPath.get(\r\n uiService.config,\r\n \"demo\"\r\n )};\r\n }, [uiService]);\r\n return <>\r\n {layoutProps.demo === 'demo1' && \r\n
\r\n \r\n
\r\n \r\n
\r\n );\r\n}\r\n\r\nexport default BaseFile;\r\n","import React, { useState, useEffect } from \"react\";\r\nimport { Image, Container, Card, Button } from \"react-bootstrap\";\r\nimport Accordion from \"react-bootstrap/Accordion\";\r\nimport { Tab, Nav, Col, Row } from \"react-bootstrap\";\r\nimport { ListGroup } from \"react-bootstrap\";\r\nimport axios from \"axios\";\r\n//import { ListGroup, Form } from \"react-bootstrap\";\r\n\r\nexport function Profile({ history, props, cellContent, row, rowIndex, match }) {\r\n const ScholarUrl = `${process.env.REACT_APP_API_URL}/api/scholar/profile`;\r\n const [profile, setProfile] = useState([]);\r\n useEffect(() => {\r\n const getScholar = async () => {\r\n const response = await axios.get(ScholarUrl);\r\n setProfile(response.data);\r\n };\r\n getScholar();\r\n }, [setProfile, ScholarUrl]);\r\n //const ScholarId = profile.scholarId;\r\n const ScholarId = profile.scholarId===undefined?0:profile.scholarId;\r\n \r\n\r\n //const schvisitUrl = `${process.env.REACT_APP_API_URL}/api/schvisit`;\r\n const SchThesisUrl = `${process.env.REACT_APP_API_URL}/api/SchThesis/GetSchThesisBySchId?id=${ScholarId}`;\r\n //const SchPatentUrl = `${process.env.REACT_APP_API_URL}/api/SchPatent`;\r\n let SchJobInfoUrl = `${process.env.REACT_APP_API_URL}/api/SchJobInfo/GetSchJobInfoBySchId?id=${ScholarId}`;\r\n //const SchFeeInfoUrl = `${process.env.REACT_APP_API_URL}/api/SchFeeInfo`;\r\n const SchAddressUrl = `${process.env.REACT_APP_API_URL}/api/SchAddress/GetSchAddressBySchId?id=${ScholarId}`;\r\n\r\n const SchDocumentUrl = `${process.env.REACT_APP_API_URL}/api/SchDocument/GetSchDocumentBySchId?id=${ScholarId}`;\r\n const SchSynopsysUrl = `${process.env.REACT_APP_API_URL}/api/SchSynopsys/GetSchSynopsysBySchId?id=${ScholarId}`;\r\n //const SchPrintDocUrl = `${process.env.REACT_APP_API_URL}/api/SchPrintDoc`;\r\n const SchEducationUrl = `${process.env.REACT_APP_API_URL}/api/SchEducation/GetSchEducationBySchId?id=${ScholarId}`;\r\n const SchInterviewUrl = `${process.env.REACT_APP_API_URL}/api/SchInterview/GetSchInterviewBySchId?id=${ScholarId}`;\r\n const SchConferenceUrl = `${process.env.REACT_APP_API_URL}/api/SchConference/GetSchConferenceBySchId?id=${ScholarId}`;\r\n const SchPayReceiptUrl = `${process.env.REACT_APP_API_URL}/api/SchPayReceipt/GetSchPayReceiptBySchId?id=${ScholarId}`;\r\n const SchPublicationUrl = `${process.env.REACT_APP_API_URL}/api/SchPublication/GetSchPublicationBySchId?id=${ScholarId}`;\r\n //const SchPrintTemplateUrl = `${process.env.REACT_APP_API_URL}/api/SchPrintTemplate`;\r\n const SchCourseWorkMarkUrl = `${process.env.REACT_APP_API_URL}/api/SchCourseWorkInfo/GetSchCourseWorkInfoBySchId?id=${ScholarId}`;\r\n //const SchCourseWorkInfoUrl = `${process.env.REACT_APP_API_URL}/api/SchCourseWorkInfo`;\r\n //const SchThesisEvaluatorUrl = `${process.env.REACT_APP_API_URL}/api/SchThesisEvaluator`;\r\n\r\n const [document, setDocument] = useState([]);\r\n const [address, setAddress] = useState([]);\r\n const [interview, setInterview] = useState([]);\r\n const [thesis, setThesis] = useState([]);\r\n const [education, setEducation] = useState([]);\r\n const [courseWorkMark, setCourseWorkMark] = useState([]);\r\n const [synopsys, setSynopsys] = useState([]);\r\n const [jobInfo, setJobInfo] = useState([]);\r\n const [publication, setPublication] = useState([]);\r\n const [conference, setConference] = useState([]);\r\n const [payReceipt, setPayReceipt] = useState([]);\r\n\r\n useEffect(() => {\r\n const getDocument = async () => {\r\n const response = await axios.get(SchDocumentUrl);\r\n setDocument(response.data);\r\n };\r\n getDocument();\r\n const getThesis = async () => {\r\n const response = await axios.get(SchThesisUrl);\r\n setThesis(response.data);\r\n };\r\n getThesis();\r\n\r\n const getCourseWorkMark = async () => {\r\n const response = await axios.get(SchCourseWorkMarkUrl);\r\n setCourseWorkMark(response.data);\r\n };\r\n getCourseWorkMark();\r\n\r\n const getEducation = async () => {\r\n const response = await axios.get(SchEducationUrl);\r\n setEducation(response.data);\r\n };\r\n getEducation();\r\n\r\n const getSynopsys = async () => {\r\n const response = await axios.get(SchSynopsysUrl);\r\n setSynopsys(response.data);\r\n };\r\n getSynopsys();\r\n\r\n const getJobInfo = async () => {\r\n const response = await axios.get(SchJobInfoUrl);\r\n setJobInfo(response.data);\r\n };\r\n getJobInfo();\r\n\r\n const getPublication = async () => {\r\n const response = await axios.get(SchPublicationUrl);\r\n setPublication(response.data);\r\n };\r\n getPublication();\r\n\r\n const getConference = async () => {\r\n const response = await axios.get(SchConferenceUrl);\r\n setConference(response.data);\r\n };\r\n getConference();\r\n\r\n const getPayReceipt = async () => {\r\n const response = await axios.get(SchPayReceiptUrl);\r\n setPayReceipt(response.data);\r\n };\r\n getPayReceipt();\r\n\r\n const getInterview = async () => {\r\n const response = await axios.get(SchInterviewUrl);\r\n setInterview(response.data);\r\n };\r\n getInterview();\r\n const getAddress = async () => {\r\n const response = await axios.get(SchAddressUrl);\r\n setAddress(response.data);\r\n };\r\n getAddress();\r\n }, [\r\n SchAddressUrl,\r\n SchInterviewUrl,\r\n SchPayReceiptUrl,\r\n SchConferenceUrl,\r\n SchPublicationUrl,\r\n SchJobInfoUrl,\r\n SchSynopsysUrl,\r\n SchEducationUrl,\r\n SchCourseWorkMarkUrl,\r\n SchThesisUrl,\r\n SchDocumentUrl,\r\n setAddress,\r\n ScholarId,\r\n setThesis,\r\n setCourseWorkMark,\r\n setEducation,\r\n setSynopsys,\r\n setJobInfo,\r\n setPublication,\r\n setConference,\r\n setPayReceipt,\r\n setInterview,\r\n setDocument,\r\n ]);\r\n\r\n // Push to Create PAGE\r\n\r\n const backToSchEducationsForm = (id) => {\r\n history.push(`/scholar/scheducations/new/${id}`);\r\n };\r\n const backToSchCourseWorkInfosForm = (id) => {\r\n history.push(`/scholar/schcourseworkinfos/new/${id}`);\r\n };\r\n const backToSchConferencesForm = (id) => {\r\n history.push(`/scholar/schConferences/new/${id}`);\r\n };\r\n const backToSchDocumentsForm = (id) => {\r\n history.push(`/scholar/schdocuments/new/${id}`);\r\n };\r\n\r\n const backToPayReceiptsForm = (id) => {\r\n history.push(`/scholar/schpayreceipts/new/${id}`);\r\n };\r\n const backToJobInfosForm = (id) => {\r\n history.push(`/scholar/schjobinfos/new/${id}`);\r\n };\r\n const backToSchPublicationsForm = (id) => {\r\n history.push(`/scholar/schpublications/new/${id}`);\r\n };\r\n const backToSchSynopsysesForm = (id) => {\r\n history.push(`/scholar/schsynopsyses/new/${id}`);\r\n };\r\n const backToSchThesisesForm = (id) => {\r\n history.push(`/scholar/SchThesises/new/${id}`);\r\n };\r\n\r\n // Push to Edit/Update PAGE\r\n\r\n const openEditSchEducationPage = (schEducationId) => {\r\n history.push(`/scholar/schEducations/${schEducationId}/edit`);\r\n };\r\n const openEditPayReceiptsPage = (schPayReceiptId) => {\r\n history.push(`/scholar/schpayreceipts/${schPayReceiptId}/edit`);\r\n };\r\n\r\n const openEditSchJobInfosPage = (schJobInfoId) => {\r\n history.push(`/scholar/schjobinfos/${schJobInfoId}/edit`);\r\n };\r\n const openEditSchPublicationsPage = (schPublicationId) => {\r\n history.push(`/scholar/schpublications/${schPublicationId}/edit`);\r\n };\r\n const openEditSchSynopsysesPage = (schSynopsysId) => {\r\n history.push(`/scholar/schsynopsyses/${schSynopsysId}/edit`);\r\n };\r\n const openEditSchThesisesPage = (schThesisId) => {\r\n history.push(`/scholar/SchThesises/${schThesisId}/edit`);\r\n };\r\n const openEditSchCourseWorkInfosPage = (schCourseWorkInfoId) => {\r\n history.push(`/scholar/schcourseworkinfos/${schCourseWorkInfoId}/edit`);\r\n };\r\n const openEditSchConferencesPage = (schConferenceId) => {\r\n history.push(`/scholar/schConferences/${schConferenceId}/edit`);\r\n };\r\n const openEditSchDocumentsPage = (id) => {\r\n history.push(`/scholar/schdocuments/${id}/edit`);\r\n };\r\n\r\n const SCH_JOB_INFOS_URL = `${process.env.REACT_APP_API_URL}/api/SchJobInfo`;\r\n const deleteSchJobInfo = (schJobInfoId) => {\r\n axios.delete(`${SCH_JOB_INFOS_URL}/${schJobInfoId}`).then((response) => {\r\n history.push(\"/scholar/profile\");\r\n });\r\n };\r\n\r\n const SCH_EDUCATIONS_URL = `${process.env.REACT_APP_API_URL}/api/SchEducation`;\r\n const deleteSchEducation = (schEducationId) => {\r\n axios.delete(`${SCH_EDUCATIONS_URL}/${schEducationId}`).then((response) => {\r\n history.push(\"/scholar/profile\");\r\n });\r\n };\r\n\r\n const SCH_CONFERENCES_URL = `${process.env.REACT_APP_API_URL}/api/SchConference`;\r\n const deleteSchConference = (schConferenceId) => {\r\n axios\r\n .delete(`${SCH_CONFERENCES_URL}/${schConferenceId}`)\r\n .then((response) => {\r\n history.push(\"/scholar/profile\");\r\n });\r\n };\r\n\r\n const SCH_COURSE_WORK_INFOS_URL = `${process.env.REACT_APP_API_URL}/api/SchCourseWorkInfo`;\r\n const deleteSchCourseWorkInfo = (schCourseWorkInfoId) => {\r\n axios\r\n .delete(`${SCH_COURSE_WORK_INFOS_URL}/${schCourseWorkInfoId}`)\r\n .then((response) => {\r\n history.push(\"/scholar/profile\");\r\n });\r\n };\r\n\r\n const SCH_DOCUMENTS_URL = `${process.env.REACT_APP_API_URL}/api/SchDocument`;\r\n const deleteSchDocument = (schDocumentId) => {\r\n axios.delete(`${SCH_DOCUMENTS_URL}/${schDocumentId}`).then((response) => {\r\n history.push(\"/scholar/profile\");\r\n });\r\n };\r\n\r\n const SCH_PAY_RECIEPTS_URL = `${process.env.REACT_APP_API_URL}/api/SchPayReceipt`;\r\n const deleteSchPayReciept = (schPayReceiptId) => {\r\n axios\r\n .delete(`${SCH_PAY_RECIEPTS_URL}/${schPayReceiptId}`)\r\n .then((response) => {\r\n history.push(\"/scholar/profile\");\r\n });\r\n };\r\n\r\n const SCH_PUBLICATIONS_URL = `${process.env.REACT_APP_API_URL}/api/SchPublication`;\r\n const deleteSchPublication = (schPublicationId) => {\r\n axios\r\n .delete(`${SCH_PUBLICATIONS_URL}/${schPublicationId}`)\r\n .then((response) => {\r\n history.push(\"/scholar/profile\");\r\n });\r\n };\r\n\r\n const SCH_SYNOPSYSES_URL = `${process.env.REACT_APP_API_URL}/api/SchSynopsys`;\r\n const deleteSchSynopsys = (schSynopsysId) => {\r\n axios.delete(`${SCH_SYNOPSYSES_URL}/${schSynopsysId}`).then((response) => {\r\n history.push(\"/scholar/profile\");\r\n });\r\n };\r\n\r\n const SCH_THESISES_URL = `${process.env.REACT_APP_API_URL}/api/SchThesis`;\r\n const deleteSchThesis = (schThesisId) => {\r\n axios.delete(`${SCH_THESISES_URL}/${schThesisId}`).then((response) => {\r\n history.push(\"/scholar/profile\");\r\n });\r\n };\r\n // const openDeleteSchEducationsDialog = (schEducationId) => {\r\n // history.push(`/sch/schEducations/${schEducationId}/delete`);\r\n // };\r\n return (\r\n Page Content Form
\r\n \r\n\r\n
\r\n \r\n );\r\n}\r\n","import axios from \"axios\";\r\n\r\nexport const SCH_CONFERENCES_URL = `${process.env.REACT_APP_API_URL}/api/SchConference`;\r\n\r\n// CREATE => POST: add a new schConference to the server\r\nexport function createSchConference(schConference) {\r\n return axios.post(SCH_CONFERENCES_URL, schConference);\r\n}\r\n\r\n// READ\r\nexport function getAllSchConferences() {\r\n return axios.get(SCH_CONFERENCES_URL);\r\n}\r\n\r\nexport function getSchConferenceById(schConferenceId) {\r\n return axios.get(`${SCH_CONFERENCES_URL}/${schConferenceId}`);\r\n}\r\n\r\n// Method from server should return QueryResultsModel(items: any[], totalsCount: number)\r\n// items => filtered/sorted result\r\nexport function findSchConferences(queryParams) {\r\n return axios.post(`${SCH_CONFERENCES_URL}/find`, { queryParams });\r\n}\r\n\r\n// UPDATE => PUT: update the procuct on the server\r\nexport function updateSchConference(schConference) {\r\n return axios.put(`${SCH_CONFERENCES_URL}/${schConference.schConferenceId}`, schConference);\r\n}\r\n\r\n// // UPDATE Status\r\n// export function updateStatusForSchConferences(ids, status) {\r\n// return axios.post(`${SCH_CONFERENCES_URL}/updateStatusForSchConferences`, {\r\n// ids,\r\n// status\r\n// });\r\n// }\r\n\r\n// DELETE => delete the schConference from the server\r\nexport function deleteSchConference(schConferenceId) {\r\n return axios.delete(`${SCH_CONFERENCES_URL}/${schConferenceId}`);\r\n}\r\n\r\n// DELETE SchConferences by ids\r\nexport function deleteSchConferences(ids) {\r\n return axios.post(`${SCH_CONFERENCES_URL}/deleteSchConferences`, { ids });\r\n}\r\n","import * as requestFromServer from \"./schConferencesCrud\";\r\nimport { schConferencesSlice, callTypes } from \"./schConferencesSlice\";\r\n\r\nconst { actions } = schConferencesSlice;\r\n\r\nexport const fetchSchConferences = (queryParams) => (dispatch) => {\r\n dispatch(actions.startCall({ callType: callTypes.list }));\r\n return requestFromServer\r\n .findSchConferences(queryParams)\r\n .then((response) => {\r\n const { totalCount, entities } = response.data;\r\n dispatch(actions.schConferencesFetched({ totalCount, entities }));\r\n })\r\n .catch((error) => {\r\n error.clientMessage = \"Can't find schConferences\";\r\n dispatch(actions.catchError({ error, callType: callTypes.list }));\r\n });\r\n};\r\n\r\nexport const fetchSchConference = (id) => (dispatch) => {\r\n if (!id) {\r\n return dispatch(actions.schConferenceFetched({ schConferenceForEdit: undefined }));\r\n }\r\n\r\n dispatch(actions.startCall({ callType: callTypes.action }));\r\n return requestFromServer\r\n .getSchConferenceById(id)\r\n .then((response) => {\r\n const schConference = response.data;\r\n dispatch(actions.schConferenceFetched({ schConferenceForEdit: schConference }));\r\n })\r\n .catch((error) => {\r\n error.clientMessage = \"Can't find schConference\";\r\n dispatch(actions.catchError({ error, callType: callTypes.action }));\r\n });\r\n};\r\n\r\nexport const deleteSchConference = (id) => (dispatch) => {\r\n dispatch(actions.startCall({ callType: callTypes.action }));\r\n return requestFromServer\r\n .deleteSchConference(id)\r\n .then((response) => {\r\n dispatch(actions.schConferenceDeleted({ id }));\r\n })\r\n .catch((error) => {\r\n error.clientMessage = \"Can't delete schConference\";\r\n dispatch(actions.catchError({ error, callType: callTypes.action }));\r\n });\r\n};\r\n\r\nexport const createSchConference = (schConferenceForCreation) => (dispatch) => {\r\n dispatch(actions.startCall({ callType: callTypes.action }));\r\n schConferenceForCreation.isActive = true;\r\n return requestFromServer\r\n .createSchConference(schConferenceForCreation)\r\n .then((response) => {\r\n const { schConference } = response.data;\r\n schConference.id = schConference.schConferenceId;\r\n dispatch(actions.schConferenceCreated({ schConference }));\r\n })\r\n .catch((error) => {\r\n error.clientMessage = \"Can't create schConference\";\r\n dispatch(actions.catchError({ error, callType: callTypes.action }));\r\n });\r\n};\r\n\r\nexport const updateSchConference = (schConference) => (dispatch) => {\r\n dispatch(actions.startCall({ callType: callTypes.action }));\r\n return requestFromServer\r\n .updateSchConference(schConference)\r\n .then(() => {\r\n dispatch(actions.schConferenceUpdated({ schConference }));\r\n })\r\n .catch((error) => {\r\n error.clientMessage = \"Can't update schConference\";\r\n dispatch(actions.catchError({ error, callType: callTypes.action }));\r\n });\r\n};\r\n\r\nexport const deleteSchConferences = (ids) => (dispatch) => {\r\n dispatch(actions.startCall({ callType: callTypes.action }));\r\n return requestFromServer\r\n .deleteSchConferences(ids)\r\n .then(() => {\r\n dispatch(actions.schConferencesDeleted({ ids }));\r\n })\r\n .catch((error) => {\r\n error.clientMessage = \"Can't delete schConferences\";\r\n dispatch(actions.catchError({ error, callType: callTypes.action }));\r\n });\r\n};\r\n","// Form is based on Formik\r\n// Data validation is based on Yup\r\n// Please, be familiar with article first:\r\n// https://hackernoon.com/react-form-validation-with-formik-and-yup-8b76bda62e10\r\nimport React from \"react\";\r\nimport { Formik, Form, Field } from \"formik\";\r\n//import axios from \"axios\";\r\nimport * as Yup from \"yup\";\r\nimport TextField from \"@material-ui/core/TextField\";\r\nimport \"date-fns\";\r\n//import DateFnsAdapter from \"@date-io/date-fns\";\r\nimport { Input } from \"../../../../../../_metronic/_partials/controls\";\r\nimport {\r\n FormControl,\r\n FormControlLabel,\r\n FormLabel,\r\n RadioGroup,\r\n Radio,\r\n} from \"@material-ui/core\";\r\n\r\n// Validation schema\r\nconst SchConferenceEditSchema = Yup.object().shape({\r\n confTitle: Yup.string().required(\"Title is required\"),\r\n \r\n});\r\n\r\n//const PageUrl = `${process.env.REACT_APP_API_URL}/api/Scholar`;\r\n\r\nexport function SchConferenceEditForm({\r\n schConference,\r\n btnRef,\r\n saveSchConference,\r\n}) {\r\n // const [menuForDropdown, setMenuForDropdown] = useState([]);\r\n\r\n // useEffect(() => {\r\n // const getInnerPagesWithAxios = async () => {\r\n // const response = await axios.get(PageUrl);\r\n // setMenuForDropdown(response.data);\r\n // };\r\n // getInnerPagesWithAxios();\r\n // }, [setMenuForDropdown]);\r\n\r\n return (\r\n <>\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n\r\n \r\n {!(profile.scholarName)?\"-\" : (profile.scholarName) } ({!(profile.batchCode)?\"-\" : (profile.batchCode)} )\r\n
\r\n\r\n\r\n
\r\n \r\n \r\n
\r\n \r\n {!(profile.registrationNo)?\"-\" : (profile.registrationNo) }\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {!(profile.enrollmentNo)?\"-\" : (profile.enrollmentNo) }\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {!(profile.primaryContact)?\"-\" : (profile.primaryContact) }\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {!(profile.subject)?\"-\" : (profile.subject) }\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {!(profile.dateofBirth)?\"-\" : (profile.dateofBirth) }\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n {!(profile.gender)?\"-\" : (profile.gender) }
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {!(profile.castCategory)?\"-\" : (profile.castCategory) }\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {!(profile.spouseName)?\"-\" : (profile.spouseName) }\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {!(profile.fatherName)?\"-\" : (profile.fatherName) }/{!(profile.motherName)?\"-\" : (profile.motherName) }\r\n
\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n {!(interview.interviewDate)?\"-\" : (interview.interviewDate) } | {!(interview.interviewType)?\"-\" : (interview.interviewType) }\r\n
\r\n \r\n {address.map((addresses) => (\r\n
\r\n \r\n \r\n {addresses.addressLine1}\r\n
\r\n ))}\r\n \r\n {addresses.addressLine2},{addresses.city},\r\n {addresses.state}\r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n {profile.subject}
\r\nGuided By : {profile.guideId}
\r\n\r\n\r\n \r\n \r\n \r\n \r\n My Documents\r\n \r\n \r\n {\r\n backToSchDocumentsForm(profile.scholarId);\r\n }}\r\n >\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n {document.map((documents, schDocumentId) => (\r\n \r\n {documents.docTitle} :\r\n \r\n \r\n \r\n {\r\n openEditSchDocumentsPage(\r\n documents.schDocumentId\r\n );\r\n }}\r\n >\r\n \r\n \r\n {\r\n deleteSchDocument(\r\n documents.schDocumentId\r\n );\r\n }}\r\n >\r\n \r\n \r\n \r\n
\r\n ))}\r\n \r\n \r\n \r\n \r\n \r\n Educational Info\r\n \r\n \r\n {\r\n backToSchEducationsForm(profile.scholarId);\r\n }}\r\n >\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n\r\n | Degree | \r\nYear | \r\nSubject | \r\nPercentage | \r\nBoard/ University | \r\n\r\n \r\n Actions\r\n \r\n | \r\n
|---|---|---|---|---|---|
| {educationalInfo.degreeType} | \r\n{educationalInfo.passingYear} | \r\n{educationalInfo.subjectStudied} | \r\n{educationalInfo.percentage} | \r\n{educationalInfo.university} | \r\n\r\n \r\n | \r\n
\r\n \r\n \r\n \r\n \r\n Course Work\r\n \r\n \r\n {\r\n backToSchCourseWorkInfosForm(profile.scholarId);\r\n }}\r\n >\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n {/* \r\n
\r\n */}\r\n \r\n \r\n \r\n \r\n
\r\n\r\n | First Course Work StartDate | \r\nFirst Course Work EndDate | \r\ncertificateIssueDate | \r\nmarkSheetIssuedDate | \r\n\r\n \r\n Actions\r\n \r\n | \r\n
|---|---|---|---|---|
| {courseWork.firstCwStartDate} | \r\n{courseWork.fristCwEndDate} | \r\n{courseWork.certificateIssueDate} | \r\n{courseWork.markSheetIssuedDate} | \r\n\r\n \r\n | \r\n
\r\n */}\r\n
\r\n \r\n \r\n \r\n \r\n Thesis\r\n \r\n \r\n {\r\n backToSchThesisesForm(profile.scholarId);\r\n }}\r\n >\r\n \r\n \r\n \r\n \r\n \r\n {thesis.map((thesises, schThesisId) => (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Plagiarism Percentage\r\n \r\n {thesises.plagiarismPercentage}\r\n \r\n \r\n \r\n Pre Thesis Date\r\n \r\n {thesises.preThesisDate}\r\n \r\n \r\n \r\n Soft Copy Submission Date\r\n \r\n {\r\n thesises.softCopySubmissionDate\r\n }\r\n \r\n \r\n \r\n Provisional Degree Issued Date\r\n \r\n {\r\n thesises.provisinalDegreeIssuedDate\r\n }\r\n \r\n \r\n \r\n Uploaded Date\r\n \r\n {thesises.dateUploaded}\r\n \r\n \r\n \r\n Plagiarism Checked Date\r\n \r\n {thesises.plagiarismCheckedDate}\r\n \r\n \r\n \r\n \r\n \r\n \r\n Date Of Thesis Submission\r\n \r\n {\r\n thesises.dateOfthesisSubmission\r\n }\r\n \r\n \r\n \r\n Hard Copy Submission Date\r\n \r\n {\r\n thesises.hardCopySubmissionDate\r\n }\r\n \r\n \r\n \r\n Degree Issued Date\r\n \r\n {thesises.degreeIssuedDate}\r\n \r\n \r\n \r\n Viva Voce Date\r\n \r\n {thesises.vivaVoceDate}\r\n \r\n \r\n \r\n Reference Number\r\n \r\n {thesises.referenceNumber}\r\n \r\n \r\n \r\n Actions\r\n \r\n {\r\n openEditSchThesisesPage(\r\n thesises.schThesisId\r\n );\r\n }}\r\n >\r\n \r\n \r\n {\r\n deleteSchThesis(\r\n thesises.schThesisId\r\n );\r\n }}\r\n >\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n ))}\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n Synopsys\r\n \r\n \r\n {\r\n backToSchSynopsysesForm(profile.scholarId);\r\n }}\r\n >\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n | Soft Copy | \r\nHard Copy | \r\nDate Of DRC Presentation | \r\nDate Of DRC | \r\nDRC Remark | \r\nShodh Gangotri Link | \r\nDate Uploaded | \r\nLab Applicable | \r\n\r\n \r\n Actions\r\n \r\n | \r\n
|---|---|---|---|---|---|---|---|---|
| {synopsyses.softCopySubmissionDate} | \r\n{synopsyses.hardCopySubmissionDate} | \r\n{synopsyses.dateOfDrcPresentation} | \r\n{synopsyses.dateOfDrc} | \r\n{synopsyses.drcRemark} | \r\n\r\n \r\n | \r\n {synopsyses.dateUploaded} | \r\n{synopsyses.isLabApplicable} | \r\n\r\n \r\n | \r\n
\r\n \r\n \r\n \r\n \r\n Profession\r\n \r\n\r\n \r\n {\r\n backToJobInfosForm(profile.scholarId);\r\n }}\r\n >\r\n \r\n \r\n \r\n \r\n \r\n \r\n {/*
\r\n \r\n \r\n \r\n \r\n
\r\n | Company Name | \r\n\r\nDesignation | \r\nEmplyment Type | \r\nStart Date | \r\nEnd Date | \r\nTotal Experience | \r\n\r\n \r\n Actions\r\n \r\n | \r\n
|---|---|---|---|---|---|---|
| {profession.companyName} | \r\n\r\n{profession.jobTitle} | \r\n{profession.jobType} | \r\n{profession.startDate} | \r\n{profession.endDate} | \r\n{profession.expInYear} | \r\n\r\n \r\n | \r\n
\r\n \r\n \r\n \r\n \r\n Publication\r\n \r\n\r\n \r\n {\r\n backToSchPublicationsForm(profile.scholarId);\r\n }}\r\n >\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n | Author Names | \r\nTitle Of Paper | \r\nJournal Name | \r\nYear Of Publication | \r\n\r\n \r\n Actions\r\n \r\n | \r\n
|---|---|---|---|---|
| {publications.authorNames} | \r\n{publications.titleOfPaper} | \r\n{publications.journalname} | \r\n{publications.yearOfPublication} | \r\n\r\n \r\n | \r\n
\r\n \r\n \r\n \r\n \r\n Conference\r\n \r\n \r\n {/* */}\r\n {\r\n backToSchConferencesForm(profile.scholarId);\r\n }}\r\n >\r\n \r\n */}\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n | Institute Name | \r\nTitle | \r\nDate | \r\n {/*Participation | \r\nPresentation | */}\r\nPaper Name | \r\n\r\n \r\n Actions\r\n \r\n | \r\n
|---|---|---|---|---|---|---|
| JJTU | \r\n{conferences.confTitle} | \r\n\r\n {conferences.startDate} To{\" \"}\r\n {conferences.endDate}\r\n | \r\n {/*{conferences.participated} | \r\n{conferences.presented} | */}\r\n{conferences.paperName} | \r\n\r\n \r\n | \r\n
\r\n \r\n \r\n \r\n \r\n Payment\r\n \r\n \r\n {\r\n backToPayReceiptsForm(profile.scholarId);\r\n }}\r\n >\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n | Fee Type | \r\nInstamment | \r\nAmount | \r\nReceipt | \r\nDate | \r\nRemark | \r\n\r\n \r\n Actions\r\n \r\n | \r\n
|---|---|---|---|---|---|---|
| {payReceipts.feeType} | \r\n{payReceipts.transactionNo} | \r\n{payReceipts.amount} | \r\n{payReceipts.receiptNo} | \r\n{payReceipts.payDate} | \r\n{payReceipts.remark} | \r\n\r\n \r\n | \r\n
\r\n \r\n
\r\n \r\n );\r\n}\r\n","import axios from \"axios\";\r\n\r\nexport const SCH_DOCUMENTS_URL = `${process.env.REACT_APP_API_URL}/api/SchDocument`;\r\n\r\n// CREATE => POST: add a new schDocument to the server\r\nexport function createSchDocument(schDocument) {\r\n return axios.post(SCH_DOCUMENTS_URL, schDocument);\r\n}\r\n\r\n// READ\r\nexport function getAllSchDocuments() {\r\n return axios.get(SCH_DOCUMENTS_URL);\r\n}\r\n\r\nexport function getSchDocumentById(schDocumentId) {\r\n return axios.get(`${SCH_DOCUMENTS_URL}/${schDocumentId}`);\r\n}\r\n\r\n// Method from server should return QueryResultsModel(items: any[], totalsCount: number)\r\n// items => filtered/sorted result\r\nexport function findSchDocuments(queryParams) {\r\n return axios.post(`${SCH_DOCUMENTS_URL}/find`, { queryParams });\r\n}\r\n\r\n// UPDATE => PUT: update the procuct on the server\r\nexport function updateSchDocument(schDocument) {\r\n return axios.put(`${SCH_DOCUMENTS_URL}/${schDocument.schDocumentId}`, schDocument);\r\n}\r\n\r\n// // UPDATE Status\r\n// export function updateStatusForSchDocuments(ids, status) {\r\n// return axios.post(`${SCH_DOCUMENTS_URL}/updateStatusForSchDocuments`, {\r\n// ids,\r\n// status\r\n// });\r\n// }\r\n\r\n// DELETE => delete the schDocument from the server\r\nexport function deleteSchDocument(schDocumentId) {\r\n return axios.delete(`${SCH_DOCUMENTS_URL}/${schDocumentId}`);\r\n}\r\n\r\n// DELETE SchDocuments by ids\r\nexport function deleteSchDocuments(ids) {\r\n return axios.post(`${SCH_DOCUMENTS_URL}/deleteSchDocuments`, { ids });\r\n}\r\n","import * as requestFromServer from \"./schdocumentsCrud\";\r\nimport { schDocumentsSlice, callTypes } from \"./schdocumentsSlice\";\r\n\r\nconst { actions } = schDocumentsSlice;\r\n\r\nexport const fetchSchDocuments = (queryParams) => (dispatch) => {\r\n dispatch(actions.startCall({ callType: callTypes.list }));\r\n return requestFromServer\r\n .findSchDocuments(queryParams)\r\n .then((response) => {\r\n const { totalCount, entities } = response.data;\r\n dispatch(actions.schDocumentsFetched({ totalCount, entities }));\r\n })\r\n .catch((error) => {\r\n error.clientMessage = \"Can't find schDocuments\";\r\n dispatch(actions.catchError({ error, callType: callTypes.list }));\r\n });\r\n};\r\n\r\nexport const fetchSchDocument = (id) => (dispatch) => {\r\n if (!id) {\r\n return dispatch(actions.schDocumentFetched({ schDocumentForEdit: undefined }));\r\n }\r\n\r\n dispatch(actions.startCall({ callType: callTypes.action }));\r\n return requestFromServer\r\n .getSchDocumentById(id)\r\n .then((response) => {\r\n const schDocument = response.data;\r\n dispatch(actions.schDocumentFetched({ schDocumentForEdit: schDocument }));\r\n })\r\n .catch((error) => {\r\n error.clientMessage = \"Can't find schDocument\";\r\n dispatch(actions.catchError({ error, callType: callTypes.action }));\r\n });\r\n};\r\n\r\nexport const deleteSchDocument = (id) => (dispatch) => {\r\n dispatch(actions.startCall({ callType: callTypes.action }));\r\n return requestFromServer\r\n .deleteSchDocument(id)\r\n .then((response) => {\r\n dispatch(actions.schDocumentDeleted({ id }));\r\n })\r\n .catch((error) => {\r\n error.clientMessage = \"Can't delete schDocument\";\r\n dispatch(actions.catchError({ error, callType: callTypes.action }));\r\n });\r\n};\r\n\r\nexport const createSchDocument = (schDocumentForCreation) => (dispatch) => {\r\n dispatch(actions.startCall({ callType: callTypes.action }));\r\n schDocumentForCreation.isActive = true;\r\n return requestFromServer\r\n .createSchDocument(schDocumentForCreation)\r\n .then((response) => {\r\n const { schDocument } = response.data;\r\n schDocument.id = schDocument.schDocumentId;\r\n dispatch(actions.schDocumentCreated({ schDocument }));\r\n })\r\n .catch((error) => {\r\n error.clientMessage = \"Can't create schDocument\";\r\n dispatch(actions.catchError({ error, callType: callTypes.action }));\r\n });\r\n};\r\n\r\nexport const updateSchDocument = (schDocument) => (dispatch) => {\r\n dispatch(actions.startCall({ callType: callTypes.action }));\r\n return requestFromServer\r\n .updateSchDocument(schDocument)\r\n .then(() => {\r\n dispatch(actions.schDocumentUpdated({ schDocument }));\r\n })\r\n .catch((error) => {\r\n error.clientMessage = \"Can't update schDocument\";\r\n dispatch(actions.catchError({ error, callType: callTypes.action }));\r\n });\r\n};\r\n\r\nexport const deleteSchDocuments = (ids) => (dispatch) => {\r\n dispatch(actions.startCall({ callType: callTypes.action }));\r\n return requestFromServer\r\n .deleteSchDocuments(ids)\r\n .then(() => {\r\n dispatch(actions.schDocumentsDeleted({ ids }));\r\n })\r\n .catch((error) => {\r\n error.clientMessage = \"Can't delete schDocuments\";\r\n dispatch(actions.catchError({ error, callType: callTypes.action }));\r\n });\r\n};\r\n","// Form is based on Formik\r\n// Data validation is based on Yup\r\n// Please, be familiar with article first:\r\n// https://hackernoon.com/react-form-validation-with-formik-and-yup-8b76bda62e10\r\nimport React from \"react\";\r\nimport { Formik, Form, Field } from \"formik\";\r\n//import axios from \"axios\";\r\nimport * as Yup from \"yup\";\r\nimport { Input } from \"../../../../../../_metronic/_partials/controls\";\r\n\r\n// Validation schema\r\nconst SchDocumentEditSchema = Yup.object().shape({\r\n docTitle: Yup.string().required(\"Title is required\"),\r\n});\r\n\r\n//const PageUrl = `${process.env.REACT_APP_API_URL}/api/scholar`;\r\n//const PageUrl1 = `${process.env.REACT_APP_API_URL}/api/doctype`;\r\n\r\nexport function SchDocumentEditForm({ schDocument, btnRef, saveSchDocument }) {\r\n // const [menuForDropdown, setMenuForDropdown] = useState([]);\r\n // const [menuForDropdown1, setMenuForDropdown1] = useState([]);\r\n\r\n // useEffect(() => {\r\n // const getInnerPagesWithAxios = async () => {\r\n // const response = await axios.get(PageUrl);\r\n // setMenuForDropdown(response.data);\r\n // };\r\n // getInnerPagesWithAxios();\r\n // }, [setMenuForDropdown]);\r\n\r\n // useEffect(() => {\r\n // const getInnerPagesWithAxios = async () => {\r\n // const response = await axios.get(PageUrl1);\r\n // setMenuForDropdown1(response.data);\r\n // };\r\n // getInnerPagesWithAxios();\r\n // }, [setMenuForDropdown1]);\r\n\r\n const getFieldCSSClasses = (touched, errors) => {\r\n const classes = [\"form-control\"];\r\n if (touched && errors) {\r\n classes.push(\"is-invalid\");\r\n }\r\n\r\n if (touched && !errors) {\r\n classes.push(\"is-valid\");\r\n }\r\n\r\n return classes.join(\" \");\r\n };\r\n const toBase64 = (docPath) =>\r\n new Promise((resolve, reject) => {\r\n if (docPath && docPath !== \"\" && docPath !== \" \") {\r\n const reader = new FileReader();\r\n reader.readAsDataURL(docPath);\r\n reader.onload = () => resolve(reader.result);\r\n reader.onerror = (error) => reject(error);\r\n } else {\r\n resolve(\"\");\r\n }\r\n });\r\n return (\r\n <>\r\n \r\n \r\n {actionsLoading && \r\n \r\n \r\n \r\n Close\r\n \r\n {/* */}\r\n \r\n Save\r\n \r\n \r\n \r\n \r\n {!actionsLoading && (\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n );\r\n}\r\n","import axios from \"axios\";\r\n\r\nexport const SCH_THESISES_URL = `${process.env.REACT_APP_API_URL}/api/SchThesis`;\r\n\r\n// CREATE => POST: add a new schThesis to the server\r\nexport function createSchThesis(schThesis) {\r\n return axios.post(SCH_THESISES_URL, schThesis);\r\n}\r\n\r\n// READ\r\nexport function getAllSchThesises() {\r\n return axios.get(SCH_THESISES_URL);\r\n}\r\n\r\nexport function getSchThesisById(schThesisId) {\r\n return axios.get(`${SCH_THESISES_URL}/${schThesisId}`);\r\n}\r\n\r\n// Method from server should return QueryResultsModel(items: any[], totalsCount: number)\r\n// items => filtered/sorted result\r\nexport function findSchThesises(queryParams) {\r\n return axios.post(`${SCH_THESISES_URL}/find`, { queryParams });\r\n}\r\n\r\n// UPDATE => PUT: update the procuct on the server\r\nexport function updateSchThesis(schThesis) {\r\n return axios.put(`${SCH_THESISES_URL}/${schThesis.schThesisId}`, schThesis);\r\n}\r\n\r\n// // UPDATE Status\r\n// export function updateStatusForSchThesises(ids, status) {\r\n// return axios.post(`${SCH_THESISES_URL}/updateStatusForSchThesises`, {\r\n// ids,\r\n// status\r\n// });\r\n// }\r\n\r\n// DELETE => delete the schThesis from the server\r\nexport function deleteSchThesis(schThesisId) {\r\n return axios.delete(`${SCH_THESISES_URL}/${schThesisId}`);\r\n}\r\n\r\n// DELETE SchThesises by ids\r\nexport function deleteSchThesises(ids) {\r\n return axios.post(`${SCH_THESISES_URL}/deleteSchThesises`, { ids });\r\n}\r\n","import * as requestFromServer from \"./schThesisesCrud\";\r\nimport { schThesisesSlice, callTypes } from \"./schThesisesSlice\";\r\n\r\nconst { actions } = schThesisesSlice;\r\n\r\nexport const fetchSchThesises = (queryParams) => (dispatch) => {\r\n dispatch(actions.startCall({ callType: callTypes.list }));\r\n return requestFromServer\r\n .findSchThesises(queryParams)\r\n .then((response) => {\r\n const { totalCount, entities } = response.data;\r\n dispatch(actions.schThesisesFetched({ totalCount, entities }));\r\n })\r\n .catch((error) => {\r\n error.clientMessage = \"Can't find schThesises\";\r\n dispatch(actions.catchError({ error, callType: callTypes.list }));\r\n });\r\n};\r\n\r\nexport const fetchSchThesis = (id) => (dispatch) => {\r\n if (!id) {\r\n return dispatch(actions.schThesisFetched({ schThesisForEdit: undefined }));\r\n }\r\n\r\n dispatch(actions.startCall({ callType: callTypes.action }));\r\n return requestFromServer\r\n .getSchThesisById(id)\r\n .then((response) => {\r\n const schThesis = response.data;\r\n dispatch(actions.schThesisFetched({ schThesisForEdit: schThesis }));\r\n })\r\n .catch((error) => {\r\n error.clientMessage = \"Can't find schThesis\";\r\n dispatch(actions.catchError({ error, callType: callTypes.action }));\r\n });\r\n};\r\n\r\nexport const deleteSchThesis = (id) => (dispatch) => {\r\n dispatch(actions.startCall({ callType: callTypes.action }));\r\n return requestFromServer\r\n .deleteSchThesis(id)\r\n .then((response) => {\r\n dispatch(actions.schThesisDeleted({ id }));\r\n })\r\n .catch((error) => {\r\n error.clientMessage = \"Can't delete schThesis\";\r\n dispatch(actions.catchError({ error, callType: callTypes.action }));\r\n });\r\n};\r\n\r\nexport const createSchThesis = (schThesisForCreation) => (dispatch) => {\r\n dispatch(actions.startCall({ callType: callTypes.action }));\r\n schThesisForCreation.isActive = true;\r\n return requestFromServer\r\n .createSchThesis(schThesisForCreation)\r\n .then((response) => {\r\n const { schThesis } = response.data;\r\n schThesis.id = schThesis.schThesisId;\r\n dispatch(actions.schThesisCreated({ schThesis }));\r\n })\r\n .catch((error) => {\r\n error.clientMessage = \"Can't create schThesis\";\r\n dispatch(actions.catchError({ error, callType: callTypes.action }));\r\n });\r\n};\r\n\r\nexport const updateSchThesis = (schThesis) => (dispatch) => {\r\n dispatch(actions.startCall({ callType: callTypes.action }));\r\n return requestFromServer\r\n .updateSchThesis(schThesis)\r\n .then(() => {\r\n dispatch(actions.schThesisUpdated({ schThesis }));\r\n })\r\n .catch((error) => {\r\n error.clientMessage = \"Can't update schThesis\";\r\n dispatch(actions.catchError({ error, callType: callTypes.action }));\r\n });\r\n};\r\n\r\nexport const deleteSchThesises = (ids) => (dispatch) => {\r\n dispatch(actions.startCall({ callType: callTypes.action }));\r\n return requestFromServer\r\n .deleteSchThesises(ids)\r\n .then(() => {\r\n dispatch(actions.schThesisesDeleted({ ids }));\r\n })\r\n .catch((error) => {\r\n error.clientMessage = \"Can't delete schThesises\";\r\n dispatch(actions.catchError({ error, callType: callTypes.action }));\r\n });\r\n};\r\n","// Form is based on Formik\r\n// Data validation is based on Yup\r\n// Please, be familiar with article first:\r\n// https://hackernoon.com/react-form-validation-with-formik-and-yup-8b76bda62e10\r\nimport React from \"react\";\r\nimport { Formik, Form, Field } from \"formik\";\r\n//import axios from \"axios\";\r\nimport * as Yup from \"yup\";\r\nimport { Input } from \"../../../../../../_metronic/_partials/controls\";\r\nimport TextField from \"@material-ui/core/TextField\";\r\nimport {\r\n FormControl,\r\n FormControlLabel,\r\n FormLabel,\r\n RadioGroup,\r\n Radio,\r\n} from \"@material-ui/core\";\r\n\r\n// Validation schema\r\nconst SchThesisEditSchema = Yup.object().shape({\r\n plagiarismPercentage: Yup.string().required(\"Percentage is required\"),\r\n});\r\n\r\n//const PageUrl = `${process.env.REACT_APP_API_URL}/api/scholar`;\r\n\r\nexport function SchThesisEditForm({ schThesis, btnRef, saveSchThesis }) {\r\n // const [menuForDropdown, setMenuForDropdown] = useState([]);\r\n\r\n // useEffect(() => {\r\n // const getInnerPagesWithAxios = async () => {\r\n // const response = await axios.get(PageUrl);\r\n // setMenuForDropdown(response.data);\r\n // };\r\n // getInnerPagesWithAxios();\r\n // }, [setMenuForDropdown]);\r\n\r\n return (\r\n <>\r\n \r\n \r\n {actionsLoading && \r\n \r\n \r\n \r\n Close\r\n \r\n {/* */}\r\n \r\n Save\r\n \r\n \r\n \r\n \r\n {!actionsLoading && (\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n );\r\n}\r\n","import axios from \"axios\";\r\n\r\nexport const SCH_EDUCATIONS_URL = `${process.env.REACT_APP_API_URL}/api/SchEducation`;\r\n\r\n// CREATE => POST: add a new schEducation to the server\r\nexport function createSchEducation(schEducation) {\r\n return axios.post(SCH_EDUCATIONS_URL, schEducation);\r\n}\r\n\r\n// READ\r\nexport function getAllSchEducations() {\r\n return axios.get(SCH_EDUCATIONS_URL);\r\n}\r\n\r\nexport function getSchEducationById(schEducationId) {\r\n return axios.get(`${SCH_EDUCATIONS_URL}/${schEducationId}`);\r\n}\r\n\r\n// Method from server should return QueryResultsModel(items: any[], totalsCount: number)\r\n// items => filtered/sorted result\r\nexport function findSchEducations(queryParams) {\r\n return axios.post(`${SCH_EDUCATIONS_URL}/find`, { queryParams });\r\n}\r\n\r\n// UPDATE => PUT: update the procuct on the server\r\nexport function updateSchEducation(schEducation) {\r\n return axios.put(`${SCH_EDUCATIONS_URL}/${schEducation.schEducationId}`, schEducation);\r\n}\r\n\r\n// // UPDATE Status\r\n// export function updateStatusForSchEducations(ids, status) {\r\n// return axios.post(`${SCH_EDUCATIONS_URL}/updateStatusForSchEducations`, {\r\n// ids,\r\n// status\r\n// });\r\n// }\r\n\r\n// DELETE => delete the schEducation from the server\r\nexport function deleteSchEducation(schEducationId) {\r\n return axios.delete(`${SCH_EDUCATIONS_URL}/${schEducationId}`);\r\n}\r\n\r\n// DELETE SchEducations by ids\r\nexport function deleteSchEducations(ids) {\r\n return axios.post(`${SCH_EDUCATIONS_URL}/deleteSchEducations`, { ids });\r\n}\r\n","import * as requestFromServer from \"./schEducationsCrud\";\r\nimport { schEducationsSlice, callTypes } from \"./schEducationsSlice\";\r\n\r\nconst { actions } = schEducationsSlice;\r\n\r\nexport const fetchSchEducations = (queryParams) => (dispatch) => {\r\n dispatch(actions.startCall({ callType: callTypes.list }));\r\n return requestFromServer\r\n .findSchEducations(queryParams)\r\n .then((response) => {\r\n const { totalCount, entities } = response.data;\r\n dispatch(actions.schEducationsFetched({ totalCount, entities }));\r\n })\r\n .catch((error) => {\r\n error.clientMessage = \"Can't find schEducations\";\r\n dispatch(actions.catchError({ error, callType: callTypes.list }));\r\n });\r\n};\r\n\r\nexport const fetchSchEducation = (id) => (dispatch) => {\r\n if (!id) {\r\n return dispatch(actions.schEducationFetched({ schEducationForEdit: undefined }));\r\n }\r\n\r\n dispatch(actions.startCall({ callType: callTypes.action }));\r\n return requestFromServer\r\n .getSchEducationById(id)\r\n .then((response) => {\r\n const schEducation = response.data;\r\n dispatch(actions.schEducationFetched({ schEducationForEdit: schEducation }));\r\n })\r\n .catch((error) => {\r\n error.clientMessage = \"Can't find schEducation\";\r\n dispatch(actions.catchError({ error, callType: callTypes.action }));\r\n });\r\n};\r\n\r\nexport const deleteSchEducation = (id) => (dispatch) => {\r\n dispatch(actions.startCall({ callType: callTypes.action }));\r\n return requestFromServer\r\n .deleteSchEducation(id)\r\n .then((response) => {\r\n dispatch(actions.schEducationDeleted({ id }));\r\n })\r\n .catch((error) => {\r\n error.clientMessage = \"Can't delete schEducation\";\r\n dispatch(actions.catchError({ error, callType: callTypes.action }));\r\n });\r\n};\r\n\r\nexport const createSchEducation = (schEducationForCreation) => (dispatch) => {\r\n dispatch(actions.startCall({ callType: callTypes.action }));\r\n schEducationForCreation.isActive = true;\r\n return requestFromServer\r\n .createSchEducation(schEducationForCreation)\r\n .then((response) => {\r\n const { schEducation } = response.data;\r\n schEducation.id = schEducation.schEducationId;\r\n dispatch(actions.schEducationCreated({ schEducation }));\r\n })\r\n .catch((error) => {\r\n error.clientMessage = \"Can't create schEducation\";\r\n dispatch(actions.catchError({ error, callType: callTypes.action }));\r\n });\r\n};\r\n\r\nexport const updateSchEducation = (schEducation) => (dispatch) => {\r\n dispatch(actions.startCall({ callType: callTypes.action }));\r\n return requestFromServer\r\n .updateSchEducation(schEducation)\r\n .then(() => {\r\n dispatch(actions.schEducationUpdated({ schEducation }));\r\n })\r\n .catch((error) => {\r\n error.clientMessage = \"Can't update schEducation\";\r\n dispatch(actions.catchError({ error, callType: callTypes.action }));\r\n });\r\n};\r\n\r\nexport const deleteSchEducations = (ids) => (dispatch) => {\r\n dispatch(actions.startCall({ callType: callTypes.action }));\r\n return requestFromServer\r\n .deleteSchEducations(ids)\r\n .then(() => {\r\n dispatch(actions.schEducationsDeleted({ ids }));\r\n })\r\n .catch((error) => {\r\n error.clientMessage = \"Can't delete schEducations\";\r\n dispatch(actions.catchError({ error, callType: callTypes.action }));\r\n });\r\n};\r\n","// Form is based on Formik\r\n// Data validation is based on Yup\r\n// Please, be familiar with article first:\r\n// https://hackernoon.com/react-form-validation-with-formik-and-yup-8b76bda62e10\r\nimport React from \"react\";\r\nimport { Formik, Form, Field } from \"formik\";\r\n//import axios from \"axios\";\r\nimport * as Yup from \"yup\";\r\n//import TextField from \"@material-ui/core/TextField\";\r\nimport \"date-fns\";\r\n//import DateFnsAdapter from \"@date-io/date-fns\";\r\nimport { Input } from \"../../../../../../_metronic/_partials/controls\";\r\n// import {\r\n// FormControl,\r\n// FormControlLabel,\r\n// FormLabel,\r\n// RadioGroup,\r\n// Radio,\r\n// } from \"@material-ui/core\";\r\n\r\n// Validation schema\r\nconst SchEducationEditSchema = Yup.object().shape({\r\n examName: Yup.string().required(\"Title is required\"),\r\n});\r\n\r\n//const PageUrl = `${process.env.REACT_APP_API_URL}/api/Scholar`;\r\n\r\nexport function SchEducationEditForm({\r\n schEducation,\r\n btnRef,\r\n saveSchEducation,\r\n}) {\r\n // const [menuForDropdown, setMenuForDropdown] = useState([]);\r\n\r\n // useEffect(() => {\r\n // const getInnerPagesWithAxios = async () => {\r\n // const response = await axios.get(PageUrl);\r\n // setMenuForDropdown(response.data);\r\n // };\r\n // getInnerPagesWithAxios();\r\n // }, [setMenuForDropdown]);\r\n\r\n return (\r\n <>\r\n \r\n \r\n {actionsLoading && \r\n \r\n \r\n \r\n Close\r\n \r\n {/* */}\r\n \r\n Save\r\n \r\n \r\n \r\n \r\n {!actionsLoading && (\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n );\r\n}\r\n","import axios from \"axios\";\r\n\r\nexport const SCH_JOB_INFOS_URL = `${process.env.REACT_APP_API_URL}/api/SchJobInfo`;\r\n\r\n// CREATE => POST: add a new schJobInfo to the server\r\nexport function createSchJobInfo(schJobInfo) {\r\n return axios.post(SCH_JOB_INFOS_URL, schJobInfo);\r\n}\r\n\r\n// READ\r\nexport function getAllSchJobInfos() {\r\n return axios.get(SCH_JOB_INFOS_URL);\r\n}\r\n\r\nexport function getSchJobInfoById(schJobInfoId) {\r\n return axios.get(`${SCH_JOB_INFOS_URL}/${schJobInfoId}`);\r\n}\r\n\r\n// Method from server should return QueryResultsModel(items: any[], totalsCount: number)\r\n// items => filtered/sorted result\r\nexport function findSchJobInfos(queryParams) {\r\n return axios.post(`${SCH_JOB_INFOS_URL}/find`, { queryParams });\r\n}\r\n\r\n// UPDATE => PUT: update the procuct on the server\r\nexport function updateSchJobInfo(schJobInfo) {\r\n return axios.put(`${SCH_JOB_INFOS_URL}/${schJobInfo.schJobInfoId}`, schJobInfo);\r\n}\r\n\r\n// // UPDATE Status\r\n// export function updateStatusForSchJobInfos(ids, status) {\r\n// return axios.post(`${SCH_JOB_INFOS_URL}/updateStatusForSchJobInfos`, {\r\n// ids,\r\n// status\r\n// });\r\n// }\r\n\r\n// DELETE => delete the schJobInfo from the server\r\nexport function deleteSchJobInfo(schJobInfoId) {\r\n return axios.delete(`${SCH_JOB_INFOS_URL}/${schJobInfoId}`);\r\n}\r\n\r\n// DELETE SchJobInfos by ids\r\nexport function deleteSchJobInfos(ids) {\r\n return axios.post(`${SCH_JOB_INFOS_URL}/deleteSchJobInfos`, { ids });\r\n}\r\n","import * as requestFromServer from \"./schJobInfosCrud\";\r\nimport { schJobInfosSlice, callTypes } from \"./schJobInfosSlice\";\r\n\r\nconst { actions } = schJobInfosSlice;\r\n\r\nexport const fetchSchJobInfos = (queryParams) => (dispatch) => {\r\n dispatch(actions.startCall({ callType: callTypes.list }));\r\n return requestFromServer\r\n .findSchJobInfos(queryParams)\r\n .then((response) => {\r\n const { totalCount, entities } = response.data;\r\n dispatch(actions.schJobInfosFetched({ totalCount, entities }));\r\n })\r\n .catch((error) => {\r\n error.clientMessage = \"Can't find schJobInfos\";\r\n dispatch(actions.catchError({ error, callType: callTypes.list }));\r\n });\r\n};\r\n\r\nexport const fetchSchJobInfo = (id) => (dispatch) => {\r\n if (!id) {\r\n return dispatch(actions.schJobInfoFetched({ schJobInfoForEdit: undefined }));\r\n }\r\n\r\n dispatch(actions.startCall({ callType: callTypes.action }));\r\n return requestFromServer\r\n .getSchJobInfoById(id)\r\n .then((response) => {\r\n const schJobInfo = response.data;\r\n dispatch(actions.schJobInfoFetched({ schJobInfoForEdit: schJobInfo }));\r\n })\r\n .catch((error) => {\r\n error.clientMessage = \"Can't find schJobInfo\";\r\n dispatch(actions.catchError({ error, callType: callTypes.action }));\r\n });\r\n};\r\n\r\nexport const deleteSchJobInfo = (id) => (dispatch) => {\r\n dispatch(actions.startCall({ callType: callTypes.action }));\r\n return requestFromServer\r\n .deleteSchJobInfo(id)\r\n .then((response) => {\r\n dispatch(actions.schJobInfoDeleted({ id }));\r\n })\r\n .catch((error) => {\r\n error.clientMessage = \"Can't delete schJobInfo\";\r\n dispatch(actions.catchError({ error, callType: callTypes.action }));\r\n });\r\n};\r\n\r\nexport const createSchJobInfo = (schJobInfoForCreation) => (dispatch) => {\r\n dispatch(actions.startCall({ callType: callTypes.action }));\r\n schJobInfoForCreation.isActive = true;\r\n return requestFromServer\r\n .createSchJobInfo(schJobInfoForCreation)\r\n .then((response) => {\r\n const { schJobInfo } = response.data;\r\n schJobInfo.id = schJobInfo.schJobInfoId;\r\n dispatch(actions.schJobInfoCreated({ schJobInfo }));\r\n })\r\n .catch((error) => {\r\n error.clientMessage = \"Can't create schJobInfo\";\r\n dispatch(actions.catchError({ error, callType: callTypes.action }));\r\n });\r\n};\r\n\r\nexport const updateSchJobInfo = (schJobInfo) => (dispatch) => {\r\n dispatch(actions.startCall({ callType: callTypes.action }));\r\n return requestFromServer\r\n .updateSchJobInfo(schJobInfo)\r\n .then(() => {\r\n dispatch(actions.schJobInfoUpdated({ schJobInfo }));\r\n })\r\n .catch((error) => {\r\n error.clientMessage = \"Can't update schJobInfo\";\r\n dispatch(actions.catchError({ error, callType: callTypes.action }));\r\n });\r\n};\r\n\r\nexport const deleteSchJobInfos = (ids) => (dispatch) => {\r\n dispatch(actions.startCall({ callType: callTypes.action }));\r\n return requestFromServer\r\n .deleteSchJobInfos(ids)\r\n .then(() => {\r\n dispatch(actions.schJobInfosDeleted({ ids }));\r\n })\r\n .catch((error) => {\r\n error.clientMessage = \"Can't delete schJobInfos\";\r\n dispatch(actions.catchError({ error, callType: callTypes.action }));\r\n });\r\n};\r\n","// Form is based on Formik\r\n// Data validation is based on Yup\r\n// Please, be familiar with article first:\r\n// https://hackernoon.com/react-form-validation-with-formik-and-yup-8b76bda62e10\r\nimport React from \"react\";\r\nimport { Formik, Form, Field } from \"formik\";\r\n//import axios from \"axios\";\r\nimport * as Yup from \"yup\";\r\nimport TextField from \"@material-ui/core/TextField\";\r\nimport { Input} from \"../../../../../../_metronic/_partials/controls\";\r\n\r\n// Validation schema\r\nconst SchJobInfoEditSchema = Yup.object().shape({\r\n jobTitle: Yup.string().required(\"Title is required\"),\r\n});\r\n\r\n//const PageUrl = `${process.env.REACT_APP_API_URL}/api/scholar`;\r\n\r\nexport function SchJobInfoEditForm({ schJobInfo, btnRef, saveSchJobInfo }) {\r\n // const [menuForDropdown, setMenuForDropdown] = useState([]);\r\n\r\n // useEffect(() => {\r\n // const getInnerPagesWithAxios = async () => {\r\n // const response = await axios.get(PageUrl);\r\n // setMenuForDropdown(response.data);\r\n // };\r\n // getInnerPagesWithAxios();\r\n // }, [setMenuForDropdown]);\r\n return (\r\n <>\r\n \r\n \r\n {actionsLoading && \r\n \r\n \r\n \r\n Close\r\n \r\n {/* */}\r\n \r\n Save\r\n \r\n \r\n \r\n \r\n {!actionsLoading && (\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n );\r\n}\r\n","import axios from \"axios\";\r\n\r\nexport const SCH_JOB_INFOS_URL = `${process.env.REACT_APP_API_URL}/api/SchPayReceipt`;\r\n\r\n// CREATE => POST: add a new schPayReceipt to the server\r\nexport function createSchPayReceipt(schPayReceipt) {\r\n return axios.post(SCH_JOB_INFOS_URL, schPayReceipt);\r\n}\r\n\r\n// READ\r\nexport function getAllSchPayReceipts() {\r\n return axios.get(SCH_JOB_INFOS_URL);\r\n}\r\n\r\nexport function getSchPayReceiptById(schPayReceiptId) {\r\n return axios.get(`${SCH_JOB_INFOS_URL}/${schPayReceiptId}`);\r\n}\r\n\r\n// Method from server should return QueryResultsModel(items: any[], totalsCount: number)\r\n// items => filtered/sorted result\r\nexport function findSchPayReceipts(queryParams) {\r\n return axios.post(`${SCH_JOB_INFOS_URL}/find`, { queryParams });\r\n}\r\n\r\n// UPDATE => PUT: update the procuct on the server\r\nexport function updateSchPayReceipt(schPayReceipt) {\r\n return axios.put(`${SCH_JOB_INFOS_URL}/${schPayReceipt.schPayReceiptId}`, schPayReceipt);\r\n}\r\n\r\n// // UPDATE Status\r\n// export function updateStatusForSchPayReceipts(ids, status) {\r\n// return axios.post(`${SCH_JOB_INFOS_URL}/updateStatusForSchPayReceipts`, {\r\n// ids,\r\n// status\r\n// });\r\n// }\r\n\r\n// DELETE => delete the schPayReceipt from the server\r\nexport function deleteSchPayReceipt(schPayReceiptId) {\r\n return axios.delete(`${SCH_JOB_INFOS_URL}/${schPayReceiptId}`);\r\n}\r\n\r\n// DELETE SchPayReceipts by ids\r\nexport function deleteSchPayReceipts(ids) {\r\n return axios.post(`${SCH_JOB_INFOS_URL}/deleteSchPayReceipts`, { ids });\r\n}\r\n","import * as requestFromServer from \"./schPayReceiptsCrud\";\r\nimport { schPayReceiptsSlice, callTypes } from \"./schPayReceiptsSlice\";\r\n\r\nconst { actions } = schPayReceiptsSlice;\r\n\r\nexport const fetchSchPayReceipts = (queryParams) => (dispatch) => {\r\n dispatch(actions.startCall({ callType: callTypes.list }));\r\n return requestFromServer\r\n .findSchPayReceipts(queryParams)\r\n .then((response) => {\r\n const { totalCount, entities } = response.data;\r\n dispatch(actions.schPayReceiptsFetched({ totalCount, entities }));\r\n })\r\n .catch((error) => {\r\n error.clientMessage = \"Can't find schPayReceipts\";\r\n dispatch(actions.catchError({ error, callType: callTypes.list }));\r\n });\r\n};\r\n\r\nexport const fetchSchPayReceipt = (id) => (dispatch) => {\r\n if (!id) {\r\n return dispatch(actions.schPayReceiptFetched({ schPayReceiptForEdit: undefined }));\r\n }\r\n\r\n dispatch(actions.startCall({ callType: callTypes.action }));\r\n return requestFromServer\r\n .getSchPayReceiptById(id)\r\n .then((response) => {\r\n const schPayReceipt = response.data;\r\n dispatch(actions.schPayReceiptFetched({ schPayReceiptForEdit: schPayReceipt }));\r\n })\r\n .catch((error) => {\r\n error.clientMessage = \"Can't find schPayReceipt\";\r\n dispatch(actions.catchError({ error, callType: callTypes.action }));\r\n });\r\n};\r\n\r\nexport const deleteSchPayReceipt = (id) => (dispatch) => {\r\n dispatch(actions.startCall({ callType: callTypes.action }));\r\n return requestFromServer\r\n .deleteSchPayReceipt(id)\r\n .then((response) => {\r\n dispatch(actions.schPayReceiptDeleted({ id }));\r\n })\r\n .catch((error) => {\r\n error.clientMessage = \"Can't delete schPayReceipt\";\r\n dispatch(actions.catchError({ error, callType: callTypes.action }));\r\n });\r\n};\r\n\r\nexport const createSchPayReceipt = (schPayReceiptForCreation) => (dispatch) => {\r\n dispatch(actions.startCall({ callType: callTypes.action }));\r\n schPayReceiptForCreation.isActive = true;\r\n return requestFromServer\r\n .createSchPayReceipt(schPayReceiptForCreation)\r\n .then((response) => {\r\n const { schPayReceipt } = response.data;\r\n schPayReceipt.id = schPayReceipt.schPayReceiptId;\r\n dispatch(actions.schPayReceiptCreated({ schPayReceipt }));\r\n })\r\n .catch((error) => {\r\n error.clientMessage = \"Can't create schPayReceipt\";\r\n dispatch(actions.catchError({ error, callType: callTypes.action }));\r\n });\r\n};\r\n\r\nexport const updateSchPayReceipt = (schPayReceipt) => (dispatch) => {\r\n dispatch(actions.startCall({ callType: callTypes.action }));\r\n return requestFromServer\r\n .updateSchPayReceipt(schPayReceipt)\r\n .then(() => {\r\n dispatch(actions.schPayReceiptUpdated({ schPayReceipt }));\r\n })\r\n .catch((error) => {\r\n error.clientMessage = \"Can't update schPayReceipt\";\r\n dispatch(actions.catchError({ error, callType: callTypes.action }));\r\n });\r\n};\r\n\r\nexport const deleteSchPayReceipts = (ids) => (dispatch) => {\r\n dispatch(actions.startCall({ callType: callTypes.action }));\r\n return requestFromServer\r\n .deleteSchPayReceipts(ids)\r\n .then(() => {\r\n dispatch(actions.schPayReceiptsDeleted({ ids }));\r\n })\r\n .catch((error) => {\r\n error.clientMessage = \"Can't delete schPayReceipts\";\r\n dispatch(actions.catchError({ error, callType: callTypes.action }));\r\n });\r\n};\r\n","// Form is based on Formik\r\n// Data validation is based on Yup\r\n// Please, be familiar with article first:\r\n// https://hackernoon.com/react-form-validation-with-formik-and-yup-8b76bda62e10\r\nimport React from \"react\";\r\nimport { Formik, Form, Field } from \"formik\";\r\nimport TextField from \"@material-ui/core/TextField\";\r\n//import axios from \"axios\";\r\nimport * as Yup from \"yup\";\r\nimport {\r\n Input,\r\n \r\n} from \"../../../../../../_metronic/_partials/controls\";\r\n\r\n\r\n// Validation schema\r\nconst SchPayReceiptEditSchema = Yup.object().shape({\r\n receiptNo: Yup.string().required(\"No. is required\"),\r\n});\r\n\r\n//const PageUrl = `${process.env.REACT_APP_API_URL}/api/scholar`;\r\n\r\nexport function SchPayReceiptEditForm({ schPayReceipt, btnRef, saveSchPayReceipt }) {\r\n //const [menuForDropdown, setMenuForDropdown] = useState([]);\r\n\r\n // useEffect(() => {\r\n // const getInnerPagesWithAxios = async () => {\r\n // const response = await axios.get(PageUrl);\r\n // setMenuForDropdown(response.data);\r\n // };\r\n // getInnerPagesWithAxios();\r\n // }, [setMenuForDropdown]);\r\n\r\n const getFieldCSSClasses = (touched, errors) => {\r\n const classes = [\"form-control\"];\r\n if (touched && errors) {\r\n classes.push(\"is-invalid\");\r\n }\r\n\r\n if (touched && !errors) {\r\n classes.push(\"is-valid\");\r\n }\r\n\r\n return classes.join(\" \");\r\n };\r\n\r\n const toBase64 = (uploadImage) =>\r\n new Promise((resolve, reject) => {\r\n if (uploadImage && uploadImage !== \"\" && uploadImage !== \" \") {\r\n const reader = new FileReader();\r\n reader.readAsDataURL(uploadImage);\r\n reader.onload = () => resolve(reader.result);\r\n reader.onerror = (error) => reject(error);\r\n } else {\r\n resolve(\"\");\r\n }\r\n });\r\n return (\r\n <>\r\n \r\n \r\n {actionsLoading && \r\n \r\n \r\n \r\n Close\r\n \r\n {/* */}\r\n \r\n Save\r\n \r\n \r\n \r\n \r\n {!actionsLoading && (\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n );\r\n}\r\n","import axios from \"axios\";\r\n\r\nexport const SCH_PUBLICATIONS_URL = `${process.env.REACT_APP_API_URL}/api/SchPublication`;\r\n\r\n// CREATE => POST: add a new schPublication to the server\r\nexport function createSchPublication(schPublication) {\r\n return axios.post(SCH_PUBLICATIONS_URL, schPublication);\r\n}\r\n\r\n// READ\r\nexport function getAllSchPublications() {\r\n return axios.get(SCH_PUBLICATIONS_URL);\r\n}\r\n\r\nexport function getSchPublicationById(schPublicationId) {\r\n return axios.get(`${SCH_PUBLICATIONS_URL}/${schPublicationId}`);\r\n}\r\n\r\n// Method from server should return QueryResultsModel(items: any[], totalsCount: number)\r\n// items => filtered/sorted result\r\nexport function findSchPublications(queryParams) {\r\n return axios.post(`${SCH_PUBLICATIONS_URL}/find`, { queryParams });\r\n}\r\n\r\n// UPDATE => PUT: update the procuct on the server\r\nexport function updateSchPublication(schPublication) {\r\n return axios.put(`${SCH_PUBLICATIONS_URL}/${schPublication.schPublicationId}`, schPublication);\r\n}\r\n\r\n// // UPDATE Status\r\n// export function updateStatusForSchPublications(ids, status) {\r\n// return axios.post(`${SCH_PUBLICATIONS_URL}/updateStatusForSchPublications`, {\r\n// ids,\r\n// status\r\n// });\r\n// }\r\n\r\n// DELETE => delete the schPublication from the server\r\nexport function deleteSchPublication(schPublicationId) {\r\n return axios.delete(`${SCH_PUBLICATIONS_URL}/${schPublicationId}`);\r\n}\r\n\r\n// DELETE SchPublications by ids\r\nexport function deleteSchPublications(ids) {\r\n return axios.post(`${SCH_PUBLICATIONS_URL}/deleteSchPublications`, { ids });\r\n}\r\n","import * as requestFromServer from \"./schPublicationsCrud\";\r\nimport { schPublicationsSlice, callTypes } from \"./schPublicationsSlice\";\r\n\r\nconst { actions } = schPublicationsSlice;\r\n\r\nexport const fetchSchPublications = (queryParams) => (dispatch) => {\r\n dispatch(actions.startCall({ callType: callTypes.list }));\r\n return requestFromServer\r\n .findSchPublications(queryParams)\r\n .then((response) => {\r\n const { totalCount, entities } = response.data;\r\n dispatch(actions.schPublicationsFetched({ totalCount, entities }));\r\n })\r\n .catch((error) => {\r\n error.clientMessage = \"Can't find schPublications\";\r\n dispatch(actions.catchError({ error, callType: callTypes.list }));\r\n });\r\n};\r\n\r\nexport const fetchSchPublication = (id) => (dispatch) => {\r\n if (!id) {\r\n return dispatch(actions.schPublicationFetched({ schPublicationForEdit: undefined }));\r\n }\r\n\r\n dispatch(actions.startCall({ callType: callTypes.action }));\r\n return requestFromServer\r\n .getSchPublicationById(id)\r\n .then((response) => {\r\n const schPublication = response.data;\r\n dispatch(actions.schPublicationFetched({ schPublicationForEdit: schPublication }));\r\n })\r\n .catch((error) => {\r\n error.clientMessage = \"Can't find schPublication\";\r\n dispatch(actions.catchError({ error, callType: callTypes.action }));\r\n });\r\n};\r\n\r\nexport const deleteSchPublication = (id) => (dispatch) => {\r\n dispatch(actions.startCall({ callType: callTypes.action }));\r\n return requestFromServer\r\n .deleteSchPublication(id)\r\n .then((response) => {\r\n dispatch(actions.schPublicationDeleted({ id }));\r\n })\r\n .catch((error) => {\r\n error.clientMessage = \"Can't delete schPublication\";\r\n dispatch(actions.catchError({ error, callType: callTypes.action }));\r\n });\r\n};\r\n\r\nexport const createSchPublication = (schPublicationForCreation) => (dispatch) => {\r\n dispatch(actions.startCall({ callType: callTypes.action }));\r\n schPublicationForCreation.isActive = true;\r\n return requestFromServer\r\n .createSchPublication(schPublicationForCreation)\r\n .then((response) => {\r\n const { schPublication } = response.data;\r\n schPublication.id = schPublication.schPublicationId;\r\n dispatch(actions.schPublicationCreated({ schPublication }));\r\n })\r\n .catch((error) => {\r\n error.clientMessage = \"Can't create schPublication\";\r\n dispatch(actions.catchError({ error, callType: callTypes.action }));\r\n });\r\n};\r\n\r\nexport const updateSchPublication = (schPublication) => (dispatch) => {\r\n dispatch(actions.startCall({ callType: callTypes.action }));\r\n return requestFromServer\r\n .updateSchPublication(schPublication)\r\n .then(() => {\r\n dispatch(actions.schPublicationUpdated({ schPublication }));\r\n })\r\n .catch((error) => {\r\n error.clientMessage = \"Can't update schPublication\";\r\n dispatch(actions.catchError({ error, callType: callTypes.action }));\r\n });\r\n};\r\n\r\nexport const deleteSchPublications = (ids) => (dispatch) => {\r\n dispatch(actions.startCall({ callType: callTypes.action }));\r\n return requestFromServer\r\n .deleteSchPublications(ids)\r\n .then(() => {\r\n dispatch(actions.schPublicationsDeleted({ ids }));\r\n })\r\n .catch((error) => {\r\n error.clientMessage = \"Can't delete schPublications\";\r\n dispatch(actions.catchError({ error, callType: callTypes.action }));\r\n });\r\n};\r\n","// Form is based on Formik\r\n// Data validation is based on Yup\r\n// Please, be familiar with article first:\r\n// https://hackernoon.com/react-form-validation-with-formik-and-yup-8b76bda62e10\r\nimport React from \"react\";\r\nimport { Formik, Form, Field } from \"formik\";\r\n//import axios from \"axios\";\r\nimport * as Yup from \"yup\";\r\nimport {\r\n Input,\r\n \r\n} from \"../../../../../../_metronic/_partials/controls\";\r\n\r\n\r\n// Validation schema\r\nconst SchPublicationEditSchema = Yup.object().shape({\r\n authorNames: Yup.string().required(\"Name is required\"),\r\n});\r\n\r\n//const PageUrl = `${process.env.REACT_APP_API_URL}/api/scholar`;\r\n\r\nexport function SchPublicationEditForm({ schPublication, btnRef, saveSchPublication }) {\r\n // const [menuForDropdown, setMenuForDropdown] = useState([]);\r\n\r\n // useEffect(() => {\r\n // const getInnerPagesWithAxios = async () => {\r\n // const response = await axios.get(PageUrl);\r\n // setMenuForDropdown(response.data);\r\n // };\r\n // getInnerPagesWithAxios();\r\n // }, [setMenuForDropdown]);\r\n return (\r\n <>\r\n \r\n \r\n {actionsLoading && \r\n \r\n \r\n \r\n Close\r\n \r\n {/* */}\r\n \r\n Save\r\n \r\n \r\n \r\n \r\n {!actionsLoading && (\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n );\r\n}\r\n","import axios from \"axios\";\r\n\r\nexport const SCH_COURSE_WORK_INFOS_URL = `${process.env.REACT_APP_API_URL}/api/SchCourseWorkInfo`;\r\n\r\n// CREATE => POST: add a new schCourseWorkInfo to the server\r\nexport function createSchCourseWorkInfo(schCourseWorkInfo) {\r\n return axios.post(SCH_COURSE_WORK_INFOS_URL, schCourseWorkInfo);\r\n}\r\n\r\n// READ\r\nexport function getAllSchCourseWorkInfos() {\r\n return axios.get(SCH_COURSE_WORK_INFOS_URL);\r\n}\r\n\r\nexport function getSchCourseWorkInfoById(schCourseWorkInfoId) {\r\n return axios.get(`${SCH_COURSE_WORK_INFOS_URL}/${schCourseWorkInfoId}`);\r\n}\r\n\r\n// Method from server should return QueryResultsModel(items: any[], totalsCount: number)\r\n// items => filtered/sorted result\r\nexport function findSchCourseWorkInfos(queryParams) {\r\n return axios.post(`${SCH_COURSE_WORK_INFOS_URL}/find`, { queryParams });\r\n}\r\n\r\n// UPDATE => PUT: update the procuct on the server\r\nexport function updateSchCourseWorkInfo(schCourseWorkInfo) {\r\n return axios.put(`${SCH_COURSE_WORK_INFOS_URL}/${schCourseWorkInfo.schCourseWorkInfoId}`, schCourseWorkInfo);\r\n}\r\n\r\n// // UPDATE Status\r\n// export function updateStatusForSchCourseWorkInfos(ids, status) {\r\n// return axios.post(`${SCH_COURSE_WORK_INFOS_URL}/updateStatusForSchCourseWorkInfos`, {\r\n// ids,\r\n// status\r\n// });\r\n// }\r\n\r\n// DELETE => delete the schCourseWorkInfo from the server\r\nexport function deleteSchCourseWorkInfo(schCourseWorkInfoId) {\r\n return axios.delete(`${SCH_COURSE_WORK_INFOS_URL}/${schCourseWorkInfoId}`);\r\n}\r\n\r\n// DELETE SchCourseWorkInfos by ids\r\nexport function deleteSchCourseWorkInfos(ids) {\r\n return axios.post(`${SCH_COURSE_WORK_INFOS_URL}/deleteSchCourseWorkInfos`, { ids });\r\n}\r\n","import * as requestFromServer from \"./schCourseWorkInfosCrud\";\r\nimport { schCourseWorkInfosSlice, callTypes } from \"./schCourseWorkInfosSlice\";\r\n\r\nconst { actions } = schCourseWorkInfosSlice;\r\n\r\nexport const fetchSchCourseWorkInfos = (queryParams) => (dispatch) => {\r\n dispatch(actions.startCall({ callType: callTypes.list }));\r\n return requestFromServer\r\n .findSchCourseWorkInfos(queryParams)\r\n .then((response) => {\r\n const { totalCount, entities } = response.data;\r\n dispatch(actions.schCourseWorkInfosFetched({ totalCount, entities }));\r\n })\r\n .catch((error) => {\r\n error.clientMessage = \"Can't find schCourseWorkInfos\";\r\n dispatch(actions.catchError({ error, callType: callTypes.list }));\r\n });\r\n};\r\n\r\nexport const fetchSchCourseWorkInfo = (id) => (dispatch) => {\r\n if (!id) {\r\n return dispatch(actions.schCourseWorkInfoFetched({ schCourseWorkInfoForEdit: undefined }));\r\n }\r\n\r\n dispatch(actions.startCall({ callType: callTypes.action }));\r\n return requestFromServer\r\n .getSchCourseWorkInfoById(id)\r\n .then((response) => {\r\n const schCourseWorkInfo = response.data;\r\n dispatch(actions.schCourseWorkInfoFetched({ schCourseWorkInfoForEdit: schCourseWorkInfo }));\r\n })\r\n .catch((error) => {\r\n error.clientMessage = \"Can't find schCourseWorkInfo\";\r\n dispatch(actions.catchError({ error, callType: callTypes.action }));\r\n });\r\n};\r\n\r\nexport const deleteSchCourseWorkInfo = (id) => (dispatch) => {\r\n dispatch(actions.startCall({ callType: callTypes.action }));\r\n return requestFromServer\r\n .deleteSchCourseWorkInfo(id)\r\n .then((response) => {\r\n dispatch(actions.schCourseWorkInfoDeleted({ id }));\r\n })\r\n .catch((error) => {\r\n error.clientMessage = \"Can't delete schCourseWorkInfo\";\r\n dispatch(actions.catchError({ error, callType: callTypes.action }));\r\n });\r\n};\r\n\r\nexport const createSchCourseWorkInfo = (schCourseWorkInfoForCreation) => (dispatch) => {\r\n dispatch(actions.startCall({ callType: callTypes.action }));\r\n schCourseWorkInfoForCreation.isActive = true;\r\n return requestFromServer\r\n .createSchCourseWorkInfo(schCourseWorkInfoForCreation)\r\n .then((response) => {\r\n const { schCourseWorkInfo } = response.data;\r\n schCourseWorkInfo.id = schCourseWorkInfo.schCourseWorkInfoId;\r\n dispatch(actions.schCourseWorkInfoCreated({ schCourseWorkInfo }));\r\n })\r\n .catch((error) => {\r\n error.clientMessage = \"Can't create schCourseWorkInfo\";\r\n dispatch(actions.catchError({ error, callType: callTypes.action }));\r\n });\r\n};\r\n\r\nexport const updateSchCourseWorkInfo = (schCourseWorkInfo) => (dispatch) => {\r\n dispatch(actions.startCall({ callType: callTypes.action }));\r\n return requestFromServer\r\n .updateSchCourseWorkInfo(schCourseWorkInfo)\r\n .then(() => {\r\n dispatch(actions.schCourseWorkInfoUpdated({ schCourseWorkInfo }));\r\n })\r\n .catch((error) => {\r\n error.clientMessage = \"Can't update schCourseWorkInfo\";\r\n dispatch(actions.catchError({ error, callType: callTypes.action }));\r\n });\r\n};\r\n\r\nexport const deleteSchCourseWorkInfos = (ids) => (dispatch) => {\r\n dispatch(actions.startCall({ callType: callTypes.action }));\r\n return requestFromServer\r\n .deleteSchCourseWorkInfos(ids)\r\n .then(() => {\r\n dispatch(actions.schCourseWorkInfosDeleted({ ids }));\r\n })\r\n .catch((error) => {\r\n error.clientMessage = \"Can't delete schCourseWorkInfos\";\r\n dispatch(actions.catchError({ error, callType: callTypes.action }));\r\n });\r\n};\r\n","// Form is based on Formik\r\n// Data validation is based on Yup\r\n// Please, be familiar with article first:\r\n// https://hackernoon.com/react-form-validation-with-formik-and-yup-8b76bda62e10\r\nimport React from \"react\";\r\nimport { Formik, Form } from \"formik\";\r\n//import axios from \"axios\";\r\nimport * as Yup from \"yup\";\r\nimport TextField from \"@material-ui/core/TextField\";\r\n//import { Select } from \"../../../../../../_metronic/_partials/controls\";\r\n\r\nconst SchCourseWorkInfoEditSchema = Yup.object().shape({\r\n firstCwStartDate: Yup.date().required(\"Date is required\"),\r\n});\r\n\r\n//const PageUrl = `${process.env.REACT_APP_API_URL}/api/scholar`;\r\n\r\nexport function SchCourseWorkInfoEditForm({\r\n schCourseWorkInfo,\r\n btnRef,\r\n saveSchCourseWorkInfo,\r\n}) {\r\n // const [menuForDropdown, setMenuForDropdown] = useState([]);\r\n\r\n // useEffect(() => {\r\n // const getInnerPagesWithAxios = async () => {\r\n // const response = await axios.get(PageUrl);\r\n // setMenuForDropdown(response.data);\r\n // };\r\n // getInnerPagesWithAxios();\r\n // }, [setMenuForDropdown]);\r\n return (\r\n <>\r\n \r\n \r\n {actionsLoading && \r\n \r\n \r\n \r\n Close\r\n \r\n {/* */}\r\n \r\n Save\r\n \r\n \r\n \r\n \r\n {!actionsLoading && (\r\n \r\n \r\n
\r\n \r\n \r\n {actionsLoading && \r\n \r\n \r\n \r\n Close\r\n \r\n {/* */}\r\n \r\n Save\r\n \r\n \r\n \r\n \r\n {!actionsLoading && (\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n );\r\n}\r\n","import React, { createContext, useContext, useState, useCallback } from \"react\";\r\nimport { isEqual, isFunction } from \"lodash\";\r\nimport { initialFilter } from \"./SchConferencesUIHelpers\";\r\n\r\nconst SchConferencesUIContext = createContext();\r\n\r\nexport function useSchConferencesUIContext() {\r\n return useContext(SchConferencesUIContext);\r\n}\r\n\r\nexport const SchConferencesUIConsumer = SchConferencesUIContext.Consumer;\r\n\r\nexport function SchConferencesUIProvider({ schConferencesUIEvents, children }) {\r\n const [queryParams, setQueryParamsBase] = useState(initialFilter);\r\n const [ids, setIds] = useState([]);\r\n const setQueryParams = useCallback((nextQueryParams) => {\r\n setQueryParamsBase((prevQueryParams) => {\r\n if (isFunction(nextQueryParams)) {\r\n nextQueryParams = nextQueryParams(prevQueryParams);\r\n }\r\n\r\n if (isEqual(prevQueryParams, nextQueryParams)) {\r\n return prevQueryParams;\r\n }\r\n\r\n return nextQueryParams;\r\n });\r\n }, []);\r\n\r\n const value = {\r\n queryParams,\r\n setQueryParamsBase,\r\n ids,\r\n setIds,\r\n setQueryParams,\r\n newSchConferenceButtonClick: schConferencesUIEvents.newSchConferenceButtonClick,\r\n openEditSchConferencePage: schConferencesUIEvents.openEditSchConferencePage,\r\n openDeleteSchConferenceDialog: schConferencesUIEvents.openDeleteSchConferenceDialog,\r\n openDeleteSchConferencesDialog: schConferencesUIEvents.openDeleteSchConferencesDialog,\r\n openFetchSchConferencesDialog: schConferencesUIEvents.openFetchSchConferencesDialog,\r\n };\r\n\r\n return (\r\n \r\n \r\n {actionsLoading && \r\n \r\n \r\n \r\n Close\r\n \r\n {/* */}\r\n \r\n Save\r\n \r\n \r\n \r\n \r\n {!actionsLoading && (\r\n \r\n \r\n
\r\n \r\n \r\n Cancel\r\n \r\n <> \r\n \r\n Delete\r\n \r\n
\r\n \r\n \r\n Cancel\r\n \r\n <> \r\n \r\n Delete\r\n \r\n
\r\n \r\n \r\n Cancel\r\n \r\n <> \r\n \r\n Delete\r\n \r\n
\r\n \r\n \r\n Cancel\r\n \r\n <> \r\n \r\n Delete\r\n \r\n
\r\n \r\n \r\n Cancel\r\n \r\n <> \r\n \r\n Delete\r\n \r\n
\r\n \r\n \r\n Cancel\r\n \r\n <> \r\n \r\n Delete\r\n \r\n
\r\n \r\n \r\n Cancel\r\n \r\n <> \r\n \r\n Delete\r\n \r\n
\r\n \r\n \r\n Cancel\r\n \r\n <> \r\n \r\n Delete\r\n \r\n
\r\n \r\n \r\n Cancel\r\n \r\n <> \r\n \r\n Delete\r\n \r\n
\r\n \r\n
\r\n \r\n );\r\n}\r\n","import axios from \"axios\";\r\n\r\nexport const GUI_CONFS_URL = `${process.env.REACT_APP_API_URL}/api/GuiConf`;\r\n\r\n// CREATE => POST: add a new guiConf to the server\r\nexport function createGuiConf(guiConf) {\r\n return axios.post(GUI_CONFS_URL, guiConf);\r\n}\r\n\r\n// READ\r\nexport function getAllGuiConfs() {\r\n return axios.get(GUI_CONFS_URL);\r\n}\r\n\r\nexport function getGuiConfById(guiConfId) {\r\n return axios.get(`${GUI_CONFS_URL}/${guiConfId}`);\r\n}\r\n\r\n// Method from server should return QueryResultsModel(items: any[], totalsCount: number)\r\n// items => filtered/sorted result\r\nexport function findGuiConfs(queryParams) {\r\n return axios.post(`${GUI_CONFS_URL}/find`, { queryParams });\r\n}\r\n\r\n// UPDATE => PUT: update the procuct on the server\r\nexport function updateGuiConf(guiConf) {\r\n return axios.put(`${GUI_CONFS_URL}/${guiConf.guiConfId}`, guiConf);\r\n}\r\n\r\n// // UPDATE Status\r\n// export function updateStatusForGuiConfs(ids, status) {\r\n// return axios.post(`${GUI_CONFS_URL}/updateStatusForGuiConfs`, {\r\n// ids,\r\n// status\r\n// });\r\n// }\r\n\r\n// DELETE => delete the guiConf from the server\r\nexport function deleteGuiConf(guiConfId) {\r\n return axios.delete(`${GUI_CONFS_URL}/${guiConfId}`);\r\n}\r\n\r\n// DELETE GuiConfs by ids\r\nexport function deleteGuiConfs(ids) {\r\n return axios.post(`${GUI_CONFS_URL}/deleteGuiConfs`, { ids });\r\n}\r\n","import * as requestFromServer from \"./guiConfsCrud\";\r\nimport { guiConfsSlice, callTypes } from \"./guiConfsSlice\";\r\n\r\nconst { actions } = guiConfsSlice;\r\n\r\nexport const fetchGuiConfs = (queryParams) => (dispatch) => {\r\n dispatch(actions.startCall({ callType: callTypes.list }));\r\n return requestFromServer\r\n .findGuiConfs(queryParams)\r\n .then((response) => {\r\n const { totalCount, entities } = response.data;\r\n dispatch(actions.guiConfsFetched({ totalCount, entities }));\r\n })\r\n .catch((error) => {\r\n error.clientMessage = \"Can't find guiConfs\";\r\n dispatch(actions.catchError({ error, callType: callTypes.list }));\r\n });\r\n};\r\n\r\nexport const fetchGuiConf = (id) => (dispatch) => {\r\n if (!id) {\r\n return dispatch(actions.guiConfFetched({ guiConfForEdit: undefined }));\r\n }\r\n\r\n dispatch(actions.startCall({ callType: callTypes.action }));\r\n return requestFromServer\r\n .getGuiConfById(id)\r\n .then((response) => {\r\n const guiConf = response.data;\r\n dispatch(actions.guiConfFetched({ guiConfForEdit: guiConf }));\r\n })\r\n .catch((error) => {\r\n error.clientMessage = \"Can't find guiConf\";\r\n dispatch(actions.catchError({ error, callType: callTypes.action }));\r\n });\r\n};\r\n\r\nexport const deleteGuiConf = (id) => (dispatch) => {\r\n dispatch(actions.startCall({ callType: callTypes.action }));\r\n return requestFromServer\r\n .deleteGuiConf(id)\r\n .then((response) => {\r\n dispatch(actions.guiConfDeleted({ id }));\r\n })\r\n .catch((error) => {\r\n error.clientMessage = \"Can't delete guiConf\";\r\n dispatch(actions.catchError({ error, callType: callTypes.action }));\r\n });\r\n};\r\n\r\nexport const createGuiConf = (guiConfForCreation) => (dispatch) => {\r\n dispatch(actions.startCall({ callType: callTypes.action }));\r\n guiConfForCreation.isActive = true;\r\n return requestFromServer\r\n .createGuiConf(guiConfForCreation)\r\n .then((response) => {\r\n const { guiConf } = response.data;\r\n guiConf.id = guiConf.guiConfId;\r\n dispatch(actions.guiConfCreated({ guiConf }));\r\n })\r\n .catch((error) => {\r\n error.clientMessage = \"Can't create guiConf\";\r\n dispatch(actions.catchError({ error, callType: callTypes.action }));\r\n });\r\n};\r\n\r\nexport const updateGuiConf = (guiConf) => (dispatch) => {\r\n dispatch(actions.startCall({ callType: callTypes.action }));\r\n return requestFromServer\r\n .updateGuiConf(guiConf)\r\n .then(() => {\r\n dispatch(actions.guiConfUpdated({ guiConf }));\r\n })\r\n .catch((error) => {\r\n error.clientMessage = \"Can't update guiConf\";\r\n dispatch(actions.catchError({ error, callType: callTypes.action }));\r\n });\r\n};\r\n\r\nexport const deleteGuiConfs = (ids) => (dispatch) => {\r\n dispatch(actions.startCall({ callType: callTypes.action }));\r\n return requestFromServer\r\n .deleteGuiConfs(ids)\r\n .then(() => {\r\n dispatch(actions.guiConfsDeleted({ ids }));\r\n })\r\n .catch((error) => {\r\n error.clientMessage = \"Can't delete guiConfs\";\r\n dispatch(actions.catchError({ error, callType: callTypes.action }));\r\n });\r\n};\r\n","// Form is based on Formik\r\n// Data validation is based on Yup\r\n// Please, be familiar with article first:\r\n// https://hackernoon.com/react-form-validation-with-formik-and-yup-8b76bda62e10\r\nimport React from \"react\";\r\nimport { Formik, Form, Field } from \"formik\";\r\nimport TextField from \"@material-ui/core/TextField\";\r\n//import axios from \"axios\";\r\nimport * as Yup from \"yup\";\r\nimport {\r\n Input,\r\n \r\n} from \"../../../../../../_metronic/_partials/controls\";\r\n\r\n\r\n// Validation schema\r\nconst GuiConfEditSchema = Yup.object().shape({\r\n confTitle: Yup.string().required(\"Name is required\"),\r\n});\r\n\r\n//const PageUrl = `${process.env.REACT_APP_API_URL}/api/guide`;\r\n\r\nexport function GuiConfEditForm({ guiConf, btnRef, saveGuiConf }) {\r\n // const [menuForDropdown, setMenuForDropdown] = useState([]);\r\n\r\n // useEffect(() => {\r\n // const getInnerPagesWithAxios = async () => {\r\n // const response = await axios.get(PageUrl);\r\n // setMenuForDropdown(response.data);\r\n // };\r\n // getInnerPagesWithAxios();\r\n // }, [setMenuForDropdown]);\r\n\r\n const getFieldCSSClasses = (touched, errors) => {\r\n const classes = [\"form-control\"];\r\n if (touched && errors) {\r\n classes.push(\"is-invalid\");\r\n }\r\n\r\n if (touched && !errors) {\r\n classes.push(\"is-valid\");\r\n }\r\n\r\n return classes.join(\" \");\r\n };\r\n const toBase64 = (uplaodFile) =>\r\n new Promise((resolve, reject) => {\r\n if (uplaodFile && uplaodFile !== \"\" && uplaodFile !== \" \") {\r\n const reader = new FileReader();\r\n reader.readAsDataURL(uplaodFile);\r\n reader.onload = () => resolve(reader.result);\r\n reader.onerror = (error) => reject(error);\r\n } else {\r\n resolve(\"\");\r\n }\r\n });\r\n return (\r\n <>\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n {!(guide.guideName)?\"-\" : (guide.guideName) } ({!(guide.division)?\"-\" : (guide.division) })\r\n
\r\n\r\n
\r\n \r\n \r\n
\r\n \r\n {!(guide.registrationNumber)?\"-\" : (guide.registrationNumber) }\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {!(guide.specilization)?\"-\" : (guide.specilization) }\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {!(guide.primaryContact)?\"-\" : (guide.primaryContact) }/{guide.secondaryContact}\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n {!(guide.subject)?\"-\" : (guide.subject) }
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {!(guide.dateOfBirth)?\"-\" : (guide.dateOfBirth) }\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n {!(guide.gender)?\"-\" : (guide.gender) }
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {!(guide.primaryEmail)?\"-\" : (guide.primaryEmail) }\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {!(guide.maritalStatus)?\"-\" : (guide.maritalStatus) }\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {!(guide.spouseName)?\"-\" : (guide.spouseName) }\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {!(guide.fatherName)?\" -\" : (guide.fatherName) }/{!(guide.motherName)?\"-\" : (guide.motherName) }\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {!(guide.designation)?\" -\" : (guide.designation) }\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n {!(guide.secondaryEmail)?\" -\" : (guide.secondaryEmail) }\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {!(guide.guideGrade)?\" -\" : (guide.guideGrade) }\r\n
\r\n \r\n {guiAddress.map((addresses,guiAddressId) => (\r\n
\r\n \r\n \r\n {addresses.addressLine1}\r\n
\r\n ))}\r\n \r\n {addresses.addressLine2},{addresses.city},\r\n {addresses.state}\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n SUBJECT: {guide.subject}
\r\n\r\n\r\n \r\n \r\n \r\n \r\n My Documents\r\n \r\n \r\n {\r\n backToGuiDocumentsForm(guide.guideId);\r\n }}\r\n >\r\n \r\n \r\n \r\n \r\n \r\n
\r\n {/* ))} */}\r\n \r\n \r\n \r\n \r\n \r\n {guiDocument.map((documents, guiDocumentId) => (\r\n \r\n {documents.docTitle} :\r\n \r\n \r\n \r\n {\r\n openEditGuiDocumentsPage(\r\n documents.guiDocumentId\r\n );\r\n }}\r\n >\r\n \r\n \r\n {\r\n deleteGuiDocument(\r\n documents.guiDocumentId\r\n );\r\n }}\r\n >\r\n \r\n \r\n \r\n
\r\n ))}\r\n \r\n \r\n \r\n \r\n \r\n Educational Info\r\n \r\n \r\n {\r\n backToGuiEducationsForm(guide.guideId);\r\n }}\r\n >\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n | Degree | \r\nYear | \r\nSubject | \r\nPercentage | \r\nBoard/ University | \r\n\r\n \r\n Actions\r\n \r\n | \r\n
|---|---|---|---|---|---|
| {Education.degreeType} | \r\n{Education.passingYear} | \r\n{Education.subjectStudied} | \r\n{Education.percentage} | \r\n{Education.university} | \r\n\r\n \r\n | \r\n
\r\n \r\n \r\n \r\n \r\n Profession\r\n \r\n\r\n \r\n {\r\n backToGuiJobInfosForm(guide.guideId);\r\n }}\r\n >\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n | Company Name | \r\n {/*Company Address | */}\r\nDesignation | \r\nEmplyment Type | \r\nStart Date | \r\nEnd Date | \r\nTotal Experience | \r\n\r\n \r\n Actions\r\n \r\n | \r\n
|---|---|---|---|---|---|---|---|
| {JobInfo.companyName} | \r\n {/*{jobInfo.companyName} | */}\r\n{JobInfo.jobTitle} | \r\n{JobInfo.jobType} | \r\n{JobInfo.startDate} | \r\n{JobInfo.endDate} | \r\n{JobInfo.expInYear} | \r\n\r\n \r\n | \r\n
\r\n \r\n \r\n \r\n \r\n Publication\r\n \r\n\r\n \r\n {\r\n backToGuiPublicationsForm(guide.guideId);\r\n }}\r\n >\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n | Publication Title | \r\nCategory | \r\nPublished Date | \r\nPublish Location | \r\nRemark | \r\n\r\n \r\n Actions\r\n \r\n | \r\n
|---|---|---|---|---|---|
| {Publication.publicationTitle} | \r\n{Publication.category} | \r\n{Publication.publishedDate} | \r\n{Publication.publishLocation} | \r\n{Publication.remark} | \r\n\r\n \r\n | \r\n
\r\n \r\n \r\n \r\n \r\n Patent\r\n \r\n\r\n \r\n {\r\n backToGuiPatentsForm(guide.guideId);\r\n }}\r\n >\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n | Patent Title | \r\nPatent Reg No | \r\nPatenting Org | \r\nPatent Desc | \r\nUpload Doc | \r\n\r\n \r\n Actions\r\n \r\n | \r\n
|---|---|---|---|---|---|
| {Patent.patentTitle} | \r\n{Patent.patentRegNo} | \r\n{Patent.patentingOrg} | \r\n{Patent.patentDesc} | \r\n{Patent.uploadDoc} | \r\n\r\n \r\n | \r\n
\r\n \r\n \r\n \r\n \r\n Conference\r\n \r\n \r\n {\r\n backToGuiConfsForm(guide.guideId);\r\n }}\r\n >\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n | Category | \r\nConference Title | \r\nHeld Date | \r\nLocation | \r\nRemark | \r\n\r\n \r\n Actions\r\n \r\n | \r\n {/*Paper Name | */}\r\n
|---|---|---|---|---|---|---|
| {Conference.category} | \r\n{Conference.confTitle} | \r\n{Conference.heldDate} | \r\n{Conference.location} | \r\n{Conference.remark} | \r\n\r\n \r\n | \r\n {/* {guiConf.paperName} | */}\r\n
\r\n \r\n \r\n \r\n \r\n Guide JJTU Scholar\r\n \r\n \r\n {\r\n backToGuiJjtuScholarsForm(guide.guideId);\r\n }}\r\n >\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n | Scholar Id | \r\nAllocation Date | \r\nRemark | \r\n\r\n \r\n Actions\r\n \r\n | \r\n\r\n {/*Paper Name | */}\r\n
|---|---|---|---|---|
| {guiJjtuScholars.scholarId} | \r\n{guiJjtuScholars.allocationDate} | \r\n{guiJjtuScholars.remark} | \r\n\r\n\r\n \r\n \r\n \r\n | \r\n\r\n {/* {guiConf.paperName} | */}\r\n
\r\n \r\n \r\n \r\n \r\n Awards\r\n \r\n \r\n {\r\n backToGuiAwardsForm(guide.guideId);\r\n }}\r\n >\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n | Award Title | \r\nAward Date | \r\nRemark | \r\n\r\n \r\n Actions\r\n \r\n | \r\n\r\n {/*Paper Name | */}\r\n
|---|---|---|---|---|
| {Award.awardTitle} | \r\n{Award.awardDate} | \r\n{Award.remark} | \r\n\r\n \r\n | \r\n\r\n {/* {guiConf.paperName} | */}\r\n
\r\n \r\n
\r\n \r\n );\r\n}\r\n","import axios from \"axios\";\r\n\r\nexport const GUI_DOCUMENTS_URL = `${process.env.REACT_APP_API_URL}/api/GuiDocument`;\r\n\r\n// CREATE => POST: add a new guiDocument to the server\r\nexport function createGuiDocument(guiDocument) {\r\n return axios.post(GUI_DOCUMENTS_URL, guiDocument);\r\n}\r\n\r\n// READ\r\nexport function getAllGuiDocuments() {\r\n return axios.get(GUI_DOCUMENTS_URL);\r\n}\r\n\r\nexport function getGuiDocumentById(guiDocumentId) {\r\n return axios.get(`${GUI_DOCUMENTS_URL}/${guiDocumentId}`);\r\n}\r\n\r\n// Method from server should return QueryResultsModel(items: any[], totalsCount: number)\r\n// items => filtered/sorted result\r\nexport function findGuiDocuments(queryParams) {\r\n return axios.post(`${GUI_DOCUMENTS_URL}/find`, { queryParams });\r\n}\r\n\r\n// UPDATE => PUT: update the procuct on the server\r\nexport function updateGuiDocument(guiDocument) {\r\n return axios.put(`${GUI_DOCUMENTS_URL}/${guiDocument.guiDocumentId}`, guiDocument);\r\n}\r\n\r\n// // UPDATE Status\r\n// export function updateStatusForGuiDocuments(ids, status) {\r\n// return axios.post(`${GUI_DOCUMENTS_URL}/updateStatusForGuiDocuments`, {\r\n// ids,\r\n// status\r\n// });\r\n// }\r\n\r\n// DELETE => delete the guiDocument from the server\r\nexport function deleteGuiDocument(guiDocumentId) {\r\n return axios.delete(`${GUI_DOCUMENTS_URL}/${guiDocumentId}`);\r\n}\r\n\r\n// DELETE GuiDocuments by ids\r\nexport function deleteGuiDocuments(ids) {\r\n return axios.post(`${GUI_DOCUMENTS_URL}/deleteGuiDocuments`, { ids });\r\n}\r\n","import * as requestFromServer from \"./guiDocumentsCrud\";\r\nimport { guiDocumentsSlice, callTypes } from \"./guiDocumentsSlice\";\r\n\r\nconst { actions } = guiDocumentsSlice;\r\n\r\nexport const fetchGuiDocuments = (queryParams) => (dispatch) => {\r\n dispatch(actions.startCall({ callType: callTypes.list }));\r\n return requestFromServer\r\n .findGuiDocuments(queryParams)\r\n .then((response) => {\r\n const { totalCount, entities } = response.data;\r\n dispatch(actions.guiDocumentsFetched({ totalCount, entities }));\r\n })\r\n .catch((error) => {\r\n error.clientMessage = \"Can't find guiDocuments\";\r\n dispatch(actions.catchError({ error, callType: callTypes.list }));\r\n });\r\n};\r\n\r\nexport const fetchGuiDocument = (id) => (dispatch) => {\r\n if (!id) {\r\n return dispatch(actions.guiDocumentFetched({ guiDocumentForEdit: undefined }));\r\n }\r\n\r\n dispatch(actions.startCall({ callType: callTypes.action }));\r\n return requestFromServer\r\n .getGuiDocumentById(id)\r\n .then((response) => {\r\n const guiDocument = response.data;\r\n dispatch(actions.guiDocumentFetched({ guiDocumentForEdit: guiDocument }));\r\n })\r\n .catch((error) => {\r\n error.clientMessage = \"Can't find guiDocument\";\r\n dispatch(actions.catchError({ error, callType: callTypes.action }));\r\n });\r\n};\r\n\r\nexport const deleteGuiDocument = (id) => (dispatch) => {\r\n dispatch(actions.startCall({ callType: callTypes.action }));\r\n return requestFromServer\r\n .deleteGuiDocument(id)\r\n .then((response) => {\r\n dispatch(actions.guiDocumentDeleted({ id }));\r\n })\r\n .catch((error) => {\r\n error.clientMessage = \"Can't delete guiDocument\";\r\n dispatch(actions.catchError({ error, callType: callTypes.action }));\r\n });\r\n};\r\n\r\nexport const createGuiDocument = (guiDocumentForCreation) => (dispatch) => {\r\n dispatch(actions.startCall({ callType: callTypes.action }));\r\n guiDocumentForCreation.isActive = true;\r\n return requestFromServer\r\n .createGuiDocument(guiDocumentForCreation)\r\n .then((response) => {\r\n const { guiDocument } = response.data;\r\n guiDocument.id = guiDocument.guiDocumentId;\r\n dispatch(actions.guiDocumentCreated({ guiDocument }));\r\n })\r\n .catch((error) => {\r\n error.clientMessage = \"Can't create guiDocument\";\r\n dispatch(actions.catchError({ error, callType: callTypes.action }));\r\n });\r\n};\r\n\r\nexport const updateGuiDocument = (guiDocument) => (dispatch) => {\r\n dispatch(actions.startCall({ callType: callTypes.action }));\r\n return requestFromServer\r\n .updateGuiDocument(guiDocument)\r\n .then(() => {\r\n dispatch(actions.guiDocumentUpdated({ guiDocument }));\r\n })\r\n .catch((error) => {\r\n error.clientMessage = \"Can't update guiDocument\";\r\n dispatch(actions.catchError({ error, callType: callTypes.action }));\r\n });\r\n};\r\n\r\nexport const deleteGuiDocuments = (ids) => (dispatch) => {\r\n dispatch(actions.startCall({ callType: callTypes.action }));\r\n return requestFromServer\r\n .deleteGuiDocuments(ids)\r\n .then(() => {\r\n dispatch(actions.guiDocumentsDeleted({ ids }));\r\n })\r\n .catch((error) => {\r\n error.clientMessage = \"Can't delete guiDocuments\";\r\n dispatch(actions.catchError({ error, callType: callTypes.action }));\r\n });\r\n};\r\n","// Form is based on Formik\r\n// Data validation is based on Yup\r\n// Please, be familiar with article first:\r\n// https://hackernoon.com/react-form-validation-with-formik-and-yup-8b76bda62e10\r\nimport React from \"react\";\r\nimport { Formik, Form, Field } from \"formik\";\r\n//import axios from \"axios\";\r\nimport * as Yup from \"yup\";\r\nimport { Input, } from \"../../../../../../_metronic/_partials/controls\";\r\n\r\n// Validation schema\r\nconst GuiDocumentEditSchema = Yup.object().shape({\r\n docTitle: Yup.string().required(\"Name is required\"),\r\n});\r\n\r\n//const PageUrl = `${process.env.REACT_APP_API_URL}/api/guide`;\r\n//const PageUrl1 = `${process.env.REACT_APP_API_URL}/api/doctype`;\r\nexport function GuiDocumentEditForm({ guiDocument, btnRef, saveGuiDocument }) {\r\n // const [menuForDropdown, setMenuForDropdown] = useState([]);\r\n // const [menuForDropdown1, setMenuForDropdown1] = useState([]);\r\n\r\n // useEffect(() => {\r\n // const getInnerPagesWithAxios = async () => {\r\n // const response = await axios.get(PageUrl);\r\n // setMenuForDropdown(response.data);\r\n // };\r\n // getInnerPagesWithAxios();\r\n // }, [setMenuForDropdown]);\r\n\r\n // useEffect(() => {\r\n // const getInnerPagesWithAxios = async () => {\r\n // const response = await axios.get(PageUrl1);\r\n // setMenuForDropdown1(response.data);\r\n // };\r\n // getInnerPagesWithAxios();\r\n // }, [setMenuForDropdown1]);\r\n\r\n const getFieldCSSClasses = (touched, errors) => {\r\n const classes = [\"form-control\"];\r\n if (touched && errors) {\r\n classes.push(\"is-invalid\");\r\n }\r\n\r\n if (touched && !errors) {\r\n classes.push(\"is-valid\");\r\n }\r\n\r\n return classes.join(\" \");\r\n };\r\n const toBase64 = (uplaodDoc) =>\r\n new Promise((resolve, reject) => {\r\n if (uplaodDoc && uplaodDoc !== \"\" && uplaodDoc !== \" \") {\r\n const reader = new FileReader();\r\n reader.readAsDataURL(uplaodDoc);\r\n reader.onload = () => resolve(reader.result);\r\n reader.onerror = (error) => reject(error);\r\n } else {\r\n resolve(\"\");\r\n }\r\n });\r\n return (\r\n <>\r\n \r\n \r\n {actionsLoading && \r\n \r\n \r\n \r\n Close\r\n \r\n {/* */}\r\n \r\n Save\r\n \r\n \r\n \r\n \r\n {!actionsLoading && (\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n );\r\n}\r\n","import axios from \"axios\";\r\n\r\nexport const GUI_PATENTS_URL = `${process.env.REACT_APP_API_URL}/api/GuiPatent`;\r\n\r\n// CREATE => POST: add a new guiPatent to the server\r\nexport function createGuiPatent(guiPatent) {\r\n return axios.post(GUI_PATENTS_URL, guiPatent);\r\n}\r\n\r\n// READ\r\nexport function getAllGuiPatents() {\r\n return axios.get(GUI_PATENTS_URL);\r\n}\r\n\r\nexport function getGuiPatentById(guiPatentId) {\r\n return axios.get(`${GUI_PATENTS_URL}/${guiPatentId}`);\r\n}\r\n\r\n// Method from server should return QueryResultsModel(items: any[], totalsCount: number)\r\n// items => filtered/sorted result\r\nexport function findGuiPatents(queryParams) {\r\n return axios.post(`${GUI_PATENTS_URL}/find`, { queryParams });\r\n}\r\n\r\n// UPDATE => PUT: update the procuct on the server\r\nexport function updateGuiPatent(guiPatent) {\r\n return axios.put(`${GUI_PATENTS_URL}/${guiPatent.guiPatentId}`, guiPatent);\r\n}\r\n\r\n// // UPDATE Status\r\n// export function updateStatusForGuiPatents(ids, status) {\r\n// return axios.post(`${GUI_PATENTS_URL}/updateStatusForGuiPatents`, {\r\n// ids,\r\n// status\r\n// });\r\n// }\r\n\r\n// DELETE => delete the guiPatent from the server\r\nexport function deleteGuiPatent(guiPatentId) {\r\n return axios.delete(`${GUI_PATENTS_URL}/${guiPatentId}`);\r\n}\r\n\r\n// DELETE GuiPatents by ids\r\nexport function deleteGuiPatents(ids) {\r\n return axios.post(`${GUI_PATENTS_URL}/deleteGuiPatents`, { ids });\r\n}\r\n","import * as requestFromServer from \"./guiPatentsCrud\";\r\nimport { guiPatentsSlice, callTypes } from \"./guiPatentsSlice\";\r\n\r\nconst { actions } = guiPatentsSlice;\r\n\r\nexport const fetchGuiPatents = (queryParams) => (dispatch) => {\r\n dispatch(actions.startCall({ callType: callTypes.list }));\r\n return requestFromServer\r\n .findGuiPatents(queryParams)\r\n .then((response) => {\r\n const { totalCount, entities } = response.data;\r\n dispatch(actions.guiPatentsFetched({ totalCount, entities }));\r\n })\r\n .catch((error) => {\r\n error.clientMessage = \"Can't find guiPatents\";\r\n dispatch(actions.catchError({ error, callType: callTypes.list }));\r\n });\r\n};\r\n\r\nexport const fetchGuiPatent = (id) => (dispatch) => {\r\n if (!id) {\r\n return dispatch(actions.guiPatentFetched({ guiPatentForEdit: undefined }));\r\n }\r\n\r\n dispatch(actions.startCall({ callType: callTypes.action }));\r\n return requestFromServer\r\n .getGuiPatentById(id)\r\n .then((response) => {\r\n const guiPatent = response.data;\r\n dispatch(actions.guiPatentFetched({ guiPatentForEdit: guiPatent }));\r\n })\r\n .catch((error) => {\r\n error.clientMessage = \"Can't find guiPatent\";\r\n dispatch(actions.catchError({ error, callType: callTypes.action }));\r\n });\r\n};\r\n\r\nexport const deleteGuiPatent = (id) => (dispatch) => {\r\n dispatch(actions.startCall({ callType: callTypes.action }));\r\n return requestFromServer\r\n .deleteGuiPatent(id)\r\n .then((response) => {\r\n dispatch(actions.guiPatentDeleted({ id }));\r\n })\r\n .catch((error) => {\r\n error.clientMessage = \"Can't delete guiPatent\";\r\n dispatch(actions.catchError({ error, callType: callTypes.action }));\r\n });\r\n};\r\n\r\nexport const createGuiPatent = (guiPatentForCreation) => (dispatch) => {\r\n dispatch(actions.startCall({ callType: callTypes.action }));\r\n guiPatentForCreation.isActive = true;\r\n return requestFromServer\r\n .createGuiPatent(guiPatentForCreation)\r\n .then((response) => {\r\n const { guiPatent } = response.data;\r\n guiPatent.id = guiPatent.guiPatentId;\r\n dispatch(actions.guiPatentCreated({ guiPatent }));\r\n })\r\n .catch((error) => {\r\n error.clientMessage = \"Can't create guiPatent\";\r\n dispatch(actions.catchError({ error, callType: callTypes.action }));\r\n });\r\n};\r\n\r\nexport const updateGuiPatent = (guiPatent) => (dispatch) => {\r\n dispatch(actions.startCall({ callType: callTypes.action }));\r\n return requestFromServer\r\n .updateGuiPatent(guiPatent)\r\n .then(() => {\r\n dispatch(actions.guiPatentUpdated({ guiPatent }));\r\n })\r\n .catch((error) => {\r\n error.clientMessage = \"Can't update guiPatent\";\r\n dispatch(actions.catchError({ error, callType: callTypes.action }));\r\n });\r\n};\r\n\r\nexport const deleteGuiPatents = (ids) => (dispatch) => {\r\n dispatch(actions.startCall({ callType: callTypes.action }));\r\n return requestFromServer\r\n .deleteGuiPatents(ids)\r\n .then(() => {\r\n dispatch(actions.guiPatentsDeleted({ ids }));\r\n })\r\n .catch((error) => {\r\n error.clientMessage = \"Can't delete guiPatents\";\r\n dispatch(actions.catchError({ error, callType: callTypes.action }));\r\n });\r\n};\r\n","// Form is based on Formik\r\n// Data validation is based on Yup\r\n// Please, be familiar with article first:\r\n// https://hackernoon.com/react-form-validation-with-formik-and-yup-8b76bda62e10\r\nimport React from \"react\";\r\nimport { Formik, Form, Field } from \"formik\";\r\n//import axios from \"axios\";\r\nimport * as Yup from \"yup\";\r\n// import CKEditor from \"ckeditor4-react\";\r\n// import { Config } from \"./../../../../Admin/utils/CkeditorConfig\";\r\nimport {\r\n Input,\r\n \r\n} from \"../../../../../../_metronic/_partials/controls\";\r\n\r\n\r\n// Validation schema\r\nconst GuiPatentEditSchema = Yup.object().shape({\r\n patentTitle: Yup.string().required(\"Name is required\"),\r\n});\r\n\r\n//const PageUrl = `${process.env.REACT_APP_API_URL}/api/guide`;\r\n\r\nexport function GuiPatentEditForm({ guiPatent, btnRef, saveGuiPatent }) {\r\n //const [menuForDropdown, setMenuForDropdown] = useState([]);\r\n\r\n // useEffect(() => {\r\n // const getInnerPagesWithAxios = async () => {\r\n // const response = await axios.get(PageUrl);\r\n // setMenuForDropdown(response.data);\r\n // };\r\n // getInnerPagesWithAxios();\r\n // }, [setMenuForDropdown]);\r\n const getFieldCSSClasses = (touched, errors) => {\r\n const classes = [\"form-control\"];\r\n if (touched && errors) {\r\n classes.push(\"is-invalid\");\r\n }\r\n\r\n if (touched && !errors) {\r\n classes.push(\"is-valid\");\r\n }\r\n\r\n return classes.join(\" \");\r\n };\r\n const toBase64 = (uplaodDoc) =>\r\n new Promise((resolve, reject) => {\r\n if (uplaodDoc && uplaodDoc !== \"\" && uplaodDoc !== \" \") {\r\n const reader = new FileReader();\r\n reader.readAsDataURL(uplaodDoc);\r\n reader.onload = () => resolve(reader.result);\r\n reader.onerror = (error) => reject(error);\r\n } else {\r\n resolve(\"\");\r\n }\r\n });\r\n return (\r\n <>\r\n \r\n \r\n {actionsLoading && \r\n \r\n \r\n \r\n Close\r\n \r\n {/* */}\r\n \r\n Save\r\n \r\n \r\n \r\n \r\n {!actionsLoading && (\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n );\r\n}\r\n","import axios from \"axios\";\r\n\r\nexport const GUI_EDUCATIONS_URL = `${process.env.REACT_APP_API_URL}/api/GuiEducation`;\r\n\r\n// CREATE => POST: add a new guiEducation to the server\r\nexport function createGuiEducation(guiEducation) {\r\n return axios.post(GUI_EDUCATIONS_URL, guiEducation);\r\n}\r\n\r\n// READ\r\nexport function getAllGuiEducations() {\r\n return axios.get(GUI_EDUCATIONS_URL);\r\n}\r\n\r\nexport function getGuiEducationById(guiEducationId) {\r\n return axios.get(`${GUI_EDUCATIONS_URL}/${guiEducationId}`);\r\n}\r\n\r\n// Method from server should return QueryResultsModel(items: any[], totalsCount: number)\r\n// items => filtered/sorted result\r\nexport function findGuiEducations(queryParams) {\r\n return axios.post(`${GUI_EDUCATIONS_URL}/find`, { queryParams });\r\n}\r\n\r\n// UPDATE => PUT: update the procuct on the server\r\nexport function updateGuiEducation(guiEducation) {\r\n return axios.put(`${GUI_EDUCATIONS_URL}/${guiEducation.guiEducationId}`, guiEducation);\r\n}\r\n\r\n// // UPDATE Status\r\n// export function updateStatusForGuiEducations(ids, status) {\r\n// return axios.post(`${GUI_EDUCATIONS_URL}/updateStatusForGuiEducations`, {\r\n// ids,\r\n// status\r\n// });\r\n// }\r\n\r\n// DELETE => delete the guiEducation from the server\r\nexport function deleteGuiEducation(guiEducationId) {\r\n return axios.delete(`${GUI_EDUCATIONS_URL}/${guiEducationId}`);\r\n}\r\n\r\n// DELETE GuiEducations by ids\r\nexport function deleteGuiEducations(ids) {\r\n return axios.post(`${GUI_EDUCATIONS_URL}/deleteGuiEducations`, { ids });\r\n}\r\n","import * as requestFromServer from \"./guiEducationsCrud\";\r\nimport { guiEducationsSlice, callTypes } from \"./guiEducationsSlice\";\r\n\r\nconst { actions } = guiEducationsSlice;\r\n\r\nexport const fetchGuiEducations = (queryParams) => (dispatch) => {\r\n dispatch(actions.startCall({ callType: callTypes.list }));\r\n return requestFromServer\r\n .findGuiEducations(queryParams)\r\n .then((response) => {\r\n const { totalCount, entities } = response.data;\r\n dispatch(actions.guiEducationsFetched({ totalCount, entities }));\r\n })\r\n .catch((error) => {\r\n error.clientMessage = \"Can't find guiEducations\";\r\n dispatch(actions.catchError({ error, callType: callTypes.list }));\r\n });\r\n};\r\n\r\nexport const fetchGuiEducation = (id) => (dispatch) => {\r\n if (!id) {\r\n return dispatch(actions.guiEducationFetched({ guiEducationForEdit: undefined }));\r\n }\r\n\r\n dispatch(actions.startCall({ callType: callTypes.action }));\r\n return requestFromServer\r\n .getGuiEducationById(id)\r\n .then((response) => {\r\n const guiEducation = response.data;\r\n dispatch(actions.guiEducationFetched({ guiEducationForEdit: guiEducation }));\r\n })\r\n .catch((error) => {\r\n error.clientMessage = \"Can't find guiEducation\";\r\n dispatch(actions.catchError({ error, callType: callTypes.action }));\r\n });\r\n};\r\n\r\nexport const deleteGuiEducation = (id) => (dispatch) => {\r\n dispatch(actions.startCall({ callType: callTypes.action }));\r\n return requestFromServer\r\n .deleteGuiEducation(id)\r\n .then((response) => {\r\n dispatch(actions.guiEducationDeleted({ id }));\r\n })\r\n .catch((error) => {\r\n error.clientMessage = \"Can't delete guiEducation\";\r\n dispatch(actions.catchError({ error, callType: callTypes.action }));\r\n });\r\n};\r\n\r\nexport const createGuiEducation = (guiEducationForCreation) => (dispatch) => {\r\n dispatch(actions.startCall({ callType: callTypes.action }));\r\n guiEducationForCreation.isActive = true;\r\n return requestFromServer\r\n .createGuiEducation(guiEducationForCreation)\r\n .then((response) => {\r\n const { guiEducation } = response.data;\r\n guiEducation.id = guiEducation.guiEducationId;\r\n dispatch(actions.guiEducationCreated({ guiEducation }));\r\n })\r\n .catch((error) => {\r\n error.clientMessage = \"Can't create guiEducation\";\r\n dispatch(actions.catchError({ error, callType: callTypes.action }));\r\n });\r\n};\r\n\r\nexport const updateGuiEducation = (guiEducation) => (dispatch) => {\r\n dispatch(actions.startCall({ callType: callTypes.action }));\r\n return requestFromServer\r\n .updateGuiEducation(guiEducation)\r\n .then(() => {\r\n dispatch(actions.guiEducationUpdated({ guiEducation }));\r\n })\r\n .catch((error) => {\r\n error.clientMessage = \"Can't update guiEducation\";\r\n dispatch(actions.catchError({ error, callType: callTypes.action }));\r\n });\r\n};\r\n\r\nexport const deleteGuiEducations = (ids) => (dispatch) => {\r\n dispatch(actions.startCall({ callType: callTypes.action }));\r\n return requestFromServer\r\n .deleteGuiEducations(ids)\r\n .then(() => {\r\n dispatch(actions.guiEducationsDeleted({ ids }));\r\n })\r\n .catch((error) => {\r\n error.clientMessage = \"Can't delete guiEducations\";\r\n dispatch(actions.catchError({ error, callType: callTypes.action }));\r\n });\r\n};\r\n","// Form is based on Formik\r\n// Data validation is based on Yup\r\n// Please, be familiar with article first:\r\n// https://hackernoon.com/react-form-validation-with-formik-and-yup-8b76bda62e10\r\nimport React from \"react\";\r\nimport { Formik, Form, Field } from \"formik\";\r\n//import axios from \"axios\";\r\nimport * as Yup from \"yup\";\r\nimport {\r\n Input,\r\n \r\n} from \"../../../../../../_metronic/_partials/controls\";\r\n\r\n\r\n// Validation schema\r\nconst GuiEducationEditSchema = Yup.object().shape({\r\n examName: Yup.string().required(\"Name is required\"),\r\n});\r\n\r\n//const PageUrl = `${process.env.REACT_APP_API_URL}/api/guide`;\r\n\r\nexport function GuiEducationEditForm({ guiEducation, btnRef, saveGuiEducation }) {\r\n // const [menuForDropdown, setMenuForDropdown] = useState([]);\r\n\r\n // useEffect(() => {\r\n // const getInnerPagesWithAxios = async () => {\r\n // const response = await axios.get(PageUrl);\r\n // setMenuForDropdown(response.data);\r\n // };\r\n // getInnerPagesWithAxios();\r\n // }, [setMenuForDropdown]);\r\n return (\r\n <>\r\n \r\n \r\n {actionsLoading && \r\n \r\n \r\n \r\n Close\r\n \r\n {/* */}\r\n \r\n Save\r\n \r\n \r\n \r\n \r\n {!actionsLoading && (\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n );\r\n}\r\n","import axios from \"axios\";\r\n\r\nexport const GUI_JOBINFOS_URL = `${process.env.REACT_APP_API_URL}/api/GuiJobInfo`;\r\n\r\n// CREATE => POST: add a new guiJobInfo to the server\r\nexport function createGuiJobInfo(guiJobInfo) {\r\n return axios.post(GUI_JOBINFOS_URL, guiJobInfo);\r\n}\r\n\r\n// READ\r\nexport function getAllGuiJobInfos() {\r\n return axios.get(GUI_JOBINFOS_URL);\r\n}\r\n\r\nexport function getGuiJobInfoById(guiJobInfoId) {\r\n return axios.get(`${GUI_JOBINFOS_URL}/${guiJobInfoId}`);\r\n}\r\n\r\n// Method from server should return QueryResultsModel(items: any[], totalsCount: number)\r\n// items => filtered/sorted result\r\nexport function findGuiJobInfos(queryParams) {\r\n return axios.post(`${GUI_JOBINFOS_URL}/find`, { queryParams });\r\n}\r\n\r\n// UPDATE => PUT: update the procuct on the server\r\nexport function updateGuiJobInfo(guiJobInfo) {\r\n return axios.put(`${GUI_JOBINFOS_URL}/${guiJobInfo.guiJobInfoId}`, guiJobInfo);\r\n}\r\n\r\n// // UPDATE Status\r\n// export function updateStatusForGuiJobInfos(ids, status) {\r\n// return axios.post(`${GUI_JOBINFOS_URL}/updateStatusForGuiJobInfos`, {\r\n// ids,\r\n// status\r\n// });\r\n// }\r\n\r\n// DELETE => delete the guiJobInfo from the server\r\nexport function deleteGuiJobInfo(guiJobInfoId) {\r\n return axios.delete(`${GUI_JOBINFOS_URL}/${guiJobInfoId}`);\r\n}\r\n\r\n// DELETE GuiJobInfos by ids\r\nexport function deleteGuiJobInfos(ids) {\r\n return axios.post(`${GUI_JOBINFOS_URL}/deleteGuiJobInfos`, { ids });\r\n}\r\n","import * as requestFromServer from \"./guiJobInfosCrud\";\r\nimport { guiJobInfosSlice, callTypes } from \"./guiJobInfosSlice\";\r\n\r\nconst { actions } = guiJobInfosSlice;\r\n\r\nexport const fetchGuiJobInfos = (queryParams) => (dispatch) => {\r\n dispatch(actions.startCall({ callType: callTypes.list }));\r\n return requestFromServer\r\n .findGuiJobInfos(queryParams)\r\n .then((response) => {\r\n const { totalCount, entities } = response.data;\r\n dispatch(actions.guiJobInfosFetched({ totalCount, entities }));\r\n })\r\n .catch((error) => {\r\n error.clientMessage = \"Can't find guiJobInfos\";\r\n dispatch(actions.catchError({ error, callType: callTypes.list }));\r\n });\r\n};\r\n\r\nexport const fetchGuiJobInfo = (id) => (dispatch) => {\r\n if (!id) {\r\n return dispatch(actions.guiJobInfoFetched({ guiJobInfoForEdit: undefined }));\r\n }\r\n\r\n dispatch(actions.startCall({ callType: callTypes.action }));\r\n return requestFromServer\r\n .getGuiJobInfoById(id)\r\n .then((response) => {\r\n const guiJobInfo = response.data;\r\n dispatch(actions.guiJobInfoFetched({ guiJobInfoForEdit: guiJobInfo }));\r\n })\r\n .catch((error) => {\r\n error.clientMessage = \"Can't find guiJobInfo\";\r\n dispatch(actions.catchError({ error, callType: callTypes.action }));\r\n });\r\n};\r\n\r\nexport const deleteGuiJobInfo = (id) => (dispatch) => {\r\n dispatch(actions.startCall({ callType: callTypes.action }));\r\n return requestFromServer\r\n .deleteGuiJobInfo(id)\r\n .then((response) => {\r\n dispatch(actions.guiJobInfoDeleted({ id }));\r\n })\r\n .catch((error) => {\r\n error.clientMessage = \"Can't delete guiJobInfo\";\r\n dispatch(actions.catchError({ error, callType: callTypes.action }));\r\n });\r\n};\r\n\r\nexport const createGuiJobInfo = (guiJobInfoForCreation) => (dispatch) => {\r\n dispatch(actions.startCall({ callType: callTypes.action }));\r\n guiJobInfoForCreation.isActive = true;\r\n return requestFromServer\r\n .createGuiJobInfo(guiJobInfoForCreation)\r\n .then((response) => {\r\n const { guiJobInfo } = response.data;\r\n guiJobInfo.id = guiJobInfo.guiJobInfoId;\r\n dispatch(actions.guiJobInfoCreated({ guiJobInfo }));\r\n })\r\n .catch((error) => {\r\n error.clientMessage = \"Can't create guiJobInfo\";\r\n dispatch(actions.catchError({ error, callType: callTypes.action }));\r\n });\r\n};\r\n\r\nexport const updateGuiJobInfo = (guiJobInfo) => (dispatch) => {\r\n dispatch(actions.startCall({ callType: callTypes.action }));\r\n return requestFromServer\r\n .updateGuiJobInfo(guiJobInfo)\r\n .then(() => {\r\n dispatch(actions.guiJobInfoUpdated({ guiJobInfo }));\r\n })\r\n .catch((error) => {\r\n error.clientMessage = \"Can't update guiJobInfo\";\r\n dispatch(actions.catchError({ error, callType: callTypes.action }));\r\n });\r\n};\r\n\r\nexport const deleteGuiJobInfos = (ids) => (dispatch) => {\r\n dispatch(actions.startCall({ callType: callTypes.action }));\r\n return requestFromServer\r\n .deleteGuiJobInfos(ids)\r\n .then(() => {\r\n dispatch(actions.guiJobInfosDeleted({ ids }));\r\n })\r\n .catch((error) => {\r\n error.clientMessage = \"Can't delete guiJobInfos\";\r\n dispatch(actions.catchError({ error, callType: callTypes.action }));\r\n });\r\n};\r\n","// Form is based on Formik\r\n// Data validation is based on Yup\r\n// Please, be familiar with article first:\r\n// https://hackernoon.com/react-form-validation-with-formik-and-yup-8b76bda62e10\r\nimport React from \"react\";\r\nimport { Formik, Form, Field } from \"formik\";\r\n//import axios from \"axios\";\r\nimport TextField from \"@material-ui/core/TextField\";\r\nimport * as Yup from \"yup\";\r\nimport {\r\n Input,\r\n \r\n} from \"../../../../../../_metronic/_partials/controls\";\r\n\r\n\r\n// Validation schema\r\nconst GuiJobInfoEditSchema = Yup.object().shape({\r\n companyName: Yup.string().required(\"Name is required\"),\r\n});\r\n\r\n//const PageUrl = `${process.env.REACT_APP_API_URL}/api/guide`;\r\n\r\nexport function GuiJobInfoEditForm({ guiJobInfo, btnRef, saveGuiJobInfo }) {\r\n // const [menuForDropdown, setMenuForDropdown] = useState([]);\r\n\r\n // useEffect(() => {\r\n // const getInnerPagesWithAxios = async () => {\r\n // const response = await axios.get(PageUrl);\r\n // setMenuForDropdown(response.data);\r\n // };\r\n // getInnerPagesWithAxios();\r\n // }, [setMenuForDropdown]);\r\n return (\r\n <>\r\n \r\n \r\n {actionsLoading && \r\n \r\n \r\n \r\n Close\r\n \r\n {/* */}\r\n \r\n Save\r\n \r\n \r\n \r\n \r\n {!actionsLoading && (\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n );\r\n}\r\n","import axios from \"axios\";\r\n\r\nexport const GUI_AWARDS_URL = `${process.env.REACT_APP_API_URL}/api/GuiAward`;\r\n\r\n// CREATE => POST: add a new guiAward to the server\r\nexport function createGuiAward(guiAward) {\r\n return axios.post(GUI_AWARDS_URL, guiAward);\r\n}\r\n\r\n// READ\r\nexport function getAllGuiAwards() {\r\n return axios.get(GUI_AWARDS_URL);\r\n}\r\n\r\nexport function getGuiAwardById(guiAwardId) {\r\n return axios.get(`${GUI_AWARDS_URL}/${guiAwardId}`);\r\n}\r\n\r\n// Method from server should return QueryResultsModel(items: any[], totalsCount: number)\r\n// items => filtered/sorted result\r\nexport function findGuiAwards(queryParams) {\r\n return axios.post(`${GUI_AWARDS_URL}/find`, { queryParams });\r\n}\r\n\r\n// UPDATE => PUT: update the procuct on the server\r\nexport function updateGuiAward(guiAward) {\r\n return axios.put(`${GUI_AWARDS_URL}/${guiAward.guiAwardId}`, guiAward);\r\n}\r\n\r\n// // UPDATE Status\r\n// export function updateStatusForGuiAwards(ids, status) {\r\n// return axios.post(`${GUI_AWARDS_URL}/updateStatusForGuiAwards`, {\r\n// ids,\r\n// status\r\n// });\r\n// }\r\n\r\n// DELETE => delete the guiAward from the server\r\nexport function deleteGuiAward(guiAwardId) {\r\n return axios.delete(`${GUI_AWARDS_URL}/${guiAwardId}`);\r\n}\r\n\r\n// DELETE GuiAwards by ids\r\nexport function deleteGuiAwards(ids) {\r\n return axios.post(`${GUI_AWARDS_URL}/deleteGuiAwards`, { ids });\r\n}\r\n","import * as requestFromServer from \"./guiAwardsCrud\";\r\nimport { guiAwardsSlice, callTypes } from \"./guiAwardsSlice\";\r\n\r\nconst { actions } = guiAwardsSlice;\r\n\r\nexport const fetchGuiAwards = (queryParams) => (dispatch) => {\r\n dispatch(actions.startCall({ callType: callTypes.list }));\r\n return requestFromServer\r\n .findGuiAwards(queryParams)\r\n .then((response) => {\r\n const { totalCount, entities } = response.data;\r\n dispatch(actions.guiAwardsFetched({ totalCount, entities }));\r\n })\r\n .catch((error) => {\r\n error.clientMessage = \"Can't find guiAwards\";\r\n dispatch(actions.catchError({ error, callType: callTypes.list }));\r\n });\r\n};\r\n\r\nexport const fetchGuiAward = (id) => (dispatch) => {\r\n if (!id) {\r\n return dispatch(actions.guiAwardFetched({ guiAwardForEdit: undefined }));\r\n }\r\n\r\n dispatch(actions.startCall({ callType: callTypes.action }));\r\n return requestFromServer\r\n .getGuiAwardById(id)\r\n .then((response) => {\r\n const guiAward = response.data;\r\n dispatch(actions.guiAwardFetched({ guiAwardForEdit: guiAward }));\r\n })\r\n .catch((error) => {\r\n error.clientMessage = \"Can't find guiAward\";\r\n dispatch(actions.catchError({ error, callType: callTypes.action }));\r\n });\r\n};\r\n\r\nexport const deleteGuiAward = (id) => (dispatch) => {\r\n dispatch(actions.startCall({ callType: callTypes.action }));\r\n return requestFromServer\r\n .deleteGuiAward(id)\r\n .then((response) => {\r\n dispatch(actions.guiAwardDeleted({ id }));\r\n })\r\n .catch((error) => {\r\n error.clientMessage = \"Can't delete guiAward\";\r\n dispatch(actions.catchError({ error, callType: callTypes.action }));\r\n });\r\n};\r\n\r\nexport const createGuiAward = (guiAwardForCreation) => (dispatch) => {\r\n dispatch(actions.startCall({ callType: callTypes.action }));\r\n guiAwardForCreation.isActive = true;\r\n return requestFromServer\r\n .createGuiAward(guiAwardForCreation)\r\n .then((response) => {\r\n const { guiAward } = response.data;\r\n guiAward.id = guiAward.guiAwardId;\r\n dispatch(actions.guiAwardCreated({ guiAward }));\r\n })\r\n .catch((error) => {\r\n error.clientMessage = \"Can't create guiAward\";\r\n dispatch(actions.catchError({ error, callType: callTypes.action }));\r\n });\r\n};\r\n\r\nexport const updateGuiAward = (guiAward) => (dispatch) => {\r\n dispatch(actions.startCall({ callType: callTypes.action }));\r\n return requestFromServer\r\n .updateGuiAward(guiAward)\r\n .then(() => {\r\n dispatch(actions.guiAwardUpdated({ guiAward }));\r\n })\r\n .catch((error) => {\r\n error.clientMessage = \"Can't update guiAward\";\r\n dispatch(actions.catchError({ error, callType: callTypes.action }));\r\n });\r\n};\r\n\r\nexport const deleteGuiAwards = (ids) => (dispatch) => {\r\n dispatch(actions.startCall({ callType: callTypes.action }));\r\n return requestFromServer\r\n .deleteGuiAwards(ids)\r\n .then(() => {\r\n dispatch(actions.guiAwardsDeleted({ ids }));\r\n })\r\n .catch((error) => {\r\n error.clientMessage = \"Can't delete guiAwards\";\r\n dispatch(actions.catchError({ error, callType: callTypes.action }));\r\n });\r\n};\r\n","// Form is based on Formik\r\n// Data validation is based on Yup\r\n// Please, be familiar with article first:\r\n// https://hackernoon.com/react-form-validation-with-formik-and-yup-8b76bda62e10\r\nimport React from \"react\";\r\nimport { Formik, Form, Field } from \"formik\";\r\n//import axios from \"axios\";\r\nimport TextField from \"@material-ui/core/TextField\";\r\nimport * as Yup from \"yup\";\r\n\r\nimport { Input } from \"../../../../../../_metronic/_partials/controls\";\r\n\r\n\r\n// Validation schema\r\nconst GuiAwardEditSchema = Yup.object().shape({\r\n awardTitle: Yup.string().required(\"Name is required\"),\r\n});\r\n\r\n//const PageUrl = `${process.env.REACT_APP_API_URL}/api/guide`;\r\n\r\nexport function GuiAwardEditForm({ guiAward, btnRef, saveGuiAward }) {\r\n // const [menuForDropdown, setMenuForDropdown] = useState([]);\r\n\r\n // useEffect(() => {\r\n // const getInnerPagesWithAxios = async () => {\r\n // const response = await axios.get(PageUrl);\r\n // setMenuForDropdown(response.data);\r\n // };\r\n // getInnerPagesWithAxios();\r\n // }, [setMenuForDropdown]);\r\n\r\n const getFieldCSSClasses = (touched, errors) => {\r\n const classes = [\"form-control\"];\r\n if (touched && errors) {\r\n classes.push(\"is-invalid\");\r\n }\r\n\r\n if (touched && !errors) {\r\n classes.push(\"is-valid\");\r\n }\r\n\r\n return classes.join(\" \");\r\n };\r\n const toBase64 = (uplaodDoc) =>\r\n new Promise((resolve, reject) => {\r\n if (uplaodDoc && uplaodDoc !== \"\" && uplaodDoc !== \" \") {\r\n const reader = new FileReader();\r\n reader.readAsDataURL(uplaodDoc);\r\n reader.onload = () => resolve(reader.result);\r\n reader.onerror = (error) => reject(error);\r\n } else {\r\n resolve(\"\");\r\n }\r\n });\r\n return (\r\n <>\r\n \r\n \r\n {actionsLoading && \r\n \r\n \r\n \r\n Close\r\n \r\n {/* */}\r\n \r\n Save\r\n \r\n \r\n \r\n \r\n {!actionsLoading && (\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n );\r\n}\r\n","import axios from \"axios\";\r\n\r\nexport const GUI_PUBLICATIONS_URL = `${process.env.REACT_APP_API_URL}/api/GuiPublication`;\r\n\r\n// CREATE => POST: add a new guiPublication to the server\r\nexport function createGuiPublication(guiPublication) {\r\n return axios.post(GUI_PUBLICATIONS_URL, guiPublication);\r\n}\r\n\r\n// READ\r\nexport function getAllGuiPublications() {\r\n return axios.get(GUI_PUBLICATIONS_URL);\r\n}\r\n\r\nexport function getGuiPublicationById(guiPublicationId) {\r\n return axios.get(`${GUI_PUBLICATIONS_URL}/${guiPublicationId}`);\r\n}\r\n\r\n// Method from server should return QueryResultsModel(items: any[], totalsCount: number)\r\n// items => filtered/sorted result\r\nexport function findGuiPublications(queryParams) {\r\n return axios.post(`${GUI_PUBLICATIONS_URL}/find`, { queryParams });\r\n}\r\n\r\n// UPDATE => PUT: update the procuct on the server\r\nexport function updateGuiPublication(guiPublication) {\r\n return axios.put(`${GUI_PUBLICATIONS_URL}/${guiPublication.guiPublicationId}`, guiPublication);\r\n}\r\n\r\n// // UPDATE Status\r\n// export function updateStatusForGuiPublications(ids, status) {\r\n// return axios.post(`${GUI_PUBLICATIONS_URL}/updateStatusForGuiPublications`, {\r\n// ids,\r\n// status\r\n// });\r\n// }\r\n\r\n// DELETE => delete the guiPublication from the server\r\nexport function deleteGuiPublication(guiPublicationId) {\r\n return axios.delete(`${GUI_PUBLICATIONS_URL}/${guiPublicationId}`);\r\n}\r\n\r\n// DELETE GuiPublications by ids\r\nexport function deleteGuiPublications(ids) {\r\n return axios.post(`${GUI_PUBLICATIONS_URL}/deleteGuiPublications`, { ids });\r\n}\r\n","import * as requestFromServer from \"./guiPublicationsCrud\";\r\nimport { guiPublicationsSlice, callTypes } from \"./guiPublicationsSlice\";\r\n\r\nconst { actions } = guiPublicationsSlice;\r\n\r\nexport const fetchGuiPublications = (queryParams) => (dispatch) => {\r\n dispatch(actions.startCall({ callType: callTypes.list }));\r\n return requestFromServer\r\n .findGuiPublications(queryParams)\r\n .then((response) => {\r\n const { totalCount, entities } = response.data;\r\n dispatch(actions.guiPublicationsFetched({ totalCount, entities }));\r\n })\r\n .catch((error) => {\r\n error.clientMessage = \"Can't find guiPublications\";\r\n dispatch(actions.catchError({ error, callType: callTypes.list }));\r\n });\r\n};\r\n\r\nexport const fetchGuiPublication = (id) => (dispatch) => {\r\n if (!id) {\r\n return dispatch(actions.guiPublicationFetched({ guiPublicationForEdit: undefined }));\r\n }\r\n\r\n dispatch(actions.startCall({ callType: callTypes.action }));\r\n return requestFromServer\r\n .getGuiPublicationById(id)\r\n .then((response) => {\r\n const guiPublication = response.data;\r\n dispatch(actions.guiPublicationFetched({ guiPublicationForEdit: guiPublication }));\r\n })\r\n .catch((error) => {\r\n error.clientMessage = \"Can't find guiPublication\";\r\n dispatch(actions.catchError({ error, callType: callTypes.action }));\r\n });\r\n};\r\n\r\nexport const deleteGuiPublication = (id) => (dispatch) => {\r\n dispatch(actions.startCall({ callType: callTypes.action }));\r\n return requestFromServer\r\n .deleteGuiPublication(id)\r\n .then((response) => {\r\n dispatch(actions.guiPublicationDeleted({ id }));\r\n })\r\n .catch((error) => {\r\n error.clientMessage = \"Can't delete guiPublication\";\r\n dispatch(actions.catchError({ error, callType: callTypes.action }));\r\n });\r\n};\r\n\r\nexport const createGuiPublication = (guiPublicationForCreation) => (dispatch) => {\r\n dispatch(actions.startCall({ callType: callTypes.action }));\r\n guiPublicationForCreation.isActive = true;\r\n return requestFromServer\r\n .createGuiPublication(guiPublicationForCreation)\r\n .then((response) => {\r\n const { guiPublication } = response.data;\r\n guiPublication.id = guiPublication.guiPublicationId;\r\n dispatch(actions.guiPublicationCreated({ guiPublication }));\r\n })\r\n .catch((error) => {\r\n error.clientMessage = \"Can't create guiPublication\";\r\n dispatch(actions.catchError({ error, callType: callTypes.action }));\r\n });\r\n};\r\n\r\nexport const updateGuiPublication = (guiPublication) => (dispatch) => {\r\n dispatch(actions.startCall({ callType: callTypes.action }));\r\n return requestFromServer\r\n .updateGuiPublication(guiPublication)\r\n .then(() => {\r\n dispatch(actions.guiPublicationUpdated({ guiPublication }));\r\n })\r\n .catch((error) => {\r\n error.clientMessage = \"Can't update guiPublication\";\r\n dispatch(actions.catchError({ error, callType: callTypes.action }));\r\n });\r\n};\r\n\r\nexport const deleteGuiPublications = (ids) => (dispatch) => {\r\n dispatch(actions.startCall({ callType: callTypes.action }));\r\n return requestFromServer\r\n .deleteGuiPublications(ids)\r\n .then(() => {\r\n dispatch(actions.guiPublicationsDeleted({ ids }));\r\n })\r\n .catch((error) => {\r\n error.clientMessage = \"Can't delete guiPublications\";\r\n dispatch(actions.catchError({ error, callType: callTypes.action }));\r\n });\r\n};\r\n","// Form is based on Formik\r\n// Data validation is based on Yup\r\n// Please, be familiar with article first:\r\n// https://hackernoon.com/react-form-validation-with-formik-and-yup-8b76bda62e10\r\nimport React from \"react\";\r\nimport { Formik, Form, Field } from \"formik\";\r\n//import axios from \"axios\";\r\nimport * as Yup from \"yup\";\r\nimport TextField from \"@material-ui/core/TextField\";\r\nimport { Input } from \"../../../../../../_metronic/_partials/controls\";\r\n\r\n\r\n// Validation schema\r\nconst GuiPublicationEditSchema = Yup.object().shape({\r\n publicationTitle : Yup.string().required(\"Title is required\"),\r\n});\r\n\r\n//const PageUrl = `${process.env.REACT_APP_API_URL}/api/guide`;\r\n\r\nexport function GuiPublicationEditForm({\r\n guiPublication,\r\n btnRef,\r\n saveGuiPublication,\r\n}) {\r\n //const [menuForDropdown, setMenuForDropdown] = useState([]);\r\n\r\n // useEffect(() => {\r\n // const getInnerPagesWithAxios = async () => {\r\n // const response = await axios.get(PageUrl);\r\n // setMenuForDropdown(response.data);\r\n // };\r\n // getInnerPagesWithAxios();\r\n // }, [setMenuForDropdown]);\r\n\r\n const getFieldCSSClasses = (touched, errors) => {\r\n const classes = [\"form-control\"];\r\n if (touched && errors) {\r\n classes.push(\"is-invalid\");\r\n }\r\n\r\n if (touched && !errors) {\r\n classes.push(\"is-valid\");\r\n }\r\n\r\n return classes.join(\" \");\r\n };\r\n const toBase64 = (uplaodDoc) =>\r\n new Promise((resolve, reject) => {\r\n if (uplaodDoc && uplaodDoc !== \"\" && uplaodDoc !== \" \") {\r\n const reader = new FileReader();\r\n reader.readAsDataURL(uplaodDoc);\r\n reader.onload = () => resolve(reader.result);\r\n reader.onerror = (error) => reject(error);\r\n } else {\r\n resolve(\"\");\r\n }\r\n });\r\n return (\r\n <>\r\n \r\n \r\n {actionsLoading && \r\n \r\n \r\n \r\n Close\r\n \r\n {/* */}\r\n \r\n Save\r\n \r\n \r\n \r\n \r\n {!actionsLoading && (\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n );\r\n}\r\n","import axios from \"axios\";\r\n\r\nexport const GUI_JJTU_SCHOLARS_URL = `${process.env.REACT_APP_API_URL}/api/GuiJjtuScholar`;\r\n\r\n// CREATE => POST: add a new guiJjtuScholar to the server\r\nexport function createGuiJjtuScholar(guiJjtuScholar) {\r\n return axios.post(GUI_JJTU_SCHOLARS_URL, guiJjtuScholar);\r\n}\r\n\r\n// READ\r\nexport function getAllGuiJjtuScholars() {\r\n return axios.get(GUI_JJTU_SCHOLARS_URL);\r\n}\r\n\r\nexport function getGuiJjtuScholarById(guiJjtuScholarId) {\r\n return axios.get(`${GUI_JJTU_SCHOLARS_URL}/${guiJjtuScholarId}`);\r\n}\r\n\r\n// Method from server should return QueryResultsModel(items: any[], totalsCount: number)\r\n// items => filtered/sorted result\r\nexport function findGuiJjtuScholars(queryParams) {\r\n return axios.post(`${GUI_JJTU_SCHOLARS_URL}/find`, { queryParams });\r\n}\r\n\r\n// UPDATE => PUT: update the procuct on the server\r\nexport function updateGuiJjtuScholar(guiJjtuScholar) {\r\n return axios.put(`${GUI_JJTU_SCHOLARS_URL}/${guiJjtuScholar.guiJjtuScholarId}`, guiJjtuScholar);\r\n}\r\n\r\n// // UPDATE Status\r\n// export function updateStatusForGuiJjtuScholars(ids, status) {\r\n// return axios.post(`${GUI_JJTU_SCHOLARS_URL}/updateStatusForGuiJjtuScholars`, {\r\n// ids,\r\n// status\r\n// });\r\n// }\r\n\r\n// DELETE => delete the guiJjtuScholar from the server\r\nexport function deleteGuiJjtuScholar(guiJjtuScholarId) {\r\n return axios.delete(`${GUI_JJTU_SCHOLARS_URL}/${guiJjtuScholarId}`);\r\n}\r\n\r\n// DELETE GuiJjtuScholars by ids\r\nexport function deleteGuiJjtuScholars(ids) {\r\n return axios.post(`${GUI_JJTU_SCHOLARS_URL}/deleteGuiJjtuScholars`, { ids });\r\n}\r\n","import * as requestFromServer from \"./guiJjtuScholarsCrud\";\r\nimport { guiJjtuScholarsSlice, callTypes } from \"./guiJjtuScholarsSlice\";\r\n\r\nconst { actions } = guiJjtuScholarsSlice;\r\n\r\nexport const fetchGuiJjtuScholars = (queryParams) => (dispatch) => {\r\n dispatch(actions.startCall({ callType: callTypes.list }));\r\n return requestFromServer\r\n .findGuiJjtuScholars(queryParams)\r\n .then((response) => {\r\n const { totalCount, entities } = response.data;\r\n dispatch(actions.guiJjtuScholarsFetched({ totalCount, entities }));\r\n })\r\n .catch((error) => {\r\n error.clientMessage = \"Can't find guiJjtuScholars\";\r\n dispatch(actions.catchError({ error, callType: callTypes.list }));\r\n });\r\n};\r\n\r\nexport const fetchGuiJjtuScholar = (id) => (dispatch) => {\r\n if (!id) {\r\n return dispatch(actions.guiJjtuScholarFetched({ guiJjtuScholarForEdit: undefined }));\r\n }\r\n\r\n dispatch(actions.startCall({ callType: callTypes.action }));\r\n return requestFromServer\r\n .getGuiJjtuScholarById(id)\r\n .then((response) => {\r\n const guiJjtuScholar = response.data;\r\n dispatch(actions.guiJjtuScholarFetched({ guiJjtuScholarForEdit: guiJjtuScholar }));\r\n })\r\n .catch((error) => {\r\n error.clientMessage = \"Can't find guiJjtuScholar\";\r\n dispatch(actions.catchError({ error, callType: callTypes.action }));\r\n });\r\n};\r\n\r\nexport const deleteGuiJjtuScholar = (id) => (dispatch) => {\r\n dispatch(actions.startCall({ callType: callTypes.action }));\r\n return requestFromServer\r\n .deleteGuiJjtuScholar(id)\r\n .then((response) => {\r\n dispatch(actions.guiJjtuScholarDeleted({ id }));\r\n })\r\n .catch((error) => {\r\n error.clientMessage = \"Can't delete guiJjtuScholar\";\r\n dispatch(actions.catchError({ error, callType: callTypes.action }));\r\n });\r\n};\r\n\r\nexport const createGuiJjtuScholar = (guiJjtuScholarForCreation) => (dispatch) => {\r\n dispatch(actions.startCall({ callType: callTypes.action }));\r\n guiJjtuScholarForCreation.isActive = true;\r\n return requestFromServer\r\n .createGuiJjtuScholar(guiJjtuScholarForCreation)\r\n .then((response) => {\r\n const { guiJjtuScholar } = response.data;\r\n guiJjtuScholar.id = guiJjtuScholar.guiJjtuScholarId;\r\n dispatch(actions.guiJjtuScholarCreated({ guiJjtuScholar }));\r\n })\r\n .catch((error) => {\r\n error.clientMessage = \"Can't create guiJjtuScholar\";\r\n dispatch(actions.catchError({ error, callType: callTypes.action }));\r\n });\r\n};\r\n\r\nexport const updateGuiJjtuScholar = (guiJjtuScholar) => (dispatch) => {\r\n dispatch(actions.startCall({ callType: callTypes.action }));\r\n return requestFromServer\r\n .updateGuiJjtuScholar(guiJjtuScholar)\r\n .then(() => {\r\n dispatch(actions.guiJjtuScholarUpdated({ guiJjtuScholar }));\r\n })\r\n .catch((error) => {\r\n error.clientMessage = \"Can't update guiJjtuScholar\";\r\n dispatch(actions.catchError({ error, callType: callTypes.action }));\r\n });\r\n};\r\n\r\nexport const deleteGuiJjtuScholars = (ids) => (dispatch) => {\r\n dispatch(actions.startCall({ callType: callTypes.action }));\r\n return requestFromServer\r\n .deleteGuiJjtuScholars(ids)\r\n .then(() => {\r\n dispatch(actions.guiJjtuScholarsDeleted({ ids }));\r\n })\r\n .catch((error) => {\r\n error.clientMessage = \"Can't delete guiJjtuScholars\";\r\n dispatch(actions.catchError({ error, callType: callTypes.action }));\r\n });\r\n};\r\n","// Form is based on Formik\r\n// Data validation is based on Yup\r\n// Please, be familiar with article first:\r\n// https://hackernoon.com/react-form-validation-with-formik-and-yup-8b76bda62e10\r\nimport React, { useState, useEffect } from \"react\";\r\nimport { Formik, Form, Field } from \"formik\";\r\nimport axios from \"axios\";\r\nimport * as Yup from \"yup\";\r\nimport TextField from \"@material-ui/core/TextField\";\r\nimport {\r\n Input,\r\n Select,\r\n} from \"../../../../../../_metronic/_partials/controls\";\r\n\r\n\r\n// Validation schema\r\nconst GuiJjtuScholarEditSchema = Yup.object().shape({\r\n allocationDate: Yup.date().required(\"Allocation Date is required\"),\r\n});\r\n\r\n//const PageUrl = `${process.env.REACT_APP_API_URL}/api/guide`;\r\nconst PageUrl1 = `${process.env.REACT_APP_API_URL}/api/Scholar`;\r\n\r\nexport function GuiJjtuScholarEditForm({ guiJjtuScholar, btnRef, saveGuiJjtuScholar }) {\r\n //const [menuForDropdown, setMenuForDropdown] = useState([]);\r\n const [menuForDropdown1, setMenuForDropdown1] = useState([]);\r\n\r\n // useEffect(() => {\r\n // const getInnerPagesWithAxios = async () => {\r\n // const response = await axios.get(PageUrl);\r\n // setMenuForDropdown(response.data);\r\n // };\r\n // getInnerPagesWithAxios();\r\n // }, [setMenuForDropdown]);\r\n\r\n useEffect(() => {\r\n const getInnerPagesWithAxios1 = async () => {\r\n const response = await axios.get(PageUrl1);\r\n setMenuForDropdown1(response.data);\r\n };\r\n getInnerPagesWithAxios1();\r\n }, [setMenuForDropdown1]);\r\n\r\n\r\n return (\r\n <>\r\n \r\n \r\n {actionsLoading && \r\n \r\n \r\n \r\n Close\r\n \r\n {/* */}\r\n \r\n Save\r\n \r\n \r\n \r\n \r\n {!actionsLoading && (\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n );\r\n}\r\n","import React, { Suspense } from \"react\";\r\nimport { Redirect, Switch } from \"react-router-dom\";\r\nimport { LayoutSplashScreen, ContentRoute } from \"../../../_metronic/layout\";\r\nimport { GuideProfile } from \"./pages/profile/GuideProfile\";\r\nimport { GuiConfEdit } from \"./pages/guiConfs/guiConf-edit/GuiConfEdit\";\r\nimport { GuiDocumentEdit } from \"./pages/guiDocuments/guiDocument-edit/GuiDocumentEdit\";\r\nimport { GuiPatentEdit } from \"./pages/guiPatents/guiPatent-edit/GuiPatentEdit\";\r\nimport { GuiEducationEdit } from \"./pages/guiEducations/guiEducation-edit/GuiEducationEdit\";\r\nimport { GuiJobInfoEdit } from \"./pages/guiJobInfos/guiJobInfo-edit/GuiJobInfoEdit\";\r\nimport GuiAwardEdit from \"./pages/guiAwards/guiAward-edit/GuiAwardEdit\";\r\nimport { GuiPublicationEdit } from \"./pages/guiPublications/guiPublication-edit/GuiPublicationEdit\";\r\nimport { GuiJjtuScholarEdit } from \"./pages/guiJjtuScholars/guiJjtuScholar-edit/GuiJjtuScholarEdit\";\r\n// import { GuiAddressEdit } from \"../Guide/Pages/guiAddresses/guiAddress-edit/GuiAddressEdit\";\r\n\r\n// import { GuiAddressDeleteDialog } from \"../Guide/Pages/guiAddresses/guiAddress-delete-dialog/GuiAddressDeleteDialog\";\r\n//import { GuiAwardDeleteDialog } from \"../Guide/Pages/guiAwards/guiAward-delete-dialog/GuiAwardDeleteDialog\";\r\n// import { GuiConfDeleteDialog } from \"../Guide/Pages/guiConfs/guiConf-delete-dialog/GuiConfDeleteDialog\";\r\n// import { GuiDocumentDeleteDialog } from \"../Guide/Pages/guiDocuments/guiDocument-delete-dialog/GuiDocumentDeleteDialog\";\r\n// import { GuiEducationDeleteDialog } from \"../Guide/Pages/guiEducations/guiEducation-delete-dialog/GuiEducationDeleteDialog\";\r\n// import { GuiJjtuScholarDeleteDialog } from \"../Guide/Pages/guiJjtuScholars/guiJjtuScholardelete-dialog/GuiJjtuScholarDeleteDialog\";\r\n// import { GuiJobInfoDeleteDialog } from \"../Guide/Pages/guiJobInfos/GuiJobInfo-delete-dialog/GuiJobInfoDeleteDialog\";\r\n// import { GuiPatentDeleteDialog } from \"../Guide/Pages/guiPatents/guiPatent-delete-dialog/GuiPatentDeleteDialog\";\r\n// import { GuiPublicationDeleteDialog } from \"../Guide/Pages/guiPublications/guiPublication-delete-dialog/GuiPublicationDeleteDialog\";\r\n\r\nexport default function GuidePage() {\r\n return (\r\n \r\n \r\n {actionsLoading && \r\n \r\n \r\n \r\n Close\r\n \r\n {/* */}\r\n \r\n Save\r\n \r\n \r\n \r\n \r\n {!actionsLoading && (\r\n \r\n \r\n
\r\n \r\n {/* begin::Head */}\r\n \r\n {formik.status ? (\r\n
\r\n );\r\n}\r\n\r\nexport default injectIntl(connect(null, auth.actions)(Login));\r\n","import React, { useState } from \"react\";\r\nimport { useFormik } from \"formik\";\r\nimport { connect } from \"react-redux\";\r\nimport * as Yup from \"yup\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { FormattedMessage, injectIntl } from \"react-intl\";\r\nimport * as auth from \"../_redux/authRedux\";\r\nimport { register } from \"../_redux/authCrud\";\r\n\r\nconst initialValues = {\r\n fullname: \"\",\r\n email: \"\",\r\n username: \"\",\r\n password: \"\",\r\n changepassword: \"\",\r\n acceptTerms: false,\r\n};\r\n\r\nfunction Registration(props) {\r\n const { intl } = props;\r\n const [loading, setLoading] = useState(false);\r\n const RegistrationSchema = Yup.object().shape({\r\n fullname: Yup.string()\r\n .min(3, \"Minimum 3 symbols\")\r\n .max(50, \"Maximum 50 symbols\")\r\n .required(\r\n intl.formatMessage({\r\n id: \"AUTH.VALIDATION.REQUIRED_FIELD\",\r\n })\r\n ),\r\n email: Yup.string()\r\n .email(\"Wrong email format\")\r\n .min(3, \"Minimum 3 symbols\")\r\n .max(50, \"Maximum 50 symbols\")\r\n .required(\r\n intl.formatMessage({\r\n id: \"AUTH.VALIDATION.REQUIRED_FIELD\",\r\n })\r\n ),\r\n username: Yup.string()\r\n .min(3, \"Minimum 3 symbols\")\r\n .max(50, \"Maximum 50 symbols\")\r\n .required(\r\n intl.formatMessage({\r\n id: \"AUTH.VALIDATION.REQUIRED_FIELD\",\r\n })\r\n ),\r\n password: Yup.string()\r\n .min(3, \"Minimum 3 symbols\")\r\n .max(50, \"Maximum 50 symbols\")\r\n .required(\r\n intl.formatMessage({\r\n id: \"AUTH.VALIDATION.REQUIRED_FIELD\",\r\n })\r\n ),\r\n changepassword: Yup.string()\r\n .required(\r\n intl.formatMessage({\r\n id: \"AUTH.VALIDATION.REQUIRED_FIELD\",\r\n })\r\n )\r\n .when(\"password\", {\r\n is: (val) => (val && val.length > 0 ? true : false),\r\n then: Yup.string().oneOf(\r\n [Yup.ref(\"password\")],\r\n \"Password and Confirm Password didn't match\"\r\n ),\r\n }),\r\n acceptTerms: Yup.bool().required(\r\n \"You must accept the terms and conditions\"\r\n ),\r\n });\r\n\r\n const enableLoading = () => {\r\n setLoading(true);\r\n };\r\n\r\n const disableLoading = () => {\r\n setLoading(false);\r\n };\r\n\r\n const getInputClasses = (fieldname) => {\r\n if (formik.touched[fieldname] && formik.errors[fieldname]) {\r\n return \"is-invalid\";\r\n }\r\n\r\n if (formik.touched[fieldname] && !formik.errors[fieldname]) {\r\n return \"is-valid\";\r\n }\r\n\r\n return \"\";\r\n };\r\n\r\n const formik = useFormik({\r\n initialValues,\r\n validationSchema: RegistrationSchema,\r\n onSubmit: (values, { setStatus, setSubmitting }) => {\r\n enableLoading();\r\n register(values.email, values.fullname, values.username, values.password)\r\n .then(({ data: { accessToken } }) => {\r\n props.register(accessToken);\r\n disableLoading();\r\n })\r\n .catch(() => {\r\n setSubmitting(false);\r\n setStatus(\r\n intl.formatMessage({\r\n id: \"AUTH.VALIDATION.INVALID_LOGIN\",\r\n })\r\n );\r\n disableLoading();\r\n });\r\n },\r\n });\r\n\r\n return (\r\n \r\n \r\n
\r\n
\r\n {/* end::Head */}\r\n\r\n {/*begin::Form*/}\r\n \r\n
\r\n \r\n Enter your username and password\r\n
\r\n\r\n
\r\n ) : (\r\n \r\n // {formik.status}
\r\n \r\n //
\r\n )}\r\n\r\n \r\n // Use account admin@demo.com and password{\" \"}\r\n // demo to continue.\r\n //
\r\n // \r\n
\r\n \r\n
\r\n ) : null}\r\n {formik.errors.email}
\r\n \r\n
\r\n \r\n
\r\n ) : null}\r\n {formik.errors.password}
\r\n \r\n \r\n \r\n Sign In\r\n {loading && }\r\n \r\n
\r\n \r\n {/*end::Form*/}\r\n \r\n \r\n {/* begin: Alert */}\r\n {formik.status && (\r\n
\r\n );\r\n}\r\n\r\nexport default injectIntl(connect(null, auth.actions)(Registration));\r\n","import React, { useState } from \"react\";\r\nimport { useFormik } from \"formik\";\r\nimport { connect } from \"react-redux\";\r\nimport { Link, Redirect } from \"react-router-dom\";\r\nimport * as Yup from \"yup\";\r\nimport { injectIntl } from \"react-intl\";\r\nimport * as auth from \"../_redux/authRedux\";\r\nimport { requestPassword } from \"../_redux/authCrud\";\r\n\r\nconst initialValues = {\r\n email: \"\",\r\n};\r\n\r\nfunction ForgotPassword(props) {\r\n const { intl } = props;\r\n const [isRequested, setIsRequested] = useState(false);\r\n const ForgotPasswordSchema = Yup.object().shape({\r\n email: Yup.string()\r\n .email(\"Wrong email format\")\r\n .min(3, \"Minimum 3 symbols\")\r\n .max(50, \"Maximum 50 symbols\")\r\n .required(\r\n intl.formatMessage({\r\n id: \"AUTH.VALIDATION.REQUIRED_FIELD\",\r\n })\r\n ),\r\n });\r\n\r\n const getInputClasses = (fieldname) => {\r\n if (formik.touched[fieldname] && formik.errors[fieldname]) {\r\n return \"is-invalid\";\r\n }\r\n\r\n if (formik.touched[fieldname] && !formik.errors[fieldname]) {\r\n return \"is-valid\";\r\n }\r\n\r\n return \"\";\r\n };\r\n\r\n const formik = useFormik({\r\n initialValues,\r\n validationSchema: ForgotPasswordSchema,\r\n onSubmit: (values, { setStatus, setSubmitting }) => {\r\n requestPassword(values.email)\r\n .then(() => setIsRequested(true))\r\n .catch(() => {\r\n setIsRequested(false);\r\n setSubmitting(false);\r\n setStatus(\r\n intl.formatMessage(\r\n { id: \"AUTH.VALIDATION.NOT_FOUND\" },\r\n { name: values.email }\r\n )\r\n );\r\n });\r\n },\r\n });\r\n\r\n return (\r\n <>\r\n {isRequested && \r\n \r\n
\r\n
\r\n\r\n \r\n
\r\n \r\n Enter your details to create your account\r\n
\r\n\r\n
\r\n )}\r\n {/* end: Alert */}\r\n\r\n {/* begin: Fullname */}\r\n {formik.status}
\r\n \r\n
\r\n {/* end: Fullname */}\r\n\r\n {/* begin: Email */}\r\n \r\n
\r\n ) : null}\r\n {formik.errors.fullname}
\r\n \r\n
\r\n {/* end: Email */}\r\n\r\n {/* begin: Username */}\r\n \r\n
\r\n ) : null}\r\n {formik.errors.email}
\r\n \r\n
\r\n {/* end: Username */}\r\n\r\n {/* begin: Password */}\r\n \r\n
\r\n ) : null}\r\n {formik.errors.username}
\r\n \r\n
\r\n {/* end: Password */}\r\n\r\n {/* begin: Confirm Password */}\r\n \r\n
\r\n ) : null}\r\n {formik.errors.password}
\r\n \r\n
\r\n {/* end: Confirm Password */}\r\n\r\n {/* begin: Terms and Conditions */}\r\n \r\n
\r\n ) : null}\r\n \r\n {formik.errors.changepassword}\r\n
\r\n \r\n \r\n {formik.touched.acceptTerms && formik.errors.acceptTerms ? (\r\n
\r\n {/* end: Terms and Conditions */}\r\n \r\n
\r\n ) : null}\r\n {formik.errors.acceptTerms}
\r\n \r\n \r\n Submit\r\n {loading && }\r\n \r\n\r\n \r\n \r\n Cancel\r\n \r\n \r\n
\r\n \r\n \r\n \r\n {formik.status && (\r\n
\r\n )}\r\n \r\n );\r\n}\r\n\r\nexport default injectIntl(connect(null, auth.actions)(ForgotPassword));\r\n","/* eslint-disable jsx-a11y/anchor-is-valid */\r\nimport React from \"react\";\r\nimport {Link, Switch, Redirect} from \"react-router-dom\";\r\nimport {toAbsoluteUrl} from \"../../../../_metronic/_helpers\";\r\nimport {ContentRoute} from \"../../../../_metronic/layout\"\r\nimport Login from \"./Login\";\r\nimport Registration from \"./Registration\";\r\nimport ForgotPassword from \"./ForgotPassword\";\r\nimport \"../../../../_metronic/_assets/sass/pages/login/classic/login-1.scss\";\r\n\r\nexport function AuthPage() {\r\n return (\r\n <>\r\n \r\n
\r\n Forgotten Password ?
\r\n\r\n Enter your email to reset your password\r\n
\r\n \r\n
\r\n )}\r\n \r\n {formik.status}\r\n
\r\n \r\n
\r\n \r\n
\r\n ) : null}\r\n {formik.errors.email}
\r\n \r\n \r\n Submit\r\n \r\n \r\n \r\n Cancel\r\n \r\n \r\n
\r\n \r\n \r\n {/*begin::Login*/}\r\n \r\n {/*begin::Aside*/}\r\n \r\n {/*begin: Aside Container*/}\r\n
\r\n {/*begin::Aside*/}\r\n\r\n {/*begin::Content*/}\r\n \r\n {/* start:: Aside header */}\r\n \r\n
\r\n {/*end: Aside Container*/}\r\n \r\n
\r\n {/* end:: Aside content */}\r\n\r\n {/* start:: Aside footer for desktop */}\r\n \r\n Welcome to JJTU!\r\n
\r\n {/*\r\n The ultimate Bootstrap & React 16 admin theme framework for next\r\n generation web apps.\r\n
*/}\r\n\r\n
\r\n {/* end:: Aside footer for desktop */}\r\n \r\n © 2020 JJTU\r\n
\r\n {/* \r\n \r\n Privacy\r\n \r\n \r\n Legal\r\n \r\n \r\n Contact\r\n \r\n
*/}\r\n \r\n {/*begin::Content header*/}\r\n {/* \r\n
\r\n {/* end::Mobile footer */}\r\n \r\n {/*end::Content*/}\r\n \r\n {/*end::Login*/}\r\n \r\n \r\n );\r\n}\r\n","import React, {Component} from \"react\";\r\nimport {connect} from \"react-redux\";\r\nimport {Redirect} from \"react-router-dom\";\r\nimport {LayoutSplashScreen} from \"../../../../_metronic/layout\";\r\nimport * as auth from \"../_redux/authRedux\";\r\n\r\nclass Logout extends Component {\r\n componentDidMount() {\r\n this.props.logout();\r\n }\r\n\r\n render() {\r\n const { hasAuthToken } = this.props;\r\n return hasAuthToken ? \r\n Don't have an account yet?\r\n Sign Up!\r\n
\r\n {/*end::Content header*/}\r\n\r\n {/* begin::Content body */}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n {/*end::Content body*/}\r\n\r\n {/* begin::Mobile footer */}\r\n \r\n © 2020 JJTU\r\n
\r\n {/* \r\n \r\n Privacy\r\n \r\n \r\n Legal\r\n \r\n \r\n Contact\r\n \r\n
*/}\r\n \r\n \r\n \r\n 404\r\n \r\n
\r\n \r\n );\r\n}\r\n","import React from \"react\";\r\nimport {toAbsoluteUrl} from \"../../../_metronic/_helpers\";\r\n\r\nexport function ErrorPage2() {\r\n return (\r\n \r\n OOPS! Something went wrong here\r\n
\r\n\r\n \r\n
\r\n \r\n );\r\n}\r\n","import React from \"react\";\r\nimport {toAbsoluteUrl} from \"../../../_metronic/_helpers\";\r\nimport \"../../../_metronic/_assets/sass/pages/error/error-3.scss\";\r\n\r\nexport function ErrorPage3() {\r\n return (\r\n \r\n
\r\n OOPS!
\r\n \r\n Something went wrong here\r\n \r\n\r\n \r\n
\r\n \r\n );\r\n}\r\n","import React from \"react\";\r\nimport { toAbsoluteUrl } from \"../../../_metronic/_helpers\";\r\nimport \"../../../_metronic/_assets/sass/pages/error/error-4.scss\";\r\n\r\nexport function ErrorPage4() {\r\n return (\r\n \r\n
\r\n 404
\r\n\r\n How did you get here\r\n
\r\n\r\n Sorry we can't seem to find the page you're looking for.\r\n
\r\n\r\n There may be a misspelling in the URL entered,\r\n
\r\n or the page you are looking for may no longer exist.\r\n
\r\n \r\n
\r\n \r\n );\r\n}\r\n","import React from \"react\";\r\nimport { toAbsoluteUrl } from \"../../../_metronic/_helpers\";\r\nimport \"../../../_metronic/_assets/sass/pages/error/error-5.scss\";\r\n\r\nexport function ErrorPage5() {\r\n return (\r\n \r\n
\r\n \r\n 404\r\n
\r\n\r\n ERROR\r\n
\r\n\r\n Nothing left to do here.\r\n
\r\n\r\n \r\n
\r\n \r\n );\r\n}\r\n","import React from \"react\";\r\nimport { toAbsoluteUrl } from \"../../../_metronic/_helpers\";\r\nimport \"../../../_metronic/_assets/sass/pages/error/error-6.scss\";\r\n\r\nexport function ErrorPage6() {\r\n return (\r\n \r\n
\r\n \r\n Oops!\r\n
\r\n\r\n Something went wrong here.\r\n
\r\n\r\n We're working on it and we'll get it fixed\r\n
\r\n as soon possible.\r\n
\r\n You can back or use our Help Center.\r\n
\r\n \r\n
\r\n \r\n );\r\n}\r\n","import React from \"react\";\r\nimport { Redirect, Route, Switch } from \"react-router-dom\";\r\nimport { ErrorPage1 } from \"./ErrorPage1\";\r\nimport { ErrorPage2 } from \"./ErrorPage2\";\r\nimport { ErrorPage3 } from \"./ErrorPage3\";\r\nimport { ErrorPage4 } from \"./ErrorPage4\";\r\nimport { ErrorPage5 } from \"./ErrorPage5\";\r\nimport { ErrorPage6 } from \"./ErrorPage6\";\r\n\r\nexport default function ErrorsPage() {\r\n return (\r\n \r\n \r\n Oops...\r\n \r\n
\r\n \r\n Looks like something went wrong.\r\n
\r\n We're working on it\r\n
\r\n Hi, )\r\n \r\n {user.fullname}\r\n \r\n \r\n {user.fullname[0]}\r\n \r\n
\r\n \r\n \r\n\r\n
\r\n \r\n )}\r\n\r\n {!layoutProps.light && (\r\n \r\n ![\"\"/]({toAbsoluteUrl(\"/media/users/300_21.jpg\")})
\r\n
\r\n \r\n Sean Stone
\r\n 3 messages\r\n \r\n S\r\n {/*
*/}\r\n
\r\n \r\n Sean Stone\r\n
\r\n \r\n 3 messages\r\n \r\n \r\n )}\r\n \r\n\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n My Profile\r\n
\r\n \r\n Account settings and more\r\n update\r\n
\r\n \r\n
\r\n \r\n\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n My Messages\r\n
\r\n \r\n Inbox and tasks\r\n
\r\n \r\n
\r\n \r\n\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n My Activities\r\n
\r\n \r\n Logs and notifications\r\n
\r\n \r\n
\r\n \r\n \r\n\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n My Tasks\r\n
\r\n \r\n latest tasks and projects\r\n
\r\n \r\n \r\n Sign Out\r\n \r\n \r\n Upgrade Plan\r\n \r\n
\r\n \r\n
\r\n )}\r\n\r\n {!layoutProps.offcanvas && (\r\n <>\r\n\r\n Hi,\r\n \r\n {user.username}\r\n \r\n \r\n {user.username[0]}\r\n \r\n \r\n
\r\n \r\n {/* {layoutProps.viewSearchDisplay && Quick panel}\r\n >\r\n \r\n \r\n \r\n
\r\n \r\n \r\n )}\r\n\r\n {layoutProps.viewLanguagesDisplay && \r\n
\r\n \r\n );\r\n }\r\n\r\n return (\r\n No record found
\r\n \r\n {/* begin: Section */}\r\n
\r\n \r\n \r\n );\r\n}\r\n","import React, { useEffect, useState, useMemo } from \"react\";\r\nimport clsx from \"clsx\";\r\nimport { Dropdown, OverlayTrigger, Tooltip } from \"react-bootstrap\";\r\nimport SVG from \"react-inlinesvg\";\r\nimport objectPath from \"object-path\";\r\nimport { useHtmlClassService } from \"../../../../_core/MetronicLayout\";\r\nimport { SearchResult } from \"./SearchResult\";\r\nimport { toAbsoluteUrl } from \"../../../../../_helpers\";\r\nimport { DropdownTopbarItemToggler } from \"../../../../../_partials/dropdowns\";\r\nconst fakeData = [\r\n {\r\n type: 0,\r\n text: \"Reports\",\r\n },\r\n {\r\n type: 1,\r\n text: \"AirPlus Requirements\",\r\n description: \"by Grog John\",\r\n iconImage: toAbsoluteUrl(\"/media/files/doc.svg\"),\r\n },\r\n {\r\n type: 1,\r\n text: \"TechNav Documentation\",\r\n description: \"by Mary Brown\",\r\n iconImage: toAbsoluteUrl(\"/media/files/pdf.svg\"),\r\n },\r\n {\r\n type: 1,\r\n text: \"All Framework Docs\",\r\n description: \"by Grog John\",\r\n iconImage: toAbsoluteUrl(\"/media/files/zip.svg\"),\r\n },\r\n {\r\n type: 1,\r\n text: \"AirPlus Requirements\",\r\n description: \"by Tim Hardy\",\r\n iconImage: toAbsoluteUrl(\"/media/files/xml.svg\"),\r\n },\r\n {\r\n text: \"Customers\",\r\n type: 0,\r\n },\r\n {\r\n type: 1,\r\n text: \"Jimmy Curry\",\r\n description: \"Software Developer\",\r\n iconImage: toAbsoluteUrl(\"/media/users/300_11.jpg\"),\r\n },\r\n {\r\n type: 1,\r\n text: \"Milena Gibson\",\r\n description: \"UI Designer\",\r\n iconImage: toAbsoluteUrl(\"/media/users/300_16.jpg\"),\r\n },\r\n {\r\n type: 1,\r\n text: \"Stefan JohnStefan\",\r\n description: \"Marketing Manager\",\r\n iconImage: toAbsoluteUrl(\"/media/users/300_22.jpg\"),\r\n },\r\n {\r\n type: 1,\r\n text: \"Anna Strong\",\r\n description: \"Software Developer\",\r\n iconImage: toAbsoluteUrl(\"/media/users/300_5.jpg\"),\r\n },\r\n {\r\n type: 0,\r\n text: \"Files\",\r\n },\r\n {\r\n type: 1,\r\n text: \"2 New items submitted\",\r\n description: \"Marketing Manager\",\r\n iconClassName: \"flaticon2-box font-danger\",\r\n },\r\n {\r\n type: 1,\r\n text: \"79 PSD files generated\",\r\n description: \"by Grog John\",\r\n iconClassName: \"flaticon-psd font-brand\",\r\n },\r\n {\r\n type: 1,\r\n text: \"$2900 worth products sold\",\r\n description: \"Total 234 items\",\r\n iconClassName: \"flaticon2-supermarket font-warning\",\r\n },\r\n {\r\n type: 1,\r\n text: \"4 New items submitted\",\r\n description: \"Marketing Manager\",\r\n iconClassName: \"flaticon-safe-shield-protection font-info\",\r\n },\r\n];\r\n\r\nexport function SearchDropdown() {\r\n const [loading, setLoading] = useState(false);\r\n const [data, setData] = useState(null);\r\n const [searchValue, setSearchValue] = useState(\"\");\r\n let timeoutId;\r\n\r\n const clearTimeout = () => {\r\n if (timeoutId) {\r\n clearTimeout(timeoutId);\r\n timeoutId = undefined;\r\n }\r\n };\r\n\r\n const handleSearchChange = (event) => {\r\n setData(null);\r\n setSearchValue(event.target.value);\r\n\r\n if (event.target.value.length > 2) {\r\n clearTimeout();\r\n\r\n setLoading(true);\r\n\r\n // simulate getting search result\r\n timeoutId = setTimeout(() => {\r\n setData(fakeData);\r\n setLoading(false);\r\n }, 500);\r\n }\r\n };\r\n\r\n const clear = () => {\r\n setData(null);\r\n setSearchValue(\"\");\r\n };\r\n\r\n useEffect(() => {\r\n return () => {\r\n clearTimeout();\r\n };\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, []);\r\n\r\n const uiService = useHtmlClassService();\r\n const layoutProps = useMemo(() => {\r\n return {\r\n offcanvas:\r\n objectPath.get(uiService.config, \"extras.search.layout\") ===\r\n \"offcanvas\",\r\n };\r\n }, [uiService]);\r\n\r\n return (\r\n <>\r\n {layoutProps.offcanvas && (\r\n \r\n Documents\r\n
\r\n \r\n
\r\n {/* end: Section */}\r\n\r\n {/* begin: Section */}\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n \r\n AirPlus Requirements\r\n \r\n \r\n by Grog John\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n \r\n TechNav Documentation\r\n \r\n \r\n by Mary Broun\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n \r\n All Framework Docs\r\n \r\n \r\n by Nick Stone\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n Finance & Accounting Reports\r\n \r\n \r\n by Jhon Larson\r\n \r\n
\r\n \r\n Members\r\n
\r\n \r\n
\r\n {/* end: Section */}\r\n\r\n {/* begin: Section */}\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n Milena Gibson\r\n \r\n \r\n UI Designer\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n Stefan JohnStefan\r\n \r\n \r\n Marketing Manager\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n Anna Strong\r\n \r\n \r\n Software Developer\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n Nick Bold\r\n \r\n \r\n Project Coordinator\r\n \r\n
\r\n \r\n Files\r\n
\r\n \r\n
\r\n {/* end: Section */}\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n 79 PSD files generated\r\n \r\n \r\n by Grog John\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n $2900 worth products sold\r\n \r\n \r\n Total 234 items\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n 4 New items submitted\r\n \r\n \r\n Marketing Manager\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n 4 New items submitted\r\n \r\n \r\n Marketing Manager\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n )}\r\n {!layoutProps.offcanvas && (\r\n \r\n \r\n
\r\n \r\n \r\n \r\n })
\r\n \r\n
\r\n {/*end::Header Logo*/}\r\n \r\n )}\r\n {/*begin::Header Menu*/}\r\n {/* \r\n
\r\n {/*end::Container*/}\r\n \r\n {/*end::Header*/}\r\n \r\n );\r\n}\r\n","import React, {useMemo} from \"react\";\r\nimport {Link} from \"react-router-dom\";\r\nimport objectPath from \"object-path\";\r\nimport SVG from \"react-inlinesvg\";\r\nimport {toAbsoluteUrl} from \"../../../_helpers\";\r\nimport {useHtmlClassService} from \"../../_core/MetronicLayout\";\r\n\r\nexport function HeaderMobile() {\r\n const uiService = useHtmlClassService();\r\n\r\n const layoutProps = useMemo(() => {\r\n return {\r\n headerLogo: uiService.getStickyLogo(),\r\n asideDisplay: objectPath.get(uiService.config, \"aside.self.display\"),\r\n headerMenuSelfDisplay:\r\n objectPath.get(uiService.config, \"header.menu.self.display\") === true,\r\n headerMobileCssClasses: uiService.getClasses(\"header_mobile\", true),\r\n headerMobileAttributes: uiService.getAttributes(\"header_mobile\")\r\n };\r\n }, [uiService]);\r\n\r\n return (\r\n <>\r\n {/*begin::Header Mobile*/}\r\n \r\n {layoutProps.asideDisplay && (\r\n <>\r\n {/*begin::Aside Mobile Toggle*/}\r\n \r\n {/*end::Aside Mobile Toggle*/}\r\n \r\n )}\r\n\r\n {layoutProps.headerMenuSelfDisplay && (\r\n <>\r\n {/*begin::Header Menu Mobile Toggle*/}\r\n \r\n {/*end::Header Menu Mobile Toggle*/}\r\n \r\n )}\r\n\r\n {/*begin::Topbar Mobile Toggle*/}\r\n \r\n \r\n \r\n \r\n \r\n {/*end::Topbar Mobile Toggle*/}\r\n
\r\n {/*end::Toolbar*/}\r\n \r\n {/*end::Header Mobile*/}\r\n \r\n );\r\n}\r\n","import React, {useMemo} from \"react\";\r\nimport {Link} from \"react-router-dom\";\r\nimport objectPath from \"object-path\";\r\nimport SVG from \"react-inlinesvg\";\r\nimport {useHtmlClassService} from \"../../_core/MetronicLayout\";\r\nimport {toAbsoluteUrl} from \"../../../_helpers\";\r\n\r\nexport function Brand() {\r\n const uiService = useHtmlClassService();\r\n\r\n const layoutProps = useMemo(() => {\r\n return {\r\n brandClasses: uiService.getClasses(\"brand\", true),\r\n asideSelfMinimizeToggle: objectPath.get(\r\n uiService.config,\r\n \"aside.self.minimize.toggle\"\r\n ),\r\n headerLogo: uiService.getLogo(),\r\n headerStickyLogo: uiService.getStickyLogo()\r\n };\r\n }, [uiService]);\r\n\r\n return (\r\n <>\r\n {/* begin::Brand */}\r\n - \r\n {/*begin::1 Level*/}\r\n {user.role === 1 ? (\r\n
- \r\n
Components
\r\n \r\n */}\r\n {/* end:: section */}\r\n {/* Modules */}\r\n {/*begin::1 Level*/}\r\n\r\n {user.role === 1 ? (\r\n
\r\n \r\n
\r\n \r\n ) : (\r\n \" \"\r\n )}\r\n\r\n {user.role === 1 ? (\r\n - \r\n
\r\n \r\n
\r\n \r\n ) : (\r\n \"\"\r\n )}\r\n\r\n {/*end::1 Level*/}\r\n {user.role === 3 ? (\r\n - \r\n
\r\n \r\n
\r\n \r\n ) : (\r\n \"\"\r\n )}\r\n\r\n {user.role === 4 || user.role === 1 ? (\r\n - \r\n
\r\n \r\n
\r\n \r\n ) : (\r\n \"\"\r\n )}\r\n - \r\n
\r\n
\r\n {/* end::Aside */}\r\n \r\n );\r\n}\r\n","/* eslint-disable */\r\n\"use strict\";\r\n\r\nimport { KTUtil } from \"./../../components/util.js\";\r\n\r\nvar KTLayoutHeader = function() {\r\n // Private properties\r\n var _element;\r\n var _elementForMobile;\r\n var _object;\r\n\r\n\t// Private functions\r\n // Get Height\r\n var _getHeight = function() {\r\n var height = 0;\r\n\r\n if (_element) {\r\n height = KTUtil.actualHeight(_element) + 1;\r\n }\r\n\r\n return height;\r\n }\r\n\r\n // Get Height\r\n var _getHeightForMobile = function() {\r\n var height;\r\n\r\n height = KTUtil.actualHeight(_elementForMobile);\r\n\r\n return height;\r\n }\r\n\r\n // Public Methods\r\n\treturn {\r\n\t\tinit: function(id, idForMobile) {\r\n _element = KTUtil.getById(id);\r\n _elementForMobile = KTUtil.getById(idForMobile);\r\n\r\n if (!_element) {\r\n return;\r\n }\r\n\t\t},\r\n\r\n isFixed: function() {\r\n return KTUtil.hasClass(KTUtil.getBody(), 'header-fixed')\r\n },\r\n\r\n isFixedForMobile: function() {\r\n return KTUtil.hasClass(KTUtil.getBody(), 'header-mobile-fixed')\r\n },\r\n\r\n getElement: function() {\r\n return _element;\r\n },\r\n\r\n getElementForMobile: function() {\r\n return _elementForMobile;\r\n },\r\n\r\n getHeader: function() {\r\n return _object;\r\n },\r\n\r\n getHeight: function() {\r\n return _getHeight();\r\n },\r\n\r\n getHeightForMobile: function() {\r\n return _getHeightForMobile();\r\n }\r\n\t};\r\n}();\r\n\r\n// Webpack support\r\nif (typeof module !== 'undefined') {\r\n\t// module.exports = KTLayoutHeader;\r\n}\r\n\r\nexport default KTLayoutHeader;","/* eslint-disable */\r\n\"use strict\";\r\n\r\nimport KTOffcanvas from \"./../../components/offcanvas.js\";\r\nimport KTMenu from \"./../../components/menu.js\";\r\nimport { KTUtil } from \"./../../components/util.js\";\r\n\r\nvar KTLayoutHeaderMenu = function() {\r\n // Private properties\r\n\tvar _menuElement;\r\n var _menuObject;\r\n var _offcanvasElement;\r\n var _offcanvasObject;\r\n\r\n // Private functions\r\n\tvar _init = function() {\r\n\t\t_offcanvasObject = new KTOffcanvas(_offcanvasElement, {\r\n\t\t\toverlay: true,\r\n\t\t\tbaseClass: 'header-menu-wrapper',\r\n\t\t\tcloseBy: 'kt_header_menu_mobile_close_btn',\r\n\t\t\ttoggleBy: {\r\n\t\t\t\ttarget: 'kt_header_mobile_toggle',\r\n\t\t\t\tstate: 'mobile-toggle-active'\r\n\t\t\t}\r\n\t\t});\r\n\t\t\r\n\t\t_menuObject = new KTMenu(_menuElement, {\r\n\t\t\tsubmenu: {\r\n\t\t\t\tdesktop: 'dropdown',\r\n\t\t\t\ttablet: 'accordion',\r\n\t\t\t\tmobile: 'accordion'\r\n\t\t\t},\r\n\t\t\taccordion: {\r\n\t\t\t\tslideSpeed: 200, // accordion toggle slide speed in milliseconds\r\n\t\t\t\texpandAll: false // allow having multiple expanded accordions in the menu\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\t// Close aside offcanvas panel before page reload On tablet and mobile\r\n _menuObject.on('linkClick', function(menu) {\r\n if (KTUtil.isBreakpointDown('lg')) { // Tablet and mobile mode\r\n _offcanvasObject.hide(); // Hide offcanvas after general link click\r\n }\r\n });\r\n\t}\r\n\r\n // Public methods\r\n\treturn {\r\n init: function(menuId, offcanvasId) {\r\n _menuElement = KTUtil.getById(menuId);\r\n _offcanvasElement = KTUtil.getById(offcanvasId);\r\n\r\n if (!_menuElement) {\r\n return;\r\n }\r\n\r\n // Initialize menu\r\n _init();\r\n\t\t},\r\n\r\n\t\tgetMenuElement: function() {\r\n\t\t\treturn _menuElement;\r\n\t\t},\r\n\r\n getOffcanvasElement: function() {\r\n\t\t\treturn _offcanvasElement;\r\n\t\t},\r\n\r\n getMenu: function() {\r\n\t\t\treturn _menuObject;\r\n\t\t},\r\n\r\n\t\tpauseDropdownHover: function(time) {\r\n\t\t\tif (_menuObject) {\r\n\t\t\t\t_menuObject.pauseDropdownHover(time);\r\n\t\t\t}\r\n\t\t},\r\n\r\n getOffcanvas: function() {\r\n\t\t\treturn _offcanvasObject;\r\n\t\t},\r\n\r\n\t\tcloseMobileOffcanvas: function() {\r\n\t\t\tif (_menuObject && KTUtil.isMobileDevice()) {\r\n\t\t\t\t_offcanvasObject.hide();\r\n\t\t\t}\r\n\t\t}\r\n\t};\r\n}();\r\n\r\n// Webpack support\r\nif (typeof module !== 'undefined') {\r\n\t// module.exports = KTLayoutHeaderMenu;\r\n}\r\n\r\nexport default KTLayoutHeaderMenu;","/* eslint-disable */\r\n\"use strict\";\r\n\r\nimport KTToggle from \"./../../components/toggle.js\";\r\nimport { KTUtil } from \"./../../components/util.js\";\r\n\r\nvar KTLayoutHeaderTopbar = function() {\r\n // Private properties\r\n\tvar _toggleElement;\r\n var _toggleObject;\r\n\r\n // Private functions\r\n var _init = function() {\r\n\t\t\t_toggleObject = new KTToggle(_toggleElement, KTUtil.getBody(), {\r\n\t\t\t\ttargetState: 'topbar-mobile-on',\r\n\t\t\t\ttoggleState: 'active',\r\n\t\t\t});\r\n }\r\n\r\n // Public methods\r\n\treturn {\r\n\t\tinit: function(id) {\r\n _toggleElement = KTUtil.getById(id);\r\n\r\n\t\t\tif (!_toggleElement) {\r\n return;\r\n }\r\n\r\n // Initialize\r\n _init();\r\n\t\t},\r\n\r\n getToggleElement: function() {\r\n return _toggleElement;\r\n }\r\n\t};\r\n}();\r\n\r\n// Webpack support\r\nif (typeof module !== 'undefined') {\r\n\t// module.exports = KTLayoutHeaderTopbar;\r\n}\r\n\r\nexport default KTLayoutHeaderTopbar;","/* eslint-disable */\r\n\"use strict\";\r\n\r\nimport { KTUtil } from \"./../../components/util.js\";\r\n\r\nvar KTLayoutBrand = function() {\r\n // Private properties\r\n var _element;\r\n\r\n // Private functions\r\n var _getHeight = function() {\r\n var height = 0;\r\n\r\n if (_element) {\r\n height = KTUtil.actualHeight(_element);\r\n }\r\n\r\n return height;\r\n }\r\n\r\n // Public methods\r\n\treturn {\r\n\t\tinit: function(id) {\r\n _element = KTUtil.getById(id);\r\n\r\n if (!_element) {\r\n return;\r\n }\r\n\t\t},\r\n\r\n getElement: function() {\r\n return _element;\r\n },\r\n\r\n getHeight: function() {\r\n return _getHeight();\r\n }\r\n\t};\r\n}();\r\n\r\n// Webpack support\r\nif (typeof module !== 'undefined') {\r\n\t// module.exports = KTLayoutBrand;\r\n}\r\n\r\nexport default KTLayoutBrand;","/* eslint-disable */\r\n\"use strict\";\r\n\r\nimport { KTUtil } from \"./../../components/util.js\";\r\nimport KTLayoutBrand from \"./brand.js\";\r\nimport KTMenu from \"./../../components/menu.js\";\r\nimport KTLayoutAside from \"./aside.js\";\r\n\r\nvar KTLayoutAsideMenu = function() {\r\n // Private properties\r\n var _element;\r\n var _menuObject;\r\n\r\n\t// Initialize\r\n\tvar _init = function() {\r\n\t\tvar menuDesktopMode = (KTUtil.attr(_element, 'data-menu-dropdown') === '1' ? 'dropdown' : 'accordion');\r\n var scroll;\r\n\r\n\t\tif (KTUtil.attr(_element, 'data-menu-scroll') === '1') {\r\n\t\t\tscroll = {\r\n\t\t\t\trememberPosition: true, // remember position on page reload\r\n\t\t\t\theight: function() { // calculate available scrollable area height\r\n\t\t\t\t\tvar height = parseInt(KTUtil.getViewPort().height);\r\n\r\n\t\t\t\t\tif (KTUtil.isBreakpointUp('lg')) {\r\n\t\t\t\t\t\theight = height - KTLayoutBrand.getHeight();\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\theight = height - (parseInt(KTUtil.css(_element, 'marginBottom')) + parseInt(KTUtil.css(_element, 'marginTop')));\r\n\r\n\t\t\t\t\treturn height;\r\n\t\t\t\t}\r\n\t\t\t};\r\n\t\t}\r\n\r\n\t\t_menuObject = new KTMenu(_element, {\r\n\t\t\t// Vertical scroll\r\n\t\t\tscroll: scroll,\r\n\r\n\t\t\t// Submenu setup\r\n\t\t\tsubmenu: {\r\n\t\t\t\tdesktop: menuDesktopMode,\r\n\t\t\t\ttablet: 'accordion', // menu set to accordion in tablet mode\r\n\t\t\t\tmobile: 'accordion' // menu set to accordion in mobile mode\r\n\t\t\t},\r\n\r\n\t\t\t// Accordion setup\r\n\t\t\taccordion: {\r\n\t\t\t\texpandAll: false // allow having multiple expanded accordions in the menu\r\n\t\t\t}\r\n\t\t});\r\n\r\n // Disable menu click if aside is fixed and minimized\r\n _menuObject.on('submenuToggle', function(menu) {\r\n if (KTLayoutAside.isMinimized() === true && KTLayoutAside.isHoverable() === false) {\r\n return false;\r\n }\r\n });\r\n\r\n // Close aside offcanvas panel before page reload On tablet and mobile\r\n _menuObject.on('linkClick', function(menu) {\r\n if (KTUtil.isBreakpointDown('lg')) { // Tablet and mobile mode\r\n KTLayoutAside.getOffcanvas().hide(); // Hide offcanvas after general link click\r\n }\r\n });\r\n\t}\r\n\r\n // Public methods\r\n\treturn {\r\n\t\tinit: function(id) {\r\n _element = KTUtil.getById(id);\r\n\r\n if (!_element) {\r\n return;\r\n }\r\n\r\n // Initialize menu\r\n _init();\r\n\t\t},\r\n\r\n\t\tgetElement: function() {\r\n\t\t\treturn _element;\r\n\t\t},\r\n\r\n getMenu: function() {\r\n\t\t\treturn _menuObject;\r\n\t\t},\r\n\r\n pauseDropdownHover: function(time) {\r\n\t\t\tif (_menuObject) {\r\n\t\t\t\t_menuObject.pauseDropdownHover(time);\r\n\t\t\t}\r\n\t\t},\r\n\r\n\t\tcloseMobileOffcanvas: function() {\r\n\t\t\tif (_menuObject && KTUtil.isMobileDevice()) {\r\n\t\t\t\t_menuObject.hide();\r\n\t\t\t}\r\n\t\t}\r\n\t};\r\n}();\r\n\r\n// Webpack support\r\nif (typeof module !== 'undefined') {\r\n\t// module.exports = KTLayoutAsideMenu;\r\n}\r\n\r\nexport default KTLayoutAsideMenu;","/* eslint-disable */\r\n\"use strict\";\r\n\r\nimport { KTUtil } from \"./../../components/util.js\";\r\nimport KTOffcanvas from \"./../../components/offcanvas.js\";\r\nimport KTLayoutAsideMenu from \"./aside-menu.js\";\r\n\r\nvar KTLayoutAside = function() {\r\n // Private properties\r\n var _body;\r\n var _element;\r\n var _offcanvasObject;\r\n\r\n // Private functions\r\n\t// Initialize\r\n\tvar _init = function() {\r\n\t\tvar offcanvasClass = KTUtil.hasClass(_element, 'aside-offcanvas-default') ? 'aside-offcanvas-default' : 'aside';\r\n\r\n // Initialize mobile aside offcanvas\r\n\t\t_offcanvasObject = new KTOffcanvas(_element, {\r\n\t\t\tbaseClass: offcanvasClass,\r\n\t\t\toverlay: true,\r\n\t\t\tcloseBy: 'kt_aside_close_btn',\r\n\t\t\ttoggleBy: {\r\n\t\t\t\ttarget: 'kt_aside_mobile_toggle',\r\n\t\t\t\tstate: 'mobile-toggle-active'\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\t// Handle Minimized Aside Hover\r\n\t\tif (KTUtil.hasClass(_body, 'aside-fixed') && KTUtil.hasClass(_body, 'aside-minimize-hoverable')) {\r\n\t\t\tvar insideTm;\r\n\t\t\tvar outsideTm;\r\n\r\n // Handle Aside Hover Mode\r\n\t\t\tKTUtil.addEvent(_element, 'mouseenter', function(e) {\r\n\t\t\t\te.preventDefault();\r\n\r\n\t\t\t\tif (KTUtil.isBreakpointUp('lg') === false) {\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (outsideTm) {\r\n\t\t\t\t\tclearTimeout(outsideTm);\r\n\t\t\t\t\toutsideTm = null;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tinsideTm = setTimeout(function() {\r\n\t\t\t\t\tif (KTUtil.hasClass(_body, 'aside-minimize') && KTUtil.isBreakpointUp('lg')) {\r\n\t\t\t\t\t\tKTUtil.removeClass(_body, 'aside-minimize');\r\n\r\n\t\t\t\t\t\t// Hover class\r\n\t\t\t\t\t\tKTUtil.addClass(_body, 'aside-minimize-hover');\r\n\r\n\t\t\t\t\t\tKTLayoutAsideMenu.getMenu().scrollUpdate();\r\n\t\t\t\t\t\tKTLayoutAsideMenu.getMenu().scrollTop();\r\n\t\t\t\t\t}\r\n\t\t\t\t}, 50);\r\n\t\t\t});\r\n\r\n\t\t\tKTUtil.addEvent(_element, 'mouseleave', function(e) {\r\n\t\t\t\te.preventDefault();\r\n\r\n\t\t\t\tif (KTUtil.isBreakpointUp('lg') === false) {\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (insideTm) {\r\n\t\t\t\t\tclearTimeout(insideTm);\r\n\t\t\t\t\tinsideTm = null;\r\n\t\t\t\t}\r\n\r\n\t\t\t\toutsideTm = setTimeout(function() {\r\n\t\t\t\t if (KTUtil.hasClass(_body, 'aside-minimize-hover') && KTUtil.isBreakpointUp('lg')) {\r\n\t\t\t\t\t KTUtil.removeClass(_body, 'aside-minimize-hover');\r\n\t\t\t\t\t KTUtil.addClass(_body, 'aside-minimize');\r\n\r\n\t\t\t\t\t\t// Hover class\r\n KTLayoutAsideMenu.getMenu().scrollUpdate();\r\n\t\t\t\t\t\tKTLayoutAsideMenu.getMenu().scrollTop();\r\n\t\t\t\t\t}\r\n\t\t\t\t}, 100);\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\r\n // Public methods\r\n\treturn {\r\n\t\tinit: function(id) {\r\n _element = KTUtil.getById(id);\r\n _body = KTUtil.getBody();\r\n\r\n if (!_element) {\r\n return;\r\n }\r\n\r\n // Initialize\r\n _init();\r\n },\r\n\r\n getElement: function() {\r\n return _element;\r\n },\r\n\r\n getOffcanvas: function() {\r\n return _offcanvasObject;\r\n },\r\n\r\n isFixed: function() {\r\n return KTUtil.hasClass(_body, 'aside-fixed');\r\n },\r\n\r\n isMinimized: function() {\r\n return (KTUtil.hasClass(_body, 'aside-fixed') && KTUtil.hasClass(_body, 'aside-minimize'));\r\n },\r\n\r\n isHoverable: function() {\r\n return (KTUtil.hasClass(_body, 'aside-fixed') && KTUtil.hasClass(_body, 'aside-minimize-hoverable'));\r\n }\r\n\t};\r\n}();\r\n\r\n// Webpack support\r\nif (typeof module !== 'undefined') {\r\n\t// module.exports = KTLayoutAside;\r\n}\r\n\r\nexport default KTLayoutAside;","/* eslint-disable */\r\n\"use strict\";\r\n\r\nimport { KTUtil } from \"./../../components/util.js\";\r\n\r\nvar KTLayoutSubheader = function() {\r\n // Private properties\r\n var _element;\r\n\r\n // Private functions\r\n var _getHeight = function() {\r\n var height = 0;\r\n\r\n if (_element) {\r\n height = KTUtil.actualHeight(_element);\r\n }\r\n\r\n return height;\r\n }\r\n\r\n // Public methods\r\n\treturn {\r\n\t\tinit: function(id) {\r\n _element = KTUtil.getById(id);\r\n\r\n if (!_element) {\r\n return;\r\n }\r\n\t\t},\r\n\r\n isFixed: function() {\r\n return KTUtil.hasClass(KTUtil.getBody(), 'subheader-fixed');\r\n },\r\n\r\n getElement: function() {\r\n return _element;\r\n },\r\n\r\n getHeight: function() {\r\n return _getHeight();\r\n }\r\n\t};\r\n}();\r\n\r\n// Webpack support\r\nif (typeof module !== 'undefined') {\r\n\t// module.exports = KTLayoutSubheader;\r\n}\r\n\r\nexport default KTLayoutSubheader;","/* eslint-disable */\r\n\"use strict\";\r\n\r\nimport KTLayoutHeader from \"./header.js\";\r\nimport KTCard from \"./../../components/card.js\";\r\nimport { KTUtil } from \"./../../components/util.js\";\r\nimport KTLayoutSubheader from \"./subheader.js\";\r\n\r\nvar KTLayoutStickyCard = function() {\r\n // Private properties\r\n\tvar _element;\r\n var _object;\r\n\r\n\t// Private functions\r\n\tvar _init = function() {\r\n\t\tvar offset = 300;\r\n\r\n\t\tif (typeof KTLayoutHeader !== 'undefined') {\r\n\t\t\toffset = KTLayoutHeader.getHeight();\r\n\t\t}\r\n\r\n _object = new KTCard(_element, {\r\n\t\t\tsticky: {\r\n\t\t\t\toffset: offset,\r\n\t\t\t\tzIndex: 90,\r\n\t\t\t\tposition: {\r\n\t\t\t\t\ttop: function() {\r\n\t\t\t\t\t\tvar pos = 0;\r\n var body = KTUtil.getBody();\r\n\r\n\t\t\t\t\t\tif (KTUtil.isBreakpointUp('lg')) {\r\n\t\t\t\t\t\t\tif (typeof KTLayoutHeader !== 'undefined' && KTLayoutHeader.isFixed()) {\r\n\t\t\t\t\t\t\t\tpos = pos + KTLayoutHeader.getHeight();\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\tif (typeof KTLayoutSubheader !== 'undefined' && KTLayoutSubheader.isFixed()) {\r\n\t\t\t\t\t\t\t\tpos = pos + KTLayoutSubheader.getHeight();\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\tif (typeof KTLayoutHeader !== 'undefined' && KTLayoutHeader.isFixedForMobile()) {\r\n\t\t\t\t\t\t\t\tpos = pos + KTLayoutHeader.getHeightForMobile();\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\tpos = pos - 1; // remove header border width\r\n\r\n\t\t\t\t\t\treturn pos;\r\n\t\t\t\t\t},\r\n\t\t\t\t\tleft: function(card) {\r\n\t\t\t\t\t\treturn KTUtil.offset(_element).left;\r\n\t\t\t\t\t},\r\n\t\t\t\t\tright: function(card) {\r\n\t\t\t\t\t\tvar body = KTUtil.getBody();\r\n\r\n\t\t\t\t\t\tvar cardWidth = parseInt(KTUtil.css(_element, 'width'));\r\n\t\t\t\t\t\tvar bodyWidth = parseInt(KTUtil.css(body, 'width'));\r\n\t\t\t\t\t\tvar cardOffsetLeft = KTUtil.offset(_element).left;\r\n\r\n\t\t\t\t\t\treturn bodyWidth - cardWidth - cardOffsetLeft;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\t_object.initSticky();\r\n\r\n\t\tKTUtil.addResizeHandler(function() {\r\n\t\t\t_object.updateSticky();\r\n\t\t});\r\n\t}\r\n\r\n // Public methods\r\n\treturn {\r\n\t\tinit: function(id) {\r\n _element = KTUtil.getById(id);\r\n\r\n if (!_element) {\r\n return;\r\n }\r\n\r\n // Initialize\r\n\t\t\t_init();\r\n\t\t},\r\n\r\n\t\tupdate: function() {\r\n\t\t\tif (_object) {\r\n\t\t\t\t_object.updateSticky();\r\n\t\t\t}\r\n\t\t}\r\n\t};\r\n}();\r\n\r\n// Webpack support\r\nif (typeof module !== 'undefined') {\r\n\t// module.exports = KTLayoutStickyCard;\r\n}\r\n\r\nexport default KTLayoutStickyCard;","/* eslint-disable */\r\n\"use strict\";\r\n\r\nimport KTToggle from \"./../../components/toggle.js\";\r\nimport KTLayoutStickyCard from \"./sticky-card.js\";\r\nimport KTLayoutHeaderMenu from \"./header-menu.js\";\r\nimport KTLayoutAsideMenu from \"./aside-menu.js\";\r\nimport { KTCookie } from \"./../../components/cookie.js\";\r\nimport { KTUtil } from \"./../../components/util.js\";\r\n\r\nvar KTLayoutAsideToggle = function() {\r\n // Private properties\r\n var _body;\r\n var _element;\r\n var _toggleObject;\r\n\r\n\t// Initialize\r\n\tvar _init = function() {\r\n\t\t_toggleObject = new KTToggle(_element, _body, {\r\n\t\t\ttargetState: 'aside-minimize',\r\n\t\t\ttoggleState: 'active'\r\n\t\t});\r\n\r\n\t\t_toggleObject.on('toggle', function(toggle) {\r\n // Update sticky card\r\n if (typeof KTLayoutStickyCard !== 'undefined') {\r\n KTLayoutStickyCard.update();\r\n }\r\n\r\n // Pause header menu dropdowns\r\n if (typeof KTLayoutHeaderMenu !== 'undefined') {\r\n KTLayoutHeaderMenu.pauseDropdownHover(800);\r\n }\r\n\r\n // Pause aside menu dropdowns\r\n if (typeof KTLayoutAsideMenu !== 'undefined') {\r\n KTLayoutAsideMenu.pauseDropdownHover(800);\r\n }\r\n\r\n // Remember state in cookie\r\n\t\t\tKTCookie.setCookie('kt_aside_toggle_state', toggle.getState());\r\n\t\t\t// to set default minimized left aside use this cookie value in your\r\n\t\t\t// server side code and add \"kt-primary--minimize aside-minimize\" classes to\r\n\t\t\t// the body tag in order to initialize the minimized left aside mode during page loading.\r\n\t\t});\r\n\r\n\t\t_toggleObject.on('beforeToggle', function(toggle) {\r\n\t\t\tif (KTUtil.hasClass(_body, 'aside-minimize') === false && KTUtil.hasClass(_body, 'aside-minimize-hover')) {\r\n\t\t\t\tKTUtil.removeClass(_body, 'aside-minimize-hover');\r\n\t\t\t}\r\n\t\t});\r\n\t}\r\n\r\n // Public methods\r\n\treturn {\r\n\t\tinit: function(id) {\r\n _element = KTUtil.getById(id);\r\n _body = KTUtil.getBody();\r\n\r\n if (!_element) {\r\n return;\r\n }\r\n\r\n // Initialize\r\n _init();\r\n\t\t},\r\n\r\n getElement: function() {\r\n return _element;\r\n },\r\n\r\n getToggle: function() {\r\n\t\t\treturn _toggleObject;\r\n\t\t},\r\n\r\n\t\tonToggle: function(handler) {\r\n\t\t\tif (typeof _toggleObject.element !== 'undefined') {\r\n\t\t\t\t_toggleObject.on('toggle', handler);\r\n\t\t\t}\r\n\t\t}\r\n\t};\r\n}();\r\n\r\n// Webpack support\r\nif (typeof module !== 'undefined') {\r\n\t// module.exports = KTLayoutAsideToggle;\r\n}\r\n\r\nexport default KTLayoutAsideToggle;","/* eslint-disable */\r\n\"use strict\";\r\n\r\nimport { KTUtil } from \"./../../components/util.js\";\r\n\r\nvar KTLayoutFooter = function() {\r\n // Private properties\r\n var _element;\r\n\r\n\t// Private functions\r\n\tvar _getHeight = function() {\r\n\t\tvar height = 0;\r\n\r\n if (_element) {\r\n height = KTUtil.actualHeight(_element);\r\n }\r\n\r\n\t\treturn height;\r\n\t}\r\n\r\n // Public methods\r\n\treturn {\r\n\t\tinit: function(id) {\r\n _element = KTUtil.getById(id);\r\n\t\t},\r\n\r\n\t\tgetHeight: function() {\r\n\t\t\treturn _getHeight();\r\n\t\t},\r\n\r\n getElement: function() {\r\n return _element;\r\n }\r\n\t};\r\n}();\r\n\r\n// Webpack support\r\nif (typeof module !== 'undefined') {\r\n\t// module.exports = KTLayoutFooter;\r\n}\r\n\r\nexport default KTLayoutFooter;","/* eslint-disable */\r\n\"use strict\";\r\n\r\nimport { KTUtil } from \"./../../components/util.js\";\r\nimport KTLayoutHeader from \"./header.js\";\r\nimport KTLayoutSubheader from \"./subheader.js\";\r\nimport KTLayoutFooter from \"./footer.js\";\r\n\r\nvar KTLayoutContent = function() {\r\n // Private properties\r\n var _element;\r\n\r\n\t// Private functions\r\n\tvar _getHeight = function() {\r\n\t\tvar height;\r\n\r\n\t\theight = KTUtil.getViewPort().height;\r\n\r\n if (_element) {\r\n height = height - parseInt(KTUtil.css(_element, 'paddingTop')) - parseInt(KTUtil.css(_element, 'paddingBottom'));\r\n }\r\n\r\n height = height - KTLayoutHeader.getHeight();\r\n height = height - KTLayoutSubheader.getHeight();\r\n height = height - KTLayoutFooter.getHeight();\r\n\r\n\t\treturn height;\r\n\t}\r\n\r\n // Public methods\r\n\treturn {\r\n\t\tinit: function(id) {\r\n _element = KTUtil.getById(id);\r\n\t\t},\r\n\r\n\t\tgetHeight: function() {\r\n\t\t\treturn _getHeight();\r\n\t\t},\r\n\r\n getElement: function() {\r\n return _element;\r\n }\r\n\t};\r\n}();\r\n\r\n// Webpack support\r\nif (typeof module !== 'undefined') {\r\n\t// module.exports = KTLayoutContent;\r\n}\r\n\r\nexport default KTLayoutContent;","/* eslint-disable */\r\n\"use strict\";\r\n\r\nimport KTScrolltop from \"./../../components/scrolltop.js\";\r\nimport { KTUtil } from \"./../../components/util.js\";\r\n\r\nvar KTLayoutScrolltop = function() {\r\n // Private properties\r\n var _element;\r\n var _object;\r\n\r\n // Private functions\r\n var _init = function() {\r\n _object = new KTScrolltop(_element, {\r\n offset: 300,\r\n speed: 600,\r\n });\r\n }\r\n\r\n // Public methods\r\n\treturn {\r\n\t\tinit: function(id) {\r\n _element = KTUtil.getById(id);\r\n\r\n if (!_element) {\r\n return;\r\n }\r\n\r\n // Initialize\r\n _init();\r\n\t\t},\r\n\r\n getElement: function() {\r\n return _element;\r\n }\r\n\t};\r\n}();\r\n\r\n// Webpack support\r\nif (typeof module !== 'undefined') {\r\n\t// module.exports = KTLayoutScrolltop;\r\n}\r\n\r\nexport default KTLayoutScrolltop;","/* eslint-disable */\r\n\"use strict\";\r\n\r\nimport { KTUtil } from \"./../../components/util.js\";\r\nimport KTLayoutContent from \"./content.js\";\r\n\r\nvar KTLayoutStretchedCard = function() {\r\n // Private properties\r\n\tvar _element;\r\n\r\n\t// Private functions\r\n\tvar _init = function() {\r\n\t\tvar scroll = KTUtil.find(_element, '.card-scroll');\r\n\t\tvar cardBody = KTUtil.find(_element, '.card-body');\r\n\t\tvar cardHeader = KTUtil.find(_element, '.card-header');\r\n\r\n\t\tvar height = KTLayoutContent.getHeight();\r\n\r\n\t\theight = height - parseInt(KTUtil.actualHeight(cardHeader));\r\n\r\n\t\theight = height - parseInt(KTUtil.css(_element, 'marginTop')) - parseInt(KTUtil.css(_element, 'marginBottom'));\r\n\t\theight = height - parseInt(KTUtil.css(_element, 'paddingTop')) - parseInt(KTUtil.css(_element, 'paddingBottom'));\r\n\r\n\t\theight = height - parseInt(KTUtil.css(cardBody, 'paddingTop')) - parseInt(KTUtil.css(cardBody, 'paddingBottom'));\r\n\t\theight = height - parseInt(KTUtil.css(cardBody, 'marginTop')) - parseInt(KTUtil.css(cardBody, 'marginBottom'));\r\n\r\n\t\theight = height - 3;\r\n\r\n\t\tKTUtil.css(scroll, 'height', height + 'px');\r\n\t}\r\n\r\n // Public methods\r\n\treturn {\r\n\t\tinit: function(id) {\r\n _element = KTUtil.getById(id);\r\n\r\n if (!_element) {\r\n return;\r\n }\r\n\r\n // Initialize\r\n\t\t\t_init();\r\n\r\n // Re-calculate on window resize\r\n KTUtil.addResizeHandler(function() {\r\n\t\t\t\t_init();\r\n\t\t\t});\r\n\t\t},\r\n\r\n\t\tupdate: function() {\r\n\t\t\t_init();\r\n\t\t}\r\n\t};\r\n}();\r\n\r\n// Webpack support\r\nif (typeof module !== 'undefined') {\r\n\t// module.exports = KTLayoutStretchedCard;\r\n}\r\n\r\nexport default KTLayoutStretchedCard;","/* eslint-disable */\r\n\"use strict\";\r\n\r\nimport { KTUtil } from \"./../../components/util.js\";\r\nimport KTOffcanvas from \"./../../components/offcanvas.js\";\r\n\r\nvar KTLayoutQuickPanel = function() {\r\n // Private properties\r\n var _element;\r\n var _offcanvasObject;\r\n var _notificationsElement;\r\n var _logsElement;\r\n var _settingsElement;\r\n\r\n // Private functions\r\n var _getContentHeight = function() {\r\n var height;\r\n\r\n var header = KTUtil.find(_element, '.offcanvas-header');\r\n var content = KTUtil.find(_element, '.offcanvas-content');\r\n\r\n var height = parseInt(KTUtil.getViewPort().height);\r\n\r\n if (header) {\r\n height = height - parseInt(KTUtil.actualHeight(header));\r\n height = height - parseInt(KTUtil.css(header, 'marginTop'));\r\n height = height - parseInt(KTUtil.css(header, 'marginBottom'));\r\n }\r\n\r\n if (content) {\r\n height = height - parseInt(KTUtil.css(content, 'marginTop'));\r\n height = height - parseInt(KTUtil.css(content, 'marginBottom'));\r\n }\r\n\r\n height = height - parseInt(KTUtil.css(_element, 'paddingTop'));\r\n height = height - parseInt(KTUtil.css(_element, 'paddingBottom'));\r\n\r\n height = height - 2;\r\n\r\n return height;\r\n }\r\n\r\n var _init = function() {\r\n _offcanvasObject = new KTOffcanvas(_element, {\r\n overlay: true,\r\n baseClass: 'offcanvas',\r\n placement: 'right',\r\n closeBy: 'kt_quick_panel_close',\r\n toggleBy: 'kt_quick_panel_toggle'\r\n });\r\n }\r\n\r\n var _initNotifications = function() {\r\n KTUtil.scrollInit(_notificationsElement, {\r\n mobileNativeScroll: true,\r\n resetHeightOnDestroy: true,\r\n handleWindowResize: true,\r\n height: function() {\r\n return _getContentHeight();\r\n }\r\n });\r\n }\r\n\r\n var _initLogs = function() {\r\n KTUtil.scrollInit(_logsElement, {\r\n mobileNativeScroll: true,\r\n resetHeightOnDestroy: true,\r\n handleWindowResize: true,\r\n height: function() {\r\n return _getContentHeight();\r\n }\r\n });\r\n }\r\n\r\n var _initSettings = function() {\r\n KTUtil.scrollInit(_settingsElement, {\r\n mobileNativeScroll: true,\r\n resetHeightOnDestroy: true,\r\n handleWindowResize: true,\r\n height: function() {\r\n return _getContentHeight();\r\n }\r\n });\r\n }\r\n\r\n var _updateScrollbars = function() {\r\n $(_element).find('a[data-toggle=\"tab\"]').on('shown.bs.tab', function (e) {\r\n KTUtil.scrollUpdate(_notificationsElement);\r\n KTUtil.scrollUpdate(_logsElement);\r\n KTUtil.scrollUpdate(_settingsElement);\r\n });\r\n }\r\n\r\n // Public methods\r\n return {\r\n init: function(id) {\r\n _element = KTUtil.getById(id);\r\n _notificationsElement = KTUtil.getById('kt_quick_panel_notifications');\r\n _logsElement = KTUtil.getById('kt_quick_panel_logs');\r\n _settingsElement = KTUtil.getById('kt_quick_panel_settings');\r\n\r\n _init();\r\n _initNotifications();\r\n _initLogs();\r\n _initSettings();\r\n\r\n \r\n }\r\n };\r\n}();\r\n\r\n// Webpack support\r\nif (typeof module !== 'undefined') {\r\n\t// module.exports = KTLayoutQuickPanel;\r\n}\r\n\r\nexport default KTLayoutQuickPanel;","/* eslint-disable */\r\n\"use strict\";\r\n\r\nimport { KTUtil } from \"./../../components/util.js\";\r\nimport KTOffcanvas from \"./../../components/offcanvas.js\";\r\n\r\nvar KTLayoutQuickUser = function() {\r\n // Private properties\r\n var _element;\r\n var _offcanvasObject;\r\n\r\n // Private functions\r\n var _init = function() {\r\n var header = KTUtil.find(_element, '.offcanvas-header');\r\n var content = KTUtil.find(_element, '.offcanvas-content');\r\n\r\n _offcanvasObject = new KTOffcanvas(_element, {\r\n overlay: true,\r\n baseClass: 'offcanvas',\r\n placement: 'right',\r\n closeBy: 'kt_quick_user_close',\r\n toggleBy: 'kt_quick_user_toggle'\r\n });\r\n\r\n KTUtil.scrollInit(content, {\r\n disableForMobile: true,\r\n resetHeightOnDestroy: true,\r\n handleWindowResize: true,\r\n height: function() {\r\n var height = parseInt(KTUtil.getViewPort().height);\r\n\r\n if (header) {\r\n height = height - parseInt(KTUtil.actualHeight(header));\r\n height = height - parseInt(KTUtil.css(header, 'marginTop'));\r\n height = height - parseInt(KTUtil.css(header, 'marginBottom'));\r\n }\r\n\r\n if (content) {\r\n height = height - parseInt(KTUtil.css(content, 'marginTop'));\r\n height = height - parseInt(KTUtil.css(content, 'marginBottom'));\r\n }\r\n\r\n height = height - parseInt(KTUtil.css(_element, 'paddingTop'));\r\n height = height - parseInt(KTUtil.css(_element, 'paddingBottom'));\r\n\r\n height = height - 2;\r\n\r\n return height;\r\n }\r\n });\r\n }\r\n\r\n // Public methods\r\n return {\r\n init: function(id) {\r\n _element = KTUtil.getById(id);\r\n\r\n if (!_element) {\r\n return;\r\n }\r\n\r\n // Initialize\r\n _init();\r\n },\r\n\r\n getElement: function() {\r\n return _element;\r\n }\r\n };\r\n}();\r\n\r\n// Webpack support\r\nif (typeof module !== 'undefined') {\r\n\t// module.exports = KTLayoutQuickUser;\r\n}\r\n\r\nexport default KTLayoutQuickUser;","import React, {useLayoutEffect} from \"react\";\r\nimport {KTUtil} from \"../../_assets/js/components/util\";\r\nimport KTLayoutHeader from \"../../_assets/js/layout/base/header\";\r\nimport KTLayoutHeaderMenu from \"../../_assets/js/layout/base/header-menu\";\r\nimport KTLayoutHeaderTopbar from \"../../_assets/js/layout/base/header-topbar\";\r\nimport KTLayoutBrand from \"../../_assets/js/layout/base/brand\";\r\nimport KTLayoutAside from \"../../_assets/js/layout/base/aside\";\r\nimport KTLayoutAsideToggle from \"../../_assets/js/layout/base/aside-toggle\";\r\nimport KTLayoutAsideMenu from \"../../_assets/js/layout/base/aside-menu\";\r\nimport KTLayoutContent from \"../../_assets/js/layout/base/content\";\r\nimport KTLayoutFooter from \"../../_assets/js/layout/base/footer\";\r\nimport KTLayoutSubheader from \"../../_assets/js/layout/base/subheader\";\r\nimport KTLayoutScrolltop from \"../../_assets/js/layout/extended/scrolltop\";\r\nimport KTLayoutStickyCard from \"../../_assets/js/layout/base/sticky-card\";\r\nimport KTLayoutStretchedCard from \"../../_assets/js/layout/base/stretched-card\";\r\nimport KTLayoutQuickPanel from \"../../_assets/js/layout/extended/quick-panel\";\r\nimport KTLayoutQuickUser from \"../../_assets/js/layout/extended/quick-user\";\r\n\r\nexport function LayoutInit() {\r\n useLayoutEffect(() => {\r\n // Initialization\r\n KTUtil.ready(function () {\r\n ////////////////////////////////////////////////////\r\n // Layout Base Partials(mandatory for core layout)//\r\n ////////////////////////////////////////////////////\r\n // Init Desktop & Mobile Headers\r\n KTLayoutHeader.init('kt_header', 'kt_header_mobile');\r\n\r\n // Init Header Menu\r\n KTLayoutHeaderMenu.init('kt_header_menu', 'kt_header_menu_wrapper');\r\n // Init Header Topbar For Mobile Mode\r\n KTLayoutHeaderTopbar.init('kt_header_mobile_topbar_toggle');\r\n // Init Brand Panel For Logo\r\n KTLayoutBrand.init('kt_brand');\r\n // Init Aside\r\n KTLayoutAside.init('kt_aside');\r\n\r\n // Init Aside Menu Toggle\r\n KTLayoutAsideToggle.init('kt_aside_toggle');\r\n //\r\n // Init Aside Menu\r\n KTLayoutAsideMenu.init('kt_aside_menu');\r\n\r\n // Init Content\r\n KTLayoutContent.init('kt_content');\r\n\r\n // Init Footer\r\n KTLayoutFooter.init('kt_footer');\r\n\r\n\r\n //////////////////////////////////////////////\r\n // Layout Extended Partials(optional to use)//\r\n //////////////////////////////////////////////\r\n KTLayoutSubheader.init('kt_subheader');\r\n\r\n // Init Scrolltop\r\n KTLayoutScrolltop.init('kt_scrolltop');\r\n\r\n // Init Sticky Card\r\n KTLayoutStickyCard.init('kt_page_sticky_card');\r\n\r\n // Init Stretched Card\r\n KTLayoutStretchedCard.init('kt_page_stretched_card');\r\n\r\n // Init Quick Offcanvas Panel\r\n KTLayoutQuickPanel.init('kt_quick_panel');\r\n\r\n // Init Quick User Panel\r\n KTLayoutQuickUser.init('kt_quick_user');\r\n });\r\n }, []);\r\n return <>;\r\n}\r\n","/* eslint-disable jsx-a11y/anchor-is-valid */\r\nimport React from \"react\";\r\nimport {Link} from \"react-router-dom\";\r\n\r\nexport function BreadCrumbs({items}) {\r\n if (!items || !items.length) {\r\n return \"\";\r\n }\r\n\r\n return (\r\n \r\n {layoutProps.disableAsideSelfDisplay && (\r\n <>\r\n {/* begin::Header Logo */}\r\n \r\n
\r\n {/* end::Aside Menu */}\r\n \r\n \r\n 
\r\n \r\n
\r\n {/* end::Header Logo */}\r\n \r\n )}\r\n - \r\n
- \r\n \r\n \r\n \r\n \r\n {items.map((item, index) => (\r\n
- \r\n \r\n {item.title}\r\n \r\n \r\n ))}\r\n
\r\n {layoutProps.subheaderMobileToggle && (\r\n \r\n \r\n \r\n )}\r\n\r\n
\r\n\r\n {/* Toolbar */}\r\n {/* \r\n
\r\n\r\n\r\n \r\n <>\r\n {subheader.title}\r\n \r\n {/**/}\r\n
\r\n\r\n\r\n \r\n Today\r\n Aug 16\r\n \r\n
*/}\r\n \r\n \r\n );\r\n}\r\n","/* eslint-disable no-script-url,jsx-a11y/anchor-is-valid,no-undef */\r\nimport React, {useState} from \"react\";\r\nimport SVG from \"react-inlinesvg\";\r\nimport {Tab, Nav} from \"react-bootstrap\";\r\nimport {toAbsoluteUrl} from \"../../../../_helpers\";\r\n\r\nexport function QuickPanel() {\r\n const [selectedTab, setSelectedTab] = useState(\"AuditLogs\");\r\n\r\n const setTab = _tabName => {\r\n setSelectedTab(_tabName);\r\n };\r\n\r\n return (\r\n \r\n \r\n {/*begin::Header*/}\r\n \r\n \r\n \r\n \r\n Audit Logs\r\n \r\n \r\n \r\n \r\n Notifications\r\n \r\n \r\n \r\n \r\n Settings\r\n \r\n \r\n \r\n\r\n
\r\n {/*end::Header*/}\r\n\r\n {/*begin::Content*/}\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n System Messages
\r\n\r\n
\r\n\r\n \r\n \r\n
\r\n \r\n \r\n Top Authors\r\n \r\n \r\n Most Successful Fellas\r\n \r\n
\r\n \r\n +82$\r\n \r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n \r\n Popular Authors\r\n \r\n \r\n Most Successful Fellas\r\n \r\n
\r\n \r\n +280$\r\n \r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n \r\n New Users\r\n \r\n \r\n Most Successful Fellas\r\n \r\n
\r\n \r\n +4500$\r\n \r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n \r\n Active Customers\r\n \r\n \r\n Most Successful Fellas\r\n \r\n
\r\n \r\n +4500$\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n Bestseller Theme\r\n \r\n \r\n Most Successful Fellas\r\n \r\n
\r\n \r\n +4500$\r\n \r\n \r\n
\r\n Notifications
\r\n\r\n\r\n \r\n \r\n \r\n\r\n
\r\n\r\n \r\n \r\n Another purpose persuade\r\n \r\n \r\n Due in 2 Days\r\n \r\n
\r\n\r\n \r\n +28%\r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n \r\n Would be to people\r\n \r\n \r\n Due in 2 Days\r\n \r\n
\r\n\r\n \r\n +50%\r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n \r\n Purpose would be to persuade\r\n \r\n \r\n Due in 2 Days\r\n \r\n
\r\n\r\n \r\n -27%\r\n \r\n \r\n \r\n \r\n \r\n\r\n
\r\n \r\n \r\n The best product\r\n \r\n \r\n Due in 2 Days\r\n \r\n
\r\n\r\n \r\n +8%\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n 5 new user generated report\r\n
\r\n Reports based on sales
\r\n \r\n
\r\n \r\n\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n 2 new items submited\r\n
\r\n by Grog John
\r\n \r\n
\r\n \r\n\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n 79 PSD files generated\r\n
\r\n Reports based on sales
\r\n \r\n
\r\n \r\n\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n $2900 worth producucts sold\r\n
\r\n Total 234 items
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n 4.5h-avarage response time\r\n
\r\n Fostest is Barry
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n 3 Defence alerts\r\n
\r\n \r\n 40% less alerts thar last week\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n Avarage 4 blog posts per author\r\n
\r\n Most posted 12 time
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n 16 authors joined last week\r\n
\r\n \r\n 9 photodrapehrs, 7 designer\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n 2 new items have been submited\r\n
\r\n by Grog John
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n 2.8 GB-total downloads size\r\n
\r\n \r\n Mostly PSD end AL concepts\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n $2900 worth producucts sold\r\n
\r\n Total 234 items
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n 7 new user generated report\r\n
\r\n Reports based on sales
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n 4.5h-avarage response time\r\n
\r\n Fostest is Barry
\r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n User Profile\r\n {/* 12 messages */}\r\n
\r\n\r\n
\r\n \r\n );\r\n}\r\n","import React from \"react\";\r\nimport SVG from \"react-inlinesvg\";\r\nimport {toAbsoluteUrl} from \"../../../_helpers\";\r\n\r\nexport function ScrollTop() {\r\n return (\r\n \r\n
\r\n\r\n \r\n {/* \r\n \r\n {/* \r\n */}\r\n
\r\n \r\n \r\n {user.username}\r\n \r\n \r\n Sign out\r\n \r\n
\r\n {user.occupation}
\r\n \r\n {/* \r\n Sign Out\r\n */}\r\n \r\n \r\n
*/}\r\n\r\n \r\n\r\n {/* \r\n
\r\n \r\n\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n My Profile
\r\n \r\n Account settings and more\r\n {\" \"}\r\n \r\n update\r\n \r\n
\r\n \r\n
\r\n \r\n\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n My Messages
\r\n Inbox and tasks
\r\n \r\n
\r\n \r\n\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n My Activities
\r\n Logs and notifications
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n My Tasks
\r\n latest tasks and projects
\r\n \r\n
*/}\r\n Recent Notifications
\r\n\r\n\r\n \r\n \r\n \r\n\r\n
\r\n\r\n \r\n \r\n Another purpose persuade\r\n \r\n Due in 2 Days\r\n
\r\n\r\n \r\n +28%\r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n \r\n Would be to people\r\n \r\n Due in 2 Days\r\n
\r\n\r\n \r\n +50%\r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n \r\n Purpose would be to persuade\r\n \r\n Due in 2 Days\r\n
\r\n\r\n \r\n -27%\r\n \r\n \r\n \r\n \r\n \r\n\r\n
\r\n \r\n \r\n The best product\r\n \r\n Due in 2 Days\r\n
\r\n\r\n \r\n +8%\r\n \r\n \r\n \r\n \r\n {\" \"}\r\n
\r\n );\r\n}\r\n","import React, {useMemo} from \"react\";\r\nimport objectPath from \"object-path\";\r\n// LayoutContext\r\nimport {useHtmlClassService} from \"../_core/MetronicLayout\";\r\n// Import Layout components\r\nimport {Header} from \"./header/Header\";\r\nimport {HeaderMobile} from \"./header-mobile/HeaderMobile\";\r\nimport {Aside} from \"./aside/Aside\";\r\n//import {Footer} from \"./footer/Footer\";\r\nimport {LayoutInit} from \"./LayoutInit\";\r\nimport {SubHeader} from \"./subheader/SubHeader\";\r\nimport {QuickPanel} from \"./extras/offcanvas/QuickPanel\";\r\nimport {QuickUser} from \"./extras/offcanvas/QuickUser\";\r\nimport {ScrollTop} from \"./extras/ScrollTop\";\r\n//import {StickyToolbar} from \"./extras/StickyToolbar\";\r\n\r\nexport function Layout({ children }) {\r\n const uiService = useHtmlClassService();\r\n // Layout settings (cssClasses/cssAttributes)\r\n const layoutProps = useMemo(() => {\r\n return {\r\n layoutConfig: uiService.config,\r\n selfLayout: objectPath.get(uiService.config, \"self.layout\"),\r\n asideDisplay: objectPath.get(uiService.config, \"aside.self.display\"),\r\n subheaderDisplay: objectPath.get(uiService.config, \"subheader.display\"),\r\n desktopHeaderDisplay: objectPath.get(\r\n uiService.config,\r\n \"header.self.fixed.desktop\"\r\n ),\r\n contentCssClasses: uiService.getClasses(\"content\", true),\r\n contentContainerClasses: uiService.getClasses(\"content_container\", true),\r\n contentExtended: objectPath.get(uiService.config, \"content.extended\")\r\n };\r\n }, [uiService]);\r\n\r\n return layoutProps.selfLayout !== \"blank\" ? (\r\n <>\r\n {/*begin::Main*/}\r\n \r\n {/*begin::Page*/}\r\n
\r\n {/*end::Page*/}\r\n \r\n \r\n {layoutProps.asideDisplay && ()}\r\n {/*begin::Wrapper*/}\r\n
\r\n {/*end::Wrapper*/}\r\n \r\n \r\n {layoutProps.subheaderDisplay &&
\r\n {/*end::Content*/}\r\n {/* */}\r\n \r\n {/*begin::Container*/}\r\n
\r\n )}\r\n\r\n {layoutProps.contentExtended && {children}}\r\n {/*end::Entry*/}\r\n \r\n {children}\r\n
\r\n {/*end::Container*/}\r\n {children}
\r\n );\r\n}\r\n","import React, {useEffect, useState} from \"react\";\r\nimport {useRouteMatch} from \"react-router-dom\";\r\n\r\nexport function Content({ children }) {\r\n const match = useRouteMatch() || {};\r\n const animationEndClass = \"grid-animateContent-finished\";\r\n const [cssClassesState, setCssClassesState] = useState([\r\n \"grid-animateContent\",\r\n animationEndClass\r\n ]);\r\n\r\n useEffect(() => {\r\n // for animation start should toggle 'grid-animateContent-finished' css class\r\n // TODO: change useMemo\r\n const fullClasses = [...cssClassesState];\r\n const startAnimation = fullClasses.filter(el => el !== animationEndClass);\r\n setCssClassesState(startAnimation);\r\n const timeOutId = setTimeout(() => {\r\n setCssClassesState(fullClasses);\r\n }, 200);\r\n\r\n return () => {\r\n clearTimeout(timeOutId);\r\n };\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [match.url]);\r\n\r\n return <>{children};\r\n}\r\n","import React from \"react\";\r\nimport {Route} from \"react-router-dom\";\r\nimport {Content} from \"./Content\";\r\n\r\nexport function ContentRoute({ children, component, render, ...props }) {\r\n return (\r\n \r\n {children}\r\n
\r\n )\r\n);\r\n\r\nexport const CardHeader = forwardRef(\r\n (\r\n {\r\n children,\r\n icon,\r\n title,\r\n toolbar,\r\n className,\r\n sticky = false,\r\n labelRef,\r\n ...props\r\n },\r\n ref\r\n ) => {\r\n const [top, setTop] = useState(0);\r\n const [windowHeight, setWindowHeight] = useState(0);\r\n\r\n useEffect(() => {\r\n handleResize();\r\n\r\n function handleResize() {\r\n setWindowHeight(window.innerWidth);\r\n }\r\n\r\n window.addEventListener(\"resize\", handleResize);\r\n\r\n return () => {\r\n window.removeEventListener(\"resize\", handleResize);\r\n };\r\n });\r\n\r\n useEffect(() => {\r\n // Skip if sticky is disabled or on initial render when we don't know about window height.\r\n if (!sticky || windowHeight === 0) {\r\n return;\r\n }\r\n\r\n const headerElement = document.querySelector(\".header\");\r\n const subheaderElement = document.querySelector(\".subheader\");\r\n const headerMobileElement = document.querySelector(\".header-mobile\");\r\n\r\n let nextMarginTop = 0;\r\n\r\n // mobile header\r\n if (window.getComputedStyle(headerElement).height === \"0px\") {\r\n nextMarginTop = headerMobileElement.offsetHeight;\r\n } else {\r\n // desktop header\r\n if (document.body.classList.contains(\"header-minimize-topbar\")) {\r\n // hardcoded minimized header height\r\n nextMarginTop = 60;\r\n } else {\r\n // normal fixed header\r\n if (document.body.classList.contains(\"header-fixed\")) {\r\n nextMarginTop += headerElement.offsetHeight;\r\n }\r\n\r\n if (document.body.classList.contains(\"subheader-fixed\")) {\r\n nextMarginTop += subheaderElement.offsetHeight;\r\n }\r\n }\r\n }\r\n\r\n setTop(nextMarginTop);\r\n }, [sticky, windowHeight]);\r\n\r\n return (\r\n \r\n {icon}\r\n\r\n {/* Wrap string and fragments in CardHeaderTitle */\r\n typeof title === \"string\" || isFragment(title) ? (\r\n {title} \r\n ) : (\r\n title\r\n )}\r\n
\r\n )}\r\n\r\n {toolbar}\r\n {children}\r\n \r\n );\r\n }\r\n);\r\n\r\nexport const CardBody = forwardRef(\r\n ({ fit, fluid, className, ...props }, ref) => (\r\n {error}
;\r\n }\r\n\r\n if (touched && !error && label) {\r\n return {label} was entered correct
;\r\n }\r\n\r\n return (\r\n \r\n {customFeedbackLabel && <>{customFeedbackLabel}}\r\n {!customFeedbackLabel && (\r\n <>\r\n Please enter {label}\r\n \r\n )}\r\n
\r\n );\r\n};\r\n\r\nconst selectLabel = ({ label, touched, error, customFeedbackLabel }) => {\r\n if (touched && error) {\r\n return {error}
;\r\n }\r\n\r\n return (\r\n \r\n {customFeedbackLabel && <>{customFeedbackLabel}}\r\n {!customFeedbackLabel && label && (\r\n <>\r\n Please select {label}\r\n \r\n )}\r\n
\r\n );\r\n};\r\n\r\nexport function FieldFeedbackLabel({\r\n label,\r\n touched,\r\n error,\r\n type,\r\n customFeedbackLabel\r\n}) {\r\n switch (type) {\r\n case \"text\":\r\n return inputLabel({ label, touched, error, customFeedbackLabel });\r\n case \"email\":\r\n return inputLabel({ label, touched, error, customFeedbackLabel });\r\n case \"password\":\r\n return inputLabel({ label, touched, error, customFeedbackLabel });\r\n default:\r\n return selectLabel({ label, touched, error, customFeedbackLabel });\r\n }\r\n}\r\n","import React from \"react\";\r\nimport {FieldFeedbackLabel} from \"./FieldFeedbackLabel\";\r\n\r\nconst getFieldCSSClasses = (touched, errors) => {\r\n const classes = [\"form-control\"];\r\n if (touched && errors) {\r\n classes.push(\"is-invalid\");\r\n }\r\n\r\n if (touched && !errors) {\r\n classes.push(\"is-valid\");\r\n }\r\n\r\n return classes.join(\" \");\r\n};\r\n\r\nexport function Input({\r\n field, // { name, value, onChange, onBlur }\r\n form: { touched, errors }, // also values, setXXXX, handleXXXX, dirty, isValid, status, etc.\r\n label,\r\n withFeedbackLabel = false,\r\n customFeedbackLabel,\r\n type = \"text\",\r\n ...props\r\n}) {\r\n return (\r\n <>\r\n {label && }\r\n \r\n handleFirstPage(paginationProps)}\r\n className=\"btn btn-icon btn-sm btn-light btn-hover-primary mr-2 my-1\"\r\n >\r\n \r\n \r\n handlePrevPage(paginationProps)}\r\n className=\"btn btn-icon btn-sm btn-light btn-hover-primary mr-2 my-1\"\r\n >\r\n \r\n \r\n\r\n {page > 1 && (\r\n \r\n ...\r\n \r\n )}\r\n {pages.map((p) => (\r\n handleSelectedPage(paginationProps, p)}\r\n className={`btn btn-icon btn-sm border-0 btn-light ${\r\n page === p ? \" btn-hover-primary active\" : \"\"\r\n } mr-2 my-1`}\r\n >\r\n {p}\r\n \r\n ))}\r\n {page < pagesCount && (\r\n \r\n ...\r\n \r\n )}\r\n handleNextPage(paginationProps)}\r\n className=\"btn btn-icon btn-sm btn-light btn-hover-primary mr-2 my-1\"\r\n >\r\n \r\n \r\n handleLastPage(paginationProps)}\r\n className=\"btn btn-icon btn-sm btn-light btn-hover-primary mr-2 my-1\"\r\n >\r\n \r\n \r\n
\r\n \r\n )}\r\n \r\n );\r\n}\r\n","/* eslint-disable no-unused-vars */\r\nimport React from \"react\";\r\nimport {PaginationTotalStandalone} from \"react-bootstrap-table2-paginator\";\r\n\r\nexport function PaginationToolbar(props) {\r\n const { isLoading, paginationProps } = props;\r\n const {\r\n sizePerPageList,\r\n sizePerPage,\r\n totalSize,\r\n onSizePerPageChange = [\r\n { text: \"3\", value: 3 },\r\n { text: \"5\", value: 5 },\r\n { text: \"10\", value: 10 }\r\n ]\r\n } = paginationProps;\r\n const style = {\r\n width: \"75px\"\r\n };\r\n\r\n const onSizeChange = event => {\r\n const newSize = +event.target.value;\r\n onSizePerPageChange(newSize);\r\n };\r\n\r\n return (\r\n \r\n {isLoading && (\r\n \r\n {sizePerPageList.map(option => {\r\n const isSelect = sizePerPage === `${option.page}`;\r\n return (\r\n \r\n {option.text}\r\n \r\n );\r\n })}\r\n \r\n
\r\n );\r\n}\r\n","import React from \"react\";\r\nimport {PaginationLinks} from \"./PaginationLinks\";\r\nimport {PaginationToolbar} from \"./PaginationToolbar\";\r\n\r\nexport function Pagination(props) {\r\n const { children, isLoading, paginationProps } = props;\r\n return (\r\n <>\r\n {children}\r\n \r\n
\r\n )}\r\n Loading...
\r\n \r\n \r\n
\r\n \r\n );\r\n}\r\n","import React from \"react\";\r\nimport {withRouter} from \"react-router-dom\";\r\nimport {ProgressBar} from \"react-bootstrap\";\r\n\r\n// TODO: Should be rewrited to pure function\r\nclass AnimateLoading extends React.Component {\r\n animateTimeout;\r\n stopAnimateTimeout;\r\n state = {\r\n width: 0,\r\n routeChanged: false\r\n };\r\n\r\n componentDidUpdate(nextProps) {\r\n if (this.props.location.pathname !== nextProps.location.pathname) {\r\n this.animate();\r\n this.scrollToTop();\r\n }\r\n }\r\n\r\n scrollToTop() {\r\n const scrollToTopBtn = document.getElementById(\"kt_scrolltop\");\r\n if (scrollToTopBtn) {\r\n scrollToTopBtn.click();\r\n }\r\n }\r\n\r\n animate() {\r\n this.animateTimeout = setTimeout(() => {\r\n if (this.state.width <= 100) {\r\n this.setState({ width: this.state.width + 10 });\r\n this.animate();\r\n } else {\r\n this.stopAnimate();\r\n }\r\n }, 30);\r\n }\r\n stopAnimate() {\r\n clearTimeout(this.animateInterval);\r\n this.stopAnimateTimeout = setTimeout(() => {\r\n this.setState({ width: 0 });\r\n }, 300);\r\n }\r\n componentWillUnmount() {\r\n if (this.stopAnimateTimeout) {\r\n clearTimeout(this.stopAnimateTimeout);\r\n }\r\n if (this.animateTimeout) {\r\n clearTimeout(this.animateTimeout);\r\n }\r\n }\r\n render() {\r\n return (\r\n {text}
\r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n {children}\r\n
\r\n \r\n );\r\n }\r\n);\r\n\r\n// Set display name for debugging.\r\nif (process.env.NODE_ENV !== \"production\") {\r\n Notice.displayName = \"Notice\";\r\n}\r\n","import React from \"react\";\r\nimport { ProgressBar } from \"react-bootstrap\";\r\n\r\nexport function ModalProgressBar({variant = \"success\"}) {\r\n return (\r\n - \r\n
- \r\n Choose Label:\r\n \r\n \r\n \r\n
- \r\n \r\n \r\n Customer\r\n \r\n \r\n \r\n
- \r\n \r\n \r\n Partner\r\n \r\n \r\n \r\n
- \r\n \r\n \r\n Suplier\r\n \r\n \r\n \r\n
- \r\n \r\n \r\n Member\r\n \r\n \r\n \r\n
- \r\n \r\n \r\n Staff\r\n \r\n \r\n \r\n \r\n
- \r\n \r\n \r\n Add new\r\n \r\n \r\n
- \r\n
- \r\n Add new:\r\n \r\n
- \r\n \r\n \r\n Order\r\n \r\n \r\n
- \r\n \r\n \r\n Event\r\n \r\n \r\n
- \r\n \r\n \r\n Report\r\n \r\n \r\n
- \r\n \r\n \r\n Post\r\n \r\n \r\n
- \r\n \r\n \r\n File\r\n \r\n \r\n
- \r\n
- \r\n \r\n \r\n New Group\r\n \r\n \r\n
- \r\n \r\n \r\n Contacts\r\n \r\n \r\n
- \r\n \r\n \r\n Groups\r\n \r\n new\r\n \r\n \r\n \r\n
- \r\n \r\n \r\n Calls\r\n \r\n \r\n
- \r\n \r\n \r\n Settings\r\n \r\n \r\n\r\n \r\n\r\n
- \r\n \r\n \r\n Help\r\n \r\n \r\n
- \r\n \r\n \r\n Privacy\r\n \r\n 5\r\n \r\n \r\n \r\n