| @@ -92,7 +92,7 @@ const SearchDemandNoteForm = ({ applySearch, orgComboData, searchCriteria, issue | |||||
| <Grid container sx={{ backgroundColor: '#ffffff', ml: 2, mt: 1 }} width="98%"> | <Grid container sx={{ backgroundColor: '#ffffff', ml: 2, mt: 1 }} width="98%"> | ||||
| {/*row 1*/} | {/*row 1*/} | ||||
| <Grid item justifyContent="space-between" alignItems="center" sx={{mt:1, ml:3,mb:2.5}}> | <Grid item justifyContent="space-between" alignItems="center" sx={{mt:1, ml:3,mb:2.5}}> | ||||
| <Typography variant="h5" > | |||||
| <Typography variant="pnspsFormHeader" > | |||||
| Search Form | Search Form | ||||
| </Typography> | </Typography> | ||||
| </Grid> | </Grid> | ||||
| @@ -83,7 +83,7 @@ const SearchDemandNoteForm = ({ applySearch, searchCriteria, issueComboData | |||||
| <Grid item xs={12}> | <Grid item xs={12}> | ||||
| <CardContent sx={{ px: 2.5, pt: 3 }}> | <CardContent sx={{ px: 2.5, pt: 3 }}> | ||||
| <Grid item justifyContent="space-between" alignItems="center" > | <Grid item justifyContent="space-between" alignItems="center" > | ||||
| <Typography variant="h4"> | |||||
| <Typography variant="pnspsFormHeader"> | |||||
| <FormattedMessage id="searchForm"/> | <FormattedMessage id="searchForm"/> | ||||
| </Typography> | </Typography> | ||||
| </Grid> | </Grid> | ||||
| @@ -215,6 +215,7 @@ const SearchDemandNoteForm = ({ applySearch, searchCriteria, issueComboData | |||||
| <ThemeProvider theme={PNSPS_BUTTON_THEME}> | <ThemeProvider theme={PNSPS_BUTTON_THEME}> | ||||
| <Grid item sx={{mr: 3, mb: 3}}> | <Grid item sx={{mr: 3, mb: 3}}> | ||||
| <Button | <Button | ||||
| color="cancel" | |||||
| variant="contained" | variant="contained" | ||||
| onClick={resetForm} | onClick={resetForm} | ||||
| > | > | ||||
| @@ -63,7 +63,7 @@ const SearchForm = ({ applySearch, searchCriteria }) => { | |||||
| {/*row 1*/} | {/*row 1*/} | ||||
| <CardContent sx={{ px: 2.5, pt: 3 }}> | <CardContent sx={{ px: 2.5, pt: 3 }}> | ||||
| <Grid item justifyContent="space-between" alignItems="center" > | <Grid item justifyContent="space-between" alignItems="center" > | ||||
| <Typography variant="h4"> | |||||
| <Typography variant="pnspsFormHeader"> | |||||
| <FormattedMessage id="searchForm"/> | <FormattedMessage id="searchForm"/> | ||||
| </Typography> | </Typography> | ||||
| </Grid> | </Grid> | ||||
| @@ -141,6 +141,7 @@ const SearchForm = ({ applySearch, searchCriteria }) => { | |||||
| <Grid item sx={{mr: 3, mb: 3 }}> | <Grid item sx={{mr: 3, mb: 3 }}> | ||||
| <Button | <Button | ||||
| variant="contained" | variant="contained" | ||||
| color="cancel" | |||||
| onClick={resetForm} | onClick={resetForm} | ||||
| aria-label={intl.formatMessage({id: 'reset'})} | aria-label={intl.formatMessage({id: 'reset'})} | ||||
| > | > | ||||
| @@ -18,6 +18,8 @@ import Loadable from 'components/Loadable'; | |||||
| import { lazy } from 'react'; | import { lazy } from 'react'; | ||||
| import { notifySaveSuccess } from 'utils/CommonFunction'; | import { notifySaveSuccess } from 'utils/CommonFunction'; | ||||
| import { useIntl } from "react-intl"; | import { useIntl } from "react-intl"; | ||||
| import {PNSPS_BUTTON_THEME} from "../../../themes/buttonConst"; | |||||
| import {ThemeProvider} from "@emotion/react"; | |||||
| // ==============================|| DASHBOARD - DEFAULT ||============================== // | // ==============================|| DASHBOARD - DEFAULT ||============================== // | ||||
| @@ -170,97 +172,78 @@ const OrganizationCard = ({ userData, loadDataFun, id, setEditModeFun }) => { | |||||
| <> | <> | ||||
| {createMode ? | {createMode ? | ||||
| <> | <> | ||||
| <ThemeProvider theme={PNSPS_BUTTON_THEME}> | |||||
| <Grid item sx={{ ml: 0, mr: 3 }}> | <Grid item sx={{ ml: 0, mr: 3 }}> | ||||
| <Button | <Button | ||||
| size="large" | |||||
| variant="contained" | variant="contained" | ||||
| type="submit" | type="submit" | ||||
| sx={{ | |||||
| textTransform: 'capitalize', | |||||
| alignItems: 'end' | |||||
| }} | |||||
| > | > | ||||
| <Typography variant="h5">Create</Typography> | |||||
| Create | |||||
| </Button> | </Button> | ||||
| </Grid> | </Grid> | ||||
| </ThemeProvider> | |||||
| </> : | </> : | ||||
| <> | <> | ||||
| <ThemeProvider theme={PNSPS_BUTTON_THEME}> | |||||
| <Grid item sx={{ ml: 0, mr: 3 }}> | <Grid item sx={{ ml: 0, mr: 3 }}> | ||||
| <Button | <Button | ||||
| size="large" | |||||
| variant="contained" | variant="contained" | ||||
| onClick={loadDataFun} | onClick={loadDataFun} | ||||
| sx={{ | |||||
| textTransform: 'capitalize', | |||||
| alignItems: 'end' | |||||
| }} | |||||
| color="cancel" | |||||
| > | > | ||||
| <Typography variant="h5">Reset & Back</Typography> | |||||
| Reset & Back | |||||
| </Button> | </Button> | ||||
| </Grid> | </Grid> | ||||
| <Grid item sx={{ ml: 3, mr: 3 }}> | <Grid item sx={{ ml: 3, mr: 3 }}> | ||||
| <Button | <Button | ||||
| size="large" | |||||
| variant="contained" | variant="contained" | ||||
| type="submit" | type="submit" | ||||
| color="success" | color="success" | ||||
| sx={{ | |||||
| textTransform: 'capitalize', | |||||
| alignItems: 'end' | |||||
| }} | |||||
| > | > | ||||
| <Typography variant="h5">Save</Typography> | |||||
| Save | |||||
| </Button> | </Button> | ||||
| </Grid> | </Grid> | ||||
| </ThemeProvider> | |||||
| </> | </> | ||||
| } | } | ||||
| </> | </> | ||||
| : | : | ||||
| <> | <> | ||||
| <Grid item sx={{ ml: 0, mr: 3 }}> | <Grid item sx={{ ml: 0, mr: 3 }}> | ||||
| <ThemeProvider theme={PNSPS_BUTTON_THEME}> | |||||
| <Button | <Button | ||||
| size="large" | |||||
| variant="contained" | variant="contained" | ||||
| sx={{ | |||||
| textTransform: 'capitalize', | |||||
| alignItems: 'end' | |||||
| }} | |||||
| onClick={onEditClick} | onClick={onEditClick} | ||||
| > | > | ||||
| <Typography variant="h5">Edit</Typography> | |||||
| Edit | |||||
| </Button> | </Button> | ||||
| </ThemeProvider> | |||||
| </Grid> | </Grid> | ||||
| { | { | ||||
| currentUserData.creditor ? | currentUserData.creditor ? | ||||
| <Grid item sx={{ ml: 3, mr: 3 }}> | <Grid item sx={{ ml: 3, mr: 3 }}> | ||||
| <ThemeProvider theme={PNSPS_BUTTON_THEME}> | |||||
| <Button | <Button | ||||
| size="large" | |||||
| variant="contained" | variant="contained" | ||||
| color="error" | color="error" | ||||
| onClick={() => setNonCreditorConfirmPopUp(true)} | onClick={() => setNonCreditorConfirmPopUp(true)} | ||||
| sx={{ | |||||
| textTransform: 'capitalize', | |||||
| alignItems: 'end' | |||||
| }} | |||||
| > | > | ||||
| <Typography variant="h5">Mark as Non-Creditor</Typography> | |||||
| Mark as Non-Creditor | |||||
| </Button> | </Button> | ||||
| </ThemeProvider> | |||||
| </Grid> | </Grid> | ||||
| : | : | ||||
| <Grid item sx={{ ml: 3, mr: 3 }}> | <Grid item sx={{ ml: 3, mr: 3 }}> | ||||
| <ThemeProvider theme={PNSPS_BUTTON_THEME}> | |||||
| <Button | <Button | ||||
| size="large" | |||||
| variant="contained" | variant="contained" | ||||
| color="orange" | color="orange" | ||||
| onClick={() => setCreditorConfirmPopUp(true)} | onClick={() => setCreditorConfirmPopUp(true)} | ||||
| sx={{ | |||||
| textTransform: 'capitalize', | |||||
| alignItems: 'end' | |||||
| }} | |||||
| > | > | ||||
| <Typography variant="h5">Mark as Creditor</Typography> | |||||
| Mark as Creditor | |||||
| </Button> | </Button> | ||||
| </ThemeProvider> | |||||
| </Grid> | </Grid> | ||||
| } | } | ||||
| </> | </> | ||||
| @@ -20,6 +20,8 @@ import Loadable from 'components/Loadable'; | |||||
| import { lazy } from 'react'; | import { lazy } from 'react'; | ||||
| import { notifySaveSuccess } from 'utils/CommonFunction'; | import { notifySaveSuccess } from 'utils/CommonFunction'; | ||||
| import {FormattedMessage, useIntl} from "react-intl"; | import {FormattedMessage, useIntl} from "react-intl"; | ||||
| import {PNSPS_BUTTON_THEME} from "../../../themes/buttonConst"; | |||||
| import {ThemeProvider} from "@emotion/react"; | |||||
| // ==============================|| DASHBOARD - DEFAULT ||============================== // | // ==============================|| DASHBOARD - DEFAULT ||============================== // | ||||
| @@ -126,43 +128,38 @@ const OrganizationPubCard = ({ userData, loadDataFun, id, setEditModeFun }) => { | |||||
| {createMode ? | {createMode ? | ||||
| <> | <> | ||||
| <Grid item sx={{ ml: 0, mr: 3 }}> | <Grid item sx={{ ml: 0, mr: 3 }}> | ||||
| <ThemeProvider theme={PNSPS_BUTTON_THEME}> | |||||
| <Button | <Button | ||||
| size="large" | |||||
| variant="contained" | variant="contained" | ||||
| type="submit" | type="submit" | ||||
| sx={{ | |||||
| textTransform: 'capitalize', | |||||
| alignItems: 'end' | |||||
| }} | |||||
| > | > | ||||
| <Typography variant="h5"> | |||||
| <FormattedMessage id="create" /> | |||||
| </Typography> | |||||
| <FormattedMessage id="create" /> | |||||
| </Button> | </Button> | ||||
| </ThemeProvider> | |||||
| </Grid> | </Grid> | ||||
| </> : | </> : | ||||
| <> | <> | ||||
| <Grid item sx={{ ml: 0, mr: 3 }}> | <Grid item sx={{ ml: 0, mr: 3 }}> | ||||
| <ThemeProvider theme={PNSPS_BUTTON_THEME}> | |||||
| <Button | <Button | ||||
| size="large" | |||||
| variant="contained" | variant="contained" | ||||
| color="cancel" | |||||
| onClick={loadDataFun} | onClick={loadDataFun} | ||||
| > | > | ||||
| <Typography variant="h5"> | |||||
| <FormattedMessage id="resetAndBack" /> | |||||
| </Typography> | |||||
| <FormattedMessage id="resetAndBack" /> | |||||
| </Button> | </Button> | ||||
| </ThemeProvider> | |||||
| </Grid> | </Grid> | ||||
| <Grid item sx={{ ml: 3, mr: 3 }}> | <Grid item sx={{ ml: 3, mr: 3 }}> | ||||
| <ThemeProvider theme={PNSPS_BUTTON_THEME}> | |||||
| <Button | <Button | ||||
| variant="contained" | variant="contained" | ||||
| type="submit" | type="submit" | ||||
| color="success" | color="success" | ||||
| > | > | ||||
| <Typography variant="h5"> | |||||
| <FormattedMessage id="save" /> | |||||
| </Typography> | |||||
| <FormattedMessage id="save" /> | |||||
| </Button> | </Button> | ||||
| </ThemeProvider> | |||||
| </Grid> | </Grid> | ||||
| </> | </> | ||||
| } | } | ||||
| @@ -170,14 +167,14 @@ const OrganizationPubCard = ({ userData, loadDataFun, id, setEditModeFun }) => { | |||||
| : | : | ||||
| <> | <> | ||||
| <Grid item sx={{ ml: 0, mr: 3 }}> | <Grid item sx={{ ml: 0, mr: 3 }}> | ||||
| <ThemeProvider theme={PNSPS_BUTTON_THEME}> | |||||
| <Button | <Button | ||||
| variant="contained" | variant="contained" | ||||
| onClick={onEditClick} | onClick={onEditClick} | ||||
| > | > | ||||
| <Typography variant="h5"> | |||||
| <FormattedMessage id="edit" /> | |||||
| </Typography> | |||||
| <FormattedMessage id="edit" /> | |||||
| </Button> | </Button> | ||||
| </ThemeProvider> | |||||
| </Grid> | </Grid> | ||||
| </> | </> | ||||
| } | } | ||||
| @@ -1,6 +1,6 @@ | |||||
| // material-ui | // material-ui | ||||
| import { | import { | ||||
| Button, | |||||
| CButton, | |||||
| Grid, TextField, | Grid, TextField, | ||||
| Typography, | Typography, | ||||
| Autocomplete, | Autocomplete, | ||||
| @@ -66,7 +66,7 @@ const OrganizationSearchForm = ({ applySearch }) => { | |||||
| <Grid container sx={{ backgroundColor: '#ffffff', ml: 2, mt: 1}} width="98%"> | <Grid container sx={{ backgroundColor: '#ffffff', ml: 2, mt: 1}} width="98%"> | ||||
| {/*row 1*/} | {/*row 1*/} | ||||
| <Grid item justifyContent="space-between" alignItems="center" sx={{mt:1,ml:3,mb:2.5}}> | <Grid item justifyContent="space-between" alignItems="center" sx={{mt:1,ml:3,mb:2.5}}> | ||||
| <Typography variant="h5" > | |||||
| <Typography variant="pnspsFormHeader" > | |||||
| Search Form | Search Form | ||||
| </Typography> | </Typography> | ||||
| </Grid> | </Grid> | ||||
| @@ -49,7 +49,7 @@ const SearchPublicNoticeForm = ({ applySearch, searchCriteria }) => { | |||||
| <Grid container sx={{ backgroundColor: '#ffffff', ml: 2, mt: 1}} width="98%"> | <Grid container sx={{ backgroundColor: '#ffffff', ml: 2, mt: 1}} width="98%"> | ||||
| {/*row 1*/} | {/*row 1*/} | ||||
| <Grid item justifyContent="space-between" alignItems="center" sx={{mt:1,ml:3,mb:2.5}}> | <Grid item justifyContent="space-between" alignItems="center" sx={{mt:1,ml:3,mb:2.5}}> | ||||
| <Typography variant="h5" > | |||||
| <Typography variant="pnspsFormHeader" > | |||||
| Search Form | Search Form | ||||
| </Typography> | </Typography> | ||||
| </Grid> | </Grid> | ||||
| @@ -154,6 +154,7 @@ const SearchPublicNoticeForm = ({ applySearch, searchCriteria }) => { | |||||
| <Grid item sx={{ ml: 3, mb: 3}}> | <Grid item sx={{ ml: 3, mb: 3}}> | ||||
| <Button | <Button | ||||
| variant="contained" | variant="contained" | ||||
| color="cancel" | |||||
| onClick={resetForm} | onClick={resetForm} | ||||
| > | > | ||||
| Reset | Reset | ||||
| @@ -68,7 +68,7 @@ const SearchPublicNoticeForm = ({ applySearch, searchCriteria }) => { | |||||
| {/*row 1*/} | {/*row 1*/} | ||||
| <CardContent sx={{ px: 2.5, pt: 3 }}> | <CardContent sx={{ px: 2.5, pt: 3 }}> | ||||
| <Grid item justifyContent="space-between" alignItems="center" > | <Grid item justifyContent="space-between" alignItems="center" > | ||||
| <Typography variant="h4"> | |||||
| <Typography variant="pnspsFormHeader"> | |||||
| <FormattedMessage id="searchForm"/> | <FormattedMessage id="searchForm"/> | ||||
| </Typography> | </Typography> | ||||
| </Grid> | </Grid> | ||||
| @@ -182,6 +182,7 @@ const SearchPublicNoticeForm = ({ applySearch, searchCriteria }) => { | |||||
| <ThemeProvider theme={PNSPS_BUTTON_THEME}> | <ThemeProvider theme={PNSPS_BUTTON_THEME}> | ||||
| <Grid item sx={{mr: 3, mb: 3 }}> | <Grid item sx={{mr: 3, mb: 3 }}> | ||||
| <Button | <Button | ||||
| color="cancel" | |||||
| variant="contained" | variant="contained" | ||||
| onClick={resetForm} | onClick={resetForm} | ||||
| aria-label={intl.formatMessage({id: 'reset'})} | aria-label={intl.formatMessage({id: 'reset'})} | ||||
| @@ -96,7 +96,7 @@ const SearchPublicNoticeForm = ({ applySearch, orgComboData, searchCriteria, iss | |||||
| {/*row 1*/} | {/*row 1*/} | ||||
| <Grid item justifyContent="space-between" alignItems="center" sx={{mt:1,ml:3,mb:2.5}}> | <Grid item justifyContent="space-between" alignItems="center" sx={{mt:1,ml:3,mb:2.5}}> | ||||
| <Typography variant="h5" > | |||||
| <Typography variant="pnspsFormHeader" > | |||||
| Search Form | Search Form | ||||
| </Typography> | </Typography> | ||||
| </Grid> | </Grid> | ||||
| @@ -102,7 +102,7 @@ const SearchPublicNoticeForm = ({ applySearch, searchCriteria, issueComboData | |||||
| {/*row 1*/} | {/*row 1*/} | ||||
| <CardContent sx={{ px: 2.5, pt: 3 }}> | <CardContent sx={{ px: 2.5, pt: 3 }}> | ||||
| <Grid item justifyContent="space-between" alignItems="center"> | <Grid item justifyContent="space-between" alignItems="center"> | ||||
| <Typography variant="h4"> | |||||
| <Typography variant="pnspsFormHeader"> | |||||
| <FormattedMessage id="searchForm"/> | <FormattedMessage id="searchForm"/> | ||||
| </Typography> | </Typography> | ||||
| </Grid> | </Grid> | ||||
| @@ -276,6 +276,7 @@ const SearchPublicNoticeForm = ({ applySearch, searchCriteria, issueComboData | |||||
| <Grid item sx={{ mr: 3, mb: 3 }}> | <Grid item sx={{ mr: 3, mb: 3 }}> | ||||
| <Button | <Button | ||||
| variant="contained" | variant="contained" | ||||
| color="cancel" | |||||
| onClick={resetForm} | onClick={resetForm} | ||||
| aria-label={intl.formatMessage({id: 'reset'})} | aria-label={intl.formatMessage({id: 'reset'})} | ||||
| > | > | ||||
| @@ -217,6 +217,7 @@ const SearchPublicNoticeForm = ({ applySearch, searchCriteria }) => { | |||||
| <Grid item sx={{ ml: 3, mr: 3 }}> | <Grid item sx={{ ml: 3, mr: 3 }}> | ||||
| <Button | <Button | ||||
| variant="contained" | variant="contained" | ||||
| color="cancel" | |||||
| onClick={resetForm} | onClick={resetForm} | ||||
| aria-label={intl.formatMessage({id: 'reset'})} | aria-label={intl.formatMessage({id: 'reset'})} | ||||
| > | > | ||||
| @@ -94,7 +94,7 @@ const SearchPublicNoticeForm = ({ applySearch, orgComboData, searchCriteria, iss | |||||
| <Grid container sx={{ backgroundColor: '#ffffff', ml: 2, mt: 1, mb: marginBottom}} width="98%"> | <Grid container sx={{ backgroundColor: '#ffffff', ml: 2, mt: 1, mb: marginBottom}} width="98%"> | ||||
| {/*row 1*/} | {/*row 1*/} | ||||
| <Grid item justifyContent="space-between" alignItems="center" sx={{mt:1,ml:3,mb:marginBottom}}> | <Grid item justifyContent="space-between" alignItems="center" sx={{mt:1,ml:3,mb:marginBottom}}> | ||||
| <Typography variant="h5" > | |||||
| <Typography variant="pnspsFormHeader" > | |||||
| Search Form | Search Form | ||||
| </Typography> | </Typography> | ||||
| </Grid> | </Grid> | ||||
| @@ -17,6 +17,8 @@ import Loadable from 'components/Loadable'; | |||||
| import { lazy } from 'react'; | import { lazy } from 'react'; | ||||
| import { notifyActiveSuccess, notifyLockSuccess, notifySaveSuccess, notifyVerifySuccess } from 'utils/CommonFunction'; | import { notifyActiveSuccess, notifyLockSuccess, notifySaveSuccess, notifyVerifySuccess } from 'utils/CommonFunction'; | ||||
| import {useIntl} from "react-intl"; | import {useIntl} from "react-intl"; | ||||
| import {PNSPS_BUTTON_THEME} from "../../../themes/buttonConst"; | |||||
| import {ThemeProvider} from "@emotion/react"; | |||||
| // ==============================|| DASHBOARD - DEFAULT ||============================== // | // ==============================|| DASHBOARD - DEFAULT ||============================== // | ||||
| @@ -150,49 +152,39 @@ const UserInformationCard_Individual = ({ formData, loadDataFun }) => { | |||||
| <Grid container maxWidth justifyContent="flex-start"> | <Grid container maxWidth justifyContent="flex-start"> | ||||
| {editMode ? | {editMode ? | ||||
| <> | <> | ||||
| <ThemeProvider theme={PNSPS_BUTTON_THEME}> | |||||
| <Grid item sx={{ mr: 3 }}> | <Grid item sx={{ mr: 3 }}> | ||||
| <Button | <Button | ||||
| size="large" | |||||
| variant="contained" | variant="contained" | ||||
| onClick={loadDataFun} | onClick={loadDataFun} | ||||
| sx={{ | |||||
| textTransform: 'capitalize', | |||||
| alignItems: 'end' | |||||
| }} | |||||
| color="cancel" | |||||
| > | > | ||||
| <Typography variant="h5">Reset & Back</Typography> | |||||
| Reset & Back | |||||
| </Button> | </Button> | ||||
| </Grid> | </Grid> | ||||
| <Grid item sx={{ ml: 3, mr: 3 }}> | <Grid item sx={{ ml: 3, mr: 3 }}> | ||||
| <Button | <Button | ||||
| size="large" | |||||
| variant="contained" | variant="contained" | ||||
| type="submit" | type="submit" | ||||
| color="success" | color="success" | ||||
| sx={{ | |||||
| textTransform: 'capitalize', | |||||
| alignItems: 'end' | |||||
| }} | |||||
| > | > | ||||
| <Typography variant="h5">Save</Typography> | |||||
| Save | |||||
| </Button> | </Button> | ||||
| </Grid> | </Grid> | ||||
| </ThemeProvider> | |||||
| </> | </> | ||||
| : | : | ||||
| <> | <> | ||||
| <Grid item sx={{ mr: 3 }}> | <Grid item sx={{ mr: 3 }}> | ||||
| <ThemeProvider theme={PNSPS_BUTTON_THEME}> | |||||
| <Button | <Button | ||||
| size="large" | |||||
| variant="contained" | variant="contained" | ||||
| sx={{ | |||||
| textTransform: 'capitalize', | |||||
| alignItems: 'end' | |||||
| }} | |||||
| onClick={onEditClick} | onClick={onEditClick} | ||||
| > | > | ||||
| <Typography variant="h5">Edit</Typography> | |||||
| Edit | |||||
| </Button> | </Button> | ||||
| </ThemeProvider> | |||||
| </Grid> | </Grid> | ||||
| </> | </> | ||||
| } | } | ||||
| @@ -321,16 +313,14 @@ const UserInformationCard_Individual = ({ formData, loadDataFun }) => { | |||||
| })} | })} | ||||
| </Grid> | </Grid> | ||||
| <Grid item xs={2} sm={2} md={2} lg={2} sx={{ml:2 ,mb:2}}> | <Grid item xs={2} sm={2} md={2} lg={2} sx={{ml:2 ,mb:2}}> | ||||
| <ThemeProvider theme={PNSPS_BUTTON_THEME}> | |||||
| <Button | <Button | ||||
| variant="contained" | variant="contained" | ||||
| sx={{ | |||||
| textTransform: 'capitalize', | |||||
| alignItems: 'end', | |||||
| }} | |||||
| onClick={onVerifiedClick} | onClick={onVerifiedClick} | ||||
| > | > | ||||
| <Typography variant="h5">Verify</Typography> | |||||
| Verify | |||||
| </Button> | </Button> | ||||
| </ThemeProvider> | |||||
| </Grid> | </Grid> | ||||
| </> | </> | ||||
| } | } | ||||
| @@ -454,31 +444,27 @@ const UserInformationCard_Individual = ({ formData, loadDataFun }) => { | |||||
| </Grid> | </Grid> | ||||
| {locked ? | {locked ? | ||||
| <Grid item xs={2} sm={2} md={2} lg={2} sx={{ml:2}}> | <Grid item xs={2} sm={2} md={2} lg={2} sx={{ml:2}}> | ||||
| <ThemeProvider theme={PNSPS_BUTTON_THEME}> | |||||
| <Button | <Button | ||||
| variant="contained" | variant="contained" | ||||
| color="success" | color="success" | ||||
| sx={{ | |||||
| textTransform: 'capitalize', | |||||
| alignItems: 'end' | |||||
| }} | |||||
| onClick={doUnlock} | onClick={doUnlock} | ||||
| > | > | ||||
| <Typography variant="h5">Active</Typography> | |||||
| Active | |||||
| </Button> | </Button> | ||||
| </ThemeProvider> | |||||
| </Grid> | </Grid> | ||||
| : | : | ||||
| <Grid item xs={2} sm={2} md={2} lg={2} sx={{ml:2}}> | <Grid item xs={2} sm={2} md={2} lg={2} sx={{ml:2}}> | ||||
| <ThemeProvider theme={PNSPS_BUTTON_THEME}> | |||||
| <Button | <Button | ||||
| variant="contained" | variant="contained" | ||||
| color="error" | color="error" | ||||
| sx={{ | |||||
| textTransform: 'capitalize', | |||||
| alignItems: 'end' | |||||
| }} | |||||
| onClick={doLock} | onClick={doLock} | ||||
| > | > | ||||
| <Typography variant="h5">Lock</Typography> | |||||
| Lock | |||||
| </Button> | </Button> | ||||
| </ThemeProvider> | |||||
| </Grid> | </Grid> | ||||
| } | } | ||||
| </> | </> | ||||
| @@ -118,6 +118,7 @@ const UserInformationCard_Individual_Pub = ({ formData, loadDataFun }) => { | |||||
| <Button | <Button | ||||
| aria-label={intl.formatMessage({id: 'back'})} | aria-label={intl.formatMessage({id: 'back'})} | ||||
| variant="contained" | variant="contained" | ||||
| color="cancel" | |||||
| onClick={loadDataFun} | onClick={loadDataFun} | ||||
| > | > | ||||
| <FormattedMessage id="resetAndBack" /> | <FormattedMessage id="resetAndBack" /> | ||||
| @@ -18,6 +18,8 @@ import Loadable from 'components/Loadable'; | |||||
| import { lazy } from 'react'; | import { lazy } from 'react'; | ||||
| import { notifyActiveSuccess, notifyLockSuccess, notifySaveSuccess, notifyVerifySuccess } from 'utils/CommonFunction'; | import { notifyActiveSuccess, notifyLockSuccess, notifySaveSuccess, notifyVerifySuccess } from 'utils/CommonFunction'; | ||||
| import {useIntl} from "react-intl"; | import {useIntl} from "react-intl"; | ||||
| import {PNSPS_BUTTON_THEME} from "../../../themes/buttonConst"; | |||||
| import {ThemeProvider} from "@emotion/react"; | |||||
| // ==============================|| DASHBOARD - DEFAULT ||============================== // | // ==============================|| DASHBOARD - DEFAULT ||============================== // | ||||
| @@ -196,50 +198,39 @@ const UserInformationCard_Organization = ({ userData, loadDataFun, orgData }) => | |||||
| <Grid container maxWidth justifyContent="flex-start"> | <Grid container maxWidth justifyContent="flex-start"> | ||||
| {editMode ? | {editMode ? | ||||
| <> | <> | ||||
| <ThemeProvider theme={PNSPS_BUTTON_THEME}> | |||||
| <Grid item sx={{ ml: 3, mr: 3 }}> | <Grid item sx={{ ml: 3, mr: 3 }}> | ||||
| <Button | <Button | ||||
| size="large" | |||||
| variant="contained" | variant="contained" | ||||
| onClick={loadDataFun} | onClick={loadDataFun} | ||||
| sx={{ | |||||
| textTransform: 'capitalize', | |||||
| alignItems: 'end' | |||||
| }} | |||||
| color="cancel" | |||||
| > | > | ||||
| <Typography variant="h5">Reset & Back</Typography> | |||||
| Reset & Back | |||||
| </Button> | </Button> | ||||
| </Grid> | </Grid> | ||||
| <Grid item sx={{ ml: 3, mr: 3 }}> | <Grid item sx={{ ml: 3, mr: 3 }}> | ||||
| <Button | <Button | ||||
| size="large" | |||||
| variant="contained" | variant="contained" | ||||
| type="submit" | type="submit" | ||||
| color="success" | color="success" | ||||
| sx={{ | |||||
| textTransform: 'capitalize', | |||||
| alignItems: 'end' | |||||
| }} | |||||
| > | > | ||||
| <Typography variant="h5">Save</Typography> | |||||
| Save | |||||
| </Button> | </Button> | ||||
| </Grid> | </Grid> | ||||
| </ThemeProvider> | |||||
| </> | </> | ||||
| : | : | ||||
| <> | <> | ||||
| <Grid item sx={{ ml: 3, mr: 3 }}> | <Grid item sx={{ ml: 3, mr: 3 }}> | ||||
| <ThemeProvider theme={PNSPS_BUTTON_THEME}> | |||||
| <Button | <Button | ||||
| size="large" | |||||
| variant="contained" | variant="contained" | ||||
| sx={{ | |||||
| textTransform: 'capitalize', | |||||
| alignItems: 'end' | |||||
| }} | |||||
| onClick={onEditClick} | onClick={onEditClick} | ||||
| > | > | ||||
| <Typography variant="h5">Edit</Typography> | |||||
| Edit | |||||
| </Button> | </Button> | ||||
| </ThemeProvider> | |||||
| </Grid> | </Grid> | ||||
| </> | </> | ||||
| } | } | ||||
| @@ -380,17 +371,14 @@ const UserInformationCard_Organization = ({ userData, loadDataFun, orgData }) => | |||||
| })} | })} | ||||
| </Grid> | </Grid> | ||||
| <Grid item xs={1} md={1} lg={1}> | <Grid item xs={1} md={1} lg={1}> | ||||
| <ThemeProvider theme={PNSPS_BUTTON_THEME}> | |||||
| <Button | <Button | ||||
| size="large" | |||||
| variant="contained" | variant="contained" | ||||
| sx={{ | |||||
| textTransform: 'capitalize', | |||||
| alignItems: 'end' | |||||
| }} | |||||
| onClick={() => { onVerifiedClick() }} | onClick={() => { onVerifiedClick() }} | ||||
| > | > | ||||
| <Typography variant="h5">Verify</Typography> | |||||
| Verify | |||||
| </Button> | </Button> | ||||
| </ThemeProvider> | |||||
| </Grid> | </Grid> | ||||
| </> | </> | ||||
| } | } | ||||
| @@ -436,33 +424,27 @@ const UserInformationCard_Organization = ({ userData, loadDataFun, orgData }) => | |||||
| {formik.values.locked ? | {formik.values.locked ? | ||||
| <Grid item xs={1} md={1} lg={1} sx={{ ml: 1 }}> | <Grid item xs={1} md={1} lg={1} sx={{ ml: 1 }}> | ||||
| <ThemeProvider theme={PNSPS_BUTTON_THEME}> | |||||
| <Button | <Button | ||||
| size="large" | |||||
| variant="contained" | variant="contained" | ||||
| color="success" | color="success" | ||||
| sx={{ | |||||
| textTransform: 'capitalize', | |||||
| alignItems: 'end' | |||||
| }} | |||||
| onClick={doUnlock} | onClick={doUnlock} | ||||
| > | > | ||||
| <Typography variant="h5">Active</Typography> | |||||
| Active | |||||
| </Button> | </Button> | ||||
| </ThemeProvider> | |||||
| </Grid> | </Grid> | ||||
| : | : | ||||
| <Grid item xs={1} md={1} lg={1} sx={{ ml: 1 }}> | <Grid item xs={1} md={1} lg={1} sx={{ ml: 1 }}> | ||||
| <ThemeProvider theme={PNSPS_BUTTON_THEME}> | |||||
| <Button | <Button | ||||
| size="large" | |||||
| variant="contained" | variant="contained" | ||||
| color="error" | color="error" | ||||
| sx={{ | |||||
| textTransform: 'capitalize', | |||||
| alignItems: 'end', | |||||
| }} | |||||
| onClick={doLock} | onClick={doLock} | ||||
| > | > | ||||
| <Typography variant="h5">Lock</Typography> | |||||
| Lock | |||||
| </Button> | </Button> | ||||
| </ThemeProvider> | |||||
| </Grid> | </Grid> | ||||
| } | } | ||||
| </> | </> | ||||
| @@ -478,11 +460,13 @@ const UserInformationCard_Organization = ({ userData, loadDataFun, orgData }) => | |||||
| <Grid container alignItems={"center"}> | <Grid container alignItems={"center"}> | ||||
| {currentUserData.orgId == null ? | {currentUserData.orgId == null ? | ||||
| <Grid item lg={2} > | <Grid item lg={2} > | ||||
| <ThemeProvider theme={PNSPS_BUTTON_THEME}> | |||||
| <Button variant="contained" | <Button variant="contained" | ||||
| onClick={createOrgClick} | onClick={createOrgClick} | ||||
| > | > | ||||
| <Typography variant="h5">Create Organisation</Typography> | |||||
| Create Organisation | |||||
| </Button> | </Button> | ||||
| </ThemeProvider> | |||||
| </Grid> | </Grid> | ||||
| : null | : null | ||||
| } | } | ||||
| @@ -593,7 +577,11 @@ const UserInformationCard_Organization = ({ userData, loadDataFun, orgData }) => | |||||
| <Typography variant="h4" style={{ padding: '16px' }}>{warningText}</Typography> | <Typography variant="h4" style={{ padding: '16px' }}>{warningText}</Typography> | ||||
| </DialogContent> | </DialogContent> | ||||
| <DialogActions> | <DialogActions> | ||||
| <Button onClick={() => setIsWarningPopUp(false)}><Typography variant="h5">Close</Typography></Button> | |||||
| <ThemeProvider theme={PNSPS_BUTTON_THEME}> | |||||
| <Button onClick={() => setIsWarningPopUp(false)}> | |||||
| Close | |||||
| </Button> | |||||
| </ThemeProvider> | |||||
| </DialogActions> | </DialogActions> | ||||
| </Dialog> | </Dialog> | ||||
| </div> | </div> | ||||
| @@ -614,8 +602,14 @@ const UserInformationCard_Organization = ({ userData, loadDataFun, orgData }) => | |||||
| <Typography variant="h4" style={{ padding: '16px' }}>{confirmText}</Typography> | <Typography variant="h4" style={{ padding: '16px' }}>{confirmText}</Typography> | ||||
| </DialogContent> | </DialogContent> | ||||
| <DialogActions> | <DialogActions> | ||||
| <Button onClick={() => { setIsConfirmPopUp(false) }}><Typography variant="h5">Close</Typography></Button> | |||||
| <Button onClick={() => { confirmAction?.function(); }}><Typography variant="h5">Confirm</Typography></Button> | |||||
| <ThemeProvider theme={PNSPS_BUTTON_THEME}> | |||||
| <Button onClick={() => { setIsConfirmPopUp(false) }}> | |||||
| Close | |||||
| </Button> | |||||
| <Button onClick={() => { confirmAction?.function(); }}> | |||||
| Confirm | |||||
| </Button> | |||||
| </ThemeProvider> | |||||
| </DialogActions> | </DialogActions> | ||||
| </Dialog> | </Dialog> | ||||
| </div> | </div> | ||||
| @@ -114,6 +114,7 @@ const UserInformationCard_Organization_Pub = ({ userData, loadDataFun,}) => { | |||||
| <Button | <Button | ||||
| variant="contained" | variant="contained" | ||||
| onClick={loadDataFun} | onClick={loadDataFun} | ||||
| color="cancel" | |||||
| > | > | ||||
| <FormattedMessage id="resetAndBack" /> | <FormattedMessage id="resetAndBack" /> | ||||
| @@ -81,7 +81,7 @@ const UserSearchForm = ({ applySearch }) => { | |||||
| <Grid container sx={{ backgroundColor: '#ffffff', ml: 2, mt: 1}} width="98%"> | <Grid container sx={{ backgroundColor: '#ffffff', ml: 2, mt: 1}} width="98%"> | ||||
| {/*row 1*/} | {/*row 1*/} | ||||
| <Grid item justifyContent="space-between" alignItems="center" sx={{mt:1,ml:3,mb:2.5}}> | <Grid item justifyContent="space-between" alignItems="center" sx={{mt:1,ml:3,mb:2.5}}> | ||||
| <Typography variant="h5" > | |||||
| <Typography variant="pnspsFormHeader" > | |||||
| Search Form (GLD User) | Search Form (GLD User) | ||||
| </Typography> | </Typography> | ||||
| </Grid> | </Grid> | ||||
| @@ -52,7 +52,7 @@ const UserSearchForm_Individual = ({ applySearch }) => { | |||||
| <Grid container sx={{ ml: 2, mt: 1}} width="98%"> | <Grid container sx={{ ml: 2, mt: 1}} width="98%"> | ||||
| {/*row 1*/} | {/*row 1*/} | ||||
| <Grid item justifyContent="space-between" alignItems="center" sx={{mt:1,ml:3,mb:2.5}}> | <Grid item justifyContent="space-between" alignItems="center" sx={{mt:1,ml:3,mb:2.5}}> | ||||
| <Typography variant="h5" > | |||||
| <Typography variant="pnspsFormHeader" > | |||||
| Search Form | Search Form | ||||
| </Typography> | </Typography> | ||||
| </Grid> | </Grid> | ||||
| @@ -57,7 +57,7 @@ const UserSearchForm_Organization = ({applySearch}) => { | |||||
| <Grid container sx={{ backgroundColor: '#ffffff', ml: 2, mt: 1}} width="98%"> | <Grid container sx={{ backgroundColor: '#ffffff', ml: 2, mt: 1}} width="98%"> | ||||
| {/*row 1*/} | {/*row 1*/} | ||||
| <Grid item justifyContent="space-between" alignItems="center" sx={{mt:1,ml:3,mb:2.5}}> | <Grid item justifyContent="space-between" alignItems="center" sx={{mt:1,ml:3,mb:2.5}}> | ||||
| <Typography variant="h5" > | |||||
| <Typography variant="pnspsFormHeader" > | |||||
| Search Form | Search Form | ||||
| </Typography> | </Typography> | ||||
| </Grid> | </Grid> | ||||
| @@ -41,7 +41,7 @@ const UserGroupSearchForm = ({ applySearch }) => { | |||||
| <Grid container sx={{ backgroundColor: '#ffffff', ml: 2, mt: 1}} width="98%"> | <Grid container sx={{ backgroundColor: '#ffffff', ml: 2, mt: 1}} width="98%"> | ||||
| {/*row 1*/} | {/*row 1*/} | ||||
| <Grid item justifyContent="space-between" alignItems="center" sx={{mt:1,ml:3,mb:2.5}}> | <Grid item justifyContent="space-between" alignItems="center" sx={{mt:1,ml:3,mb:2.5}}> | ||||
| <Typography variant="h5" > | |||||
| <Typography variant="pnspsFormHeader" > | |||||
| Search Form | Search Form | ||||
| </Typography> | </Typography> | ||||
| </Grid> | </Grid> | ||||
| @@ -35,6 +35,10 @@ export const PNSPS_BUTTON_THEME = createTheme({ | |||||
| main: '#F3AF2B', | main: '#F3AF2B', | ||||
| contrastText: '#FFFFFF', | contrastText: '#FFFFFF', | ||||
| }, | }, | ||||
| error:{ | |||||
| main: '#F3AF2B', | |||||
| contrastText: '#FFFFFF', | |||||
| }, | |||||
| exportExcel:{ | exportExcel:{ | ||||
| main: '#6A8B9E', | main: '#6A8B9E', | ||||
| contrastText: '#FFFFFF', | contrastText: '#FFFFFF', | ||||