alex
/
PNSPS-frontend-MaterialUI
1
0
Forkuj 0
Kod Zgłoszenia 0 Oczekujące zmiany 0 Wydania 0 Wiki Aktywność
Przeglądaj źródła

Merge branch 'auditLog'

master
Alex Cheung 1 rok temu
rodzic
c7b2702ccf c291975daf
commit
49a8de1722
10 zmienionych plików z 661 dodań i 43 usunięć
Zunifikowany widok
Opcje porównania
Pokaż statystyki Ściągnij plik aktualizacji Ściągnij plik porównania
  1. +3
    -0
      src/layout/MainLayout/Header/index.js
  2. +180
    -0
      src/pages/AuditLog/AuditLogSearchForm.js
  3. +81
    -0
      src/pages/AuditLog/AuditLogTable.js
  4. +118
    -0
      src/pages/AuditLog/index.js
  5. +81
    -0
      src/pages/User/DetailsPage_Individual/LoginGrid.js
  6. +43
    -11
      src/pages/User/DetailsPage_Individual/index.js
  7. +81
    -0
      src/pages/User/DetailsPage_Organization/LoginGrid.js
  8. +66
    -32
      src/pages/User/DetailsPage_Organization/index.js
  9. +5
    -0
      src/routes/GLDUserRoutes.js
  10. +3
    -0
      src/utils/ApiPathConst.js

+ 3
- 0
src/layout/MainLayout/Header/index.js Wyświetl plik

@@ -158,6 +158,9 @@ function Header(props) {
<li> <li>
<Link className="gazetteissueSetting" to='/setting/gazetteissuepage'><Typography style={{ opacity: 0.9 }} variant={"pnspsHeaderTitle"} sx={{ ml: 2, mt: 1, mb: 1 }}>Gazette Issue</Typography></Link> <Link className="gazetteissueSetting" to='/setting/gazetteissuepage'><Typography style={{ opacity: 0.9 }} variant={"pnspsHeaderTitle"} sx={{ ml: 2, mt: 1, mb: 1 }}>Gazette Issue</Typography></Link>
</li> </li>
<li>
<Link className="auditLogSetting" to='/setting/auditLog'><Typography style={{ opacity: 0.9 }} variant={"pnspsHeaderTitle"} sx={{ ml: 2, mt: 1, mb: 1 }}>Audit Log</Typography></Link>
</li>
</ul> </ul>
</li> </li>
<Box sx={{display: {xs: 'none', sm: 'none', md: 'block'}}}> <Box sx={{display: {xs: 'none', sm: 'none', md: 'block'}}}>


+ 180
- 0
src/pages/AuditLog/AuditLogSearchForm.js Wyświetl plik

@@ -0,0 +1,180 @@
// material-uisubDivision
import {
Button,
// FormControlLabel,
Grid,
TextField,
Typography
} from '@mui/material';
import MainCard from "components/MainCard";
import { useForm } from "react-hook-form";

import {
// useEffect,
// useState
} from "react";

import * as React from "react";
// import { useNavigate } from "react-router";
import {PNSPS_BUTTON_THEME} from "themes/buttonConst";
import {ThemeProvider} from "@emotion/react";
import * as DateUtils from "utils/DateUtils";
import * as UrlUtils from "utils/ApiPathConst";
import * as HttpUtils from "utils/HttpUtils";
import Loadable from 'components/Loadable';

const LoadingComponent = Loadable(React.lazy(() => import('pages/extra-pages/LoadingComponent')));

// ==============================|| DASHBOARD - DEFAULT ||============================== //


const AuditLogSearchForm = ({ applySearch, searchCriteria}) => {
// const navigate = useNavigate();

const [minDate, setMinDate] = React.useState(searchCriteria.dateFrom);
const [maxDate, setMaxDate] = React.useState(searchCriteria.dateTo);
const [onDownload, setOnDownload] = React.useState(false);

const { reset, register, handleSubmit } = useForm()
const onSubmit = (data) => {

const temp = {
username: data.userName,
modifiedTo: data.modifiedTo,
modifiedFrom: data.modifiedFrom,
};
applySearch(temp);
};


function resetForm() {
reset();
}

function exportExcel() {
setOnDownload(true)
HttpUtils.fileDownload({
url: UrlUtils.AUDIT_LOG_EXPORT,
onResponse:()=>{
setOnDownload(false)
},
onError:()=>{
setOnDownload(false)
}
});
}

return (
<MainCard xs={12} md={12} lg={12}
border={false}
content={false}>

<form onSubmit={handleSubmit(onSubmit)}>
<Grid container sx={{ backgroundColor: '#ffffff', ml: 2, mt: 1}} width="98%">
{/*row 1*/}
<Grid item justifyContent="space-between" alignItems="center" sx={{mt:1,ml:3,mb:2.5}}>
<Typography variant="pnspsFormHeader" >
Search
</Typography>
</Grid>
{/*row 2*/}

<Grid container display="flex" alignItems={"center"}>
<Grid item xs={9} md={5} lg={5} sx={{ ml: 3, mr: 3, mb: 3 }}>
<TextField
fullWidth
{...register("userName")}
id='userName'
label="Username"
InputLabelProps={{
shrink: true
}}
/>
</Grid>
<Grid item xs={9} md={5} lg={5} sx={{ ml: 3, mr: 3, mb: 3 }}></Grid>

<Grid item xs={9} s={6} md={5} lg={5} sx={{ ml: 3, mr: 3, mb: 3 }}>
<TextField
fullWidth
{...register("modifiedFrom")}
id="modifiedFrom"
type="date"
label="Modified From"
defaultValue={searchCriteria.modifiedFrom}
InputProps={{ inputProps: { max: maxDate } }}
onChange={(newValue) => {
setMinDate(DateUtils.dateStr(newValue));
}}
InputLabelProps={{
shrink: true
}}
/>
</Grid>

<Grid item xs={9} s={6} md={5} lg={5} sx={{ ml: 3, mr: 3, mb: 3 }}>
<TextField
fullWidth
InputLabelProps={{
shrink: true
}}
{...register("modifiedTo")}
InputProps={{ inputProps: { min: minDate } }}
onChange={(newValue) => {
console.log(newValue)
setMaxDate(DateUtils.dateStr(newValue));
}}
id="modifiedTo"
type="date"
label="Modified To"
defaultValue={searchCriteria.modifiedTo}
/>
</Grid>

</Grid>

{/*last row*/}
<Grid container direction="row"
justifyContent="space-between"
alignItems="center">
<ThemeProvider theme={PNSPS_BUTTON_THEME}>
<Grid item xs={12} md={12}>
<Grid container maxWidth justifyContent="flex-end">
<Grid item sx={{ ml: 3, mr: 3, mb: 3,}}>
{onDownload?
<LoadingComponent disableText={true} alignItems="flex-start"/>
:
<Button
variant="contained"
onClick={exportExcel}
>
Export
</Button>
}
</Grid>
<Grid item sx={{ ml: 3, mr: 3, mb: 3,}}>
<Button
variant="contained"
onClick={resetForm}
>
Clear
</Button>
</Grid>
<Grid item sx={{ ml: 3, mb: 3 }}>
<Button
variant="contained"
type="submit"
>
Search
</Button>
</Grid>
</Grid>
</Grid>
</ThemeProvider>
</Grid>
</Grid>
</form>
</MainCard>
);
};

export default AuditLogSearchForm;

+ 81
- 0
src/pages/AuditLog/AuditLogTable.js Wyświetl plik

@@ -0,0 +1,81 @@
// material-ui
import * as React from 'react';
import {FiDataGrid} from "components/FiDataGrid";
import {useEffect} from "react";
import * as DateUtils from "utils/DateUtils"
import {useTheme} from "@emotion/react";
import {
// Button,
// Typography,
useMediaQuery
} from '@mui/material';
// ==============================|| EVENT TABLE ||============================== //

export default function AuditLogTable({recordList}) {
const [rows, setRows] = React.useState(recordList);

useEffect(() => {
setRows(recordList);
// console.log(recordList)
}, [recordList]);
const theme = useTheme();
const isMdOrLg = useMediaQuery(theme.breakpoints.up('md'));

const columns = [
{
id: 'modified',
field: 'modified',
headerName: 'Date',
flex: isMdOrLg ? 1 : undefined,
valueGetter:(params)=>{
return DateUtils.datetimeStr(params?.value);
}
},
{
id: 'modifiedByName',
field: 'modifiedByName',
headerName: 'Username',
flex: isMdOrLg ? 1 : undefined,
},
{
id: 'tableName',
field: 'tableName',
headerName: 'Table Name',
flex: isMdOrLg ? 1 : undefined,
},
{
id: 'ref',
field: 'ref',
headerName: 'Ref',
flex: isMdOrLg ? 1 : undefined,
},
{
id: 'oldData',
field: 'oldData',
headerName: 'Old Data',
flex: isMdOrLg ? 2 : undefined,
},
{
id: 'newData',
field: 'newData',
headerName: 'New Data',
flex: isMdOrLg ? 2 : undefined,
},
];

// function handleRowDoubleClick(params) {
// navigate('/user/'+ params.id);
// }

return (
<div style={{height: "fit-content", width: '100%'}}>
<FiDataGrid
rows={rows}
columns={columns}
customPageSize={5}
// onRowDoubleClick={handleRowDoubleClick}
getRowHeight={() => 'auto'}
/>
</div>
);
}

+ 118
- 0
src/pages/AuditLog/index.js Wyświetl plik

@@ -0,0 +1,118 @@
// material-ui
import {
Grid,
Typography,
Stack,
// Button
} from '@mui/material';
import MainCard from "components/MainCard";
import { useEffect, useState } from "react";
import axios from "axios";
import { GET_AUDIT_LOG_LIST } from "utils/ApiPathConst";
import * as React from "react";
import * as DateUtils from "utils/DateUtils";

import Loadable from 'components/Loadable';
import { lazy } from 'react';
const LoadingComponent = Loadable(lazy(() => import('../extra-pages/LoadingComponent')));
const SearchForm = Loadable(lazy(() => import('./AuditLogSearchForm')));
const EventTable = Loadable(lazy(() => import('./AuditLogTable')));
import titleBackgroundImg from 'assets/images/dashboard/gazette-bar.png'

const BackgroundHead = {
backgroundImage: `url(${titleBackgroundImg})`,
width: '100%',
height: '100%',
backgroundSize: 'contain',
backgroundRepeat: 'no-repeat',
backgroundColor: '#0C489E',
backgroundPosition: 'right'
}
// ==============================|| DASHBOARD - DEFAULT ||============================== //

const AuditLogPage = () => {
const [record, setRecord] = useState([]);
const [searchCriteria, setSearchCriteria] = React.useState({
modifiedTo: DateUtils.dateStr(new Date()),
modifiedFrom: DateUtils.dateStr(new Date().setDate(new Date().getDate()-14)),
});
const [onReady, setOnReady] = useState(false);
const [changelocked, setChangeLocked] = React.useState(false);

React.useLayoutEffect(() => {
getUserList();
}, [changelocked]);

useEffect(() => {
if (record.length > 0) {
setOnReady(true);
}
}, [record]);

React.useLayoutEffect(() => {
getUserList();
}, [searchCriteria]);

function getUserList() {
axios.get(`${GET_AUDIT_LOG_LIST}`,
{ params: searchCriteria }
)
.then((response) => {
if (response.status === 200) {
setRecord(response.data);
}
})
.catch(error => {
console.log(error);
return false;
});
}

function applySearch(input) {
setSearchCriteria(input);
}

return (
!onReady ?
<Grid container sx={{ minHeight: '87vh', mb: 3 }} direction="column" justifyContent="center" alignItems="center">
<Grid item>
<LoadingComponent />
</Grid>
</Grid>
:
<Grid container sx={{ minHeight: '87vh', backgroundColor: "backgroundColor.default" }} direction="column">
<Grid item xs={12}>
<div style={BackgroundHead}>
<Stack direction="row" height='70px' justifyContent="flex-start" alignItems="center">
<Typography ml={15} color='#FFF' variant="h4">Audit Log</Typography>
</Stack>
</div>
</Grid>

{/*row 1*/}
<Grid item xs={12} md={12} lg={12} sx={{mb:-1}}>
<SearchForm
applySearch={applySearch}
searchCriteria={searchCriteria}
/>
</Grid>
{/*row 2*/}
<Grid item xs={12} md={12} lg={12}>
<MainCard elevation={0}
border={false}
content={false}
>
<EventTable
recordList={record}
setChangeLocked={setChangeLocked}
/>
</MainCard>
</Grid>

</Grid>

);
};

export default AuditLogPage;

+ 81
- 0
src/pages/User/DetailsPage_Individual/LoginGrid.js Wyświetl plik

@@ -0,0 +1,81 @@
// material-ui
import * as React from 'react';
import {FiDataGrid} from "components/FiDataGrid";
import {
// Button,
// Typography,
useMediaQuery
} from '@mui/material';
import * as DateUtils from "utils/DateUtils"
// import {useNavigate} from "react-router-dom";
// import {
// isORGLoggedIn,
// } from "utils/Utils";
import {useTheme} from "@emotion/react";
// import {getStatusIntl} from "utils/statusUtils/PublicNoteStatusUtils";
// import {
// FormattedMessage,
// useIntl} from "react-intl";
// ==============================|| EVENT TABLE ||============================== //

export default function LoginGrid({rows}) {
// const navigate = useNavigate()
const theme = useTheme();
const isMdOrLg = useMediaQuery(theme.breakpoints.up('md'));
// const intl = useIntl();

// const handleDetailClick = (params) => () => {
// navigate('/publicNotice/'+ params.id);
// };

// const remarkHeadername = rows.orgId===null?"我的備註":"Care Of / 我的備註"

const columns = [
{
id: 'loginTime',
field: 'loginTime',
headerName: "Date Time",
width: isMdOrLg ? 'auto' : 160,
flex: isMdOrLg ? 1 : undefined,
valueGetter:(params)=>{
return DateUtils.datetimeStr(params?.value);
}
},
{
id: 'result',
field: 'result',
headerName: 'Result',
width: isMdOrLg ? 'auto' : 300,
flex: isMdOrLg ? 2 : undefined,
valueGetter:(params)=>{
let resultMessage = "";
if (params.row.success>0){
resultMessage="Success"
}
if (params.row.success==0){
resultMessage="Fail"
}
if (params.row.success<0){
resultMessage= params.row.actionType + " by " + (params.row.modifiedBy == null?"multiple times failed login attempt.":params.row.modifiedBy)
}
return resultMessage;
}
},
];
// function handleRowDoubleClick(params) {
// navigate('/publicNotice/'+ params.id);
// }

return (
<div style={{minHeight: 200, height:"100%", width: '100%', padding: 4}}>
<FiDataGrid
rows={rows}
columns={columns}
customPageSize={10}
// onRowDoubleClick={handleRowDoubleClick}
getRowHeight={() => 'auto'}
/>
</div>
);
}

+ 43
- 11
src/pages/User/DetailsPage_Individual/index.js Wyświetl plik

@@ -1,7 +1,8 @@
// material-ui // material-ui
import * as React from "react"; import * as React from "react";


import { Grid, Typography, Button, Stack } from '@mui/material';
import { Grid, Typography, Button, Stack, Box, Tab } from '@mui/material';
import { TabPanel, TabContext, TabList } from '@mui/lab';
import FileList from "components/FileList" import FileList from "components/FileList"
import MainCard from "components/MainCard"; import MainCard from "components/MainCard";
import * as HttpUtils from "utils/HttpUtils"; import * as HttpUtils from "utils/HttpUtils";
@@ -27,6 +28,7 @@ import * as ComboData from "utils/ComboData";
const LoadingComponent = Loadable(React.lazy(() => import('../../extra-pages/LoadingComponent'))); const LoadingComponent = Loadable(React.lazy(() => import('../../extra-pages/LoadingComponent')));
const UserInformationCard = Loadable(React.lazy(() => import('./UserInformationCard_Individual'))); const UserInformationCard = Loadable(React.lazy(() => import('./UserInformationCard_Individual')));
const UserInformationPubCard = Loadable(React.lazy(() => import('./UserInformationCard_Individual_Pub'))); const UserInformationPubCard = Loadable(React.lazy(() => import('./UserInformationCard_Individual_Pub')));
const LoginGrid = Loadable(React.lazy(() => import('./LoginGrid')));


import { import {
isGLDLoggedIn, isGLDLoggedIn,
@@ -41,7 +43,9 @@ const UserMaintainPage_Individual = () => {
const params = useParams(); const params = useParams();
const navigate = useNavigate(); const navigate = useNavigate();
const [formData, setFormData] = React.useState({}) const [formData, setFormData] = React.useState({})
const [loginLogData, setLoginLogData] = React.useState([])
const [isLoading, setLoding] = React.useState(true); const [isLoading, setLoding] = React.useState(true);
const [selectedTab, setSelectedTab] = React.useState("1");


React.useEffect(() => { React.useEffect(() => {
if (isORGLoggedIn()){ if (isORGLoggedIn()){
@@ -51,6 +55,10 @@ const UserMaintainPage_Individual = () => {
} }
}, []); }, []);


const handleChange = (event, newValue) => {
setSelectedTab(newValue);
}

const loadData = () => { const loadData = () => {
setLoding(true); setLoding(true);
if (isGLDLoggedIn()){ if (isGLDLoggedIn()){
@@ -83,6 +91,7 @@ const UserMaintainPage_Individual = () => {
response.data["preferLocale"] = getObjectByType(ComboData.Locale, "type", response.data?.preferLocale); response.data["preferLocale"] = getObjectByType(ComboData.Locale, "type", response.data?.preferLocale);
setFormData(response.data); setFormData(response.data);
getLoginLogList()
} }
}); });
} }
@@ -114,10 +123,23 @@ const UserMaintainPage_Individual = () => {
} }
}; };


const getLoginLogList = () => {
HttpUtils.get({
url: `${UrlUtils.GET_LOGIN_LOG_LIST}`,
params:{
userId:params.id
},
onSuccess: function (response) {
// console.log(response)
setLoginLogData(response);
}
});
}



React.useEffect(() => { React.useEffect(() => {
setLoding(false); setLoding(false);
}, [formData]);
}, [loginLogData]);


return ( return (
isLoading ? isLoading ?
@@ -173,15 +195,25 @@ const UserMaintainPage_Individual = () => {
{isGLDLoggedIn()? {isGLDLoggedIn()?
<Grid item xs={12} md={12} lg={12}> <Grid item xs={12} md={12} lg={12}>
<MainCard elevation={0} border={false} content={false} sx={{maxWidth: '100%', mr:2, width: "-webkit-fill-available"}}> <MainCard elevation={0} border={false} content={false} sx={{maxWidth: '100%', mr:2, width: "-webkit-fill-available"}}>
<Typography variant="h4" sx={{ mt: 4, ml: 2, mb: 2, mr: 2, borderBottom: "1px solid black" }}>
Files
</Typography>
<Grid item xs={12} sm={12} md={12} lg={12} sx={{maxWidth: '100%'}}>
<FileList
refId={params.id}
refType={"identification"}
/>
</Grid>
<TabContext value={selectedTab}>
<Box sx={{ borderBottom: 1, borderColor: 'divider' }}>
<TabList variant="scrollable" onChange={handleChange} aria-label="lab API tabs example">
<Tab label="Files" value="1" />
<Tab label="Login" value="2" />
</TabList>
</Box>
<TabPanel value="1">
<FileList
refId={params.id}
refType={"identification"}
/>
</TabPanel>
<TabPanel value="2">
<LoginGrid
rows = {loginLogData}
/>
</TabPanel>
</TabContext>
</MainCard> </MainCard>
<br /> <br />
</Grid> </Grid>


+ 81
- 0
src/pages/User/DetailsPage_Organization/LoginGrid.js Wyświetl plik

@@ -0,0 +1,81 @@
// material-ui
import * as React from 'react';
import {FiDataGrid} from "components/FiDataGrid";
import {
// Button,
// Typography,
useMediaQuery
} from '@mui/material';
import * as DateUtils from "utils/DateUtils"
// import {useNavigate} from "react-router-dom";
// import {
// isORGLoggedIn,
// } from "utils/Utils";
import {useTheme} from "@emotion/react";
// import {getStatusIntl} from "utils/statusUtils/PublicNoteStatusUtils";
// import {
// FormattedMessage,
// useIntl} from "react-intl";
// ==============================|| EVENT TABLE ||============================== //

export default function LoginGrid({rows}) {
// const navigate = useNavigate()
const theme = useTheme();
const isMdOrLg = useMediaQuery(theme.breakpoints.up('md'));
// const intl = useIntl();

// const handleDetailClick = (params) => () => {
// navigate('/publicNotice/'+ params.id);
// };

// const remarkHeadername = rows.orgId===null?"我的備註":"Care Of / 我的備註"

const columns = [
{
id: 'loginTime',
field: 'loginTime',
headerName: "Date Time",
width: isMdOrLg ? 'auto' : 160,
flex: isMdOrLg ? 1 : undefined,
valueGetter:(params)=>{
return DateUtils.datetimeStr(params?.value);
}
},
{
id: 'result',
field: 'result',
headerName: 'Result',
width: isMdOrLg ? 'auto' : 300,
flex: isMdOrLg ? 2 : undefined,
valueGetter:(params)=>{
let resultMessage = "";
if (params.row.success>0){
resultMessage="Success"
}
if (params.row.success==0){
resultMessage="Fail"
}
if (params.row.success<0){
resultMessage= params.row.actionType + " by " + (params.row.modifiedBy == null?"multiple times failed login attempt.":params.row.modifiedBy)
}
return resultMessage;
}
},
];
// function handleRowDoubleClick(params) {
// navigate('/publicNotice/'+ params.id);
// }

return (
<div style={{minHeight: 200, height:"100%", width: '100%', padding: 4}}>
<FiDataGrid
rows={rows}
columns={columns}
customPageSize={10}
// onRowDoubleClick={handleRowDoubleClick}
getRowHeight={() => 'auto'}
/>
</div>
);
}

+ 66
- 32
src/pages/User/DetailsPage_Organization/index.js Wyświetl plik

@@ -1,5 +1,7 @@
// material-ui // material-ui
import { Grid, Typography, Stack, Box, Button } from '@mui/material';
import { Grid, Typography, Stack, Box, Button, Tab } from '@mui/material';
import { TabPanel, TabContext, TabList } from '@mui/lab';

import { useEffect, useState } from "react"; import { useEffect, useState } from "react";
import * as React from "react"; import * as React from "react";
//import axios from "axios"; //import axios from "axios";
@@ -20,6 +22,7 @@ import titleBackgroundImg from 'assets/images/dashboard/gazette-bar.png'
import { useNavigate } from 'react-router-dom'; import { useNavigate } from 'react-router-dom';
import * as ComboData from "utils/ComboData"; import * as ComboData from "utils/ComboData";
import {getObjectByValue,getObjectByType} from "utils/CommonFunction"; import {getObjectByValue,getObjectByType} from "utils/CommonFunction";
const LoginGrid = Loadable(React.lazy(() => import('./LoginGrid')));


const BackgroundHead = { const BackgroundHead = {
backgroundImage: `url(${titleBackgroundImg})`, backgroundImage: `url(${titleBackgroundImg})`,
@@ -45,32 +48,38 @@ const UserMaintainPage_Organization = () => {
const params = useParams(); const params = useParams();
const navigate = useNavigate(); const navigate = useNavigate();
const [userData, setUserData] = useState({}) const [userData, setUserData] = useState({})
const [loginLogData, setLoginLogData] = React.useState([])
const [orgData, setOrgData] = useState({}) const [orgData, setOrgData] = useState({})
const [isLoading, setLoding] = useState(true); const [isLoading, setLoding] = useState(true);
const intl = useIntl(); const intl = useIntl();
const { locale } = intl; const { locale } = intl;
const [selectedTab, setSelectedTab] = React.useState("1");


const isPrimaryLocale = locale === 'en' ?"Yes":locale === 'zh-HK' ?"是":"是"; const isPrimaryLocale = locale === 'en' ?"Yes":locale === 'zh-HK' ?"是":"是";
const notPrimaryLocale = locale === 'en' ?"No":locale === 'zh-HK' ?"否":"否"; const notPrimaryLocale = locale === 'en' ?"No":locale === 'zh-HK' ?"否":"否";


const _sx = {
ml: 3,
mb: 3,
mt: 3,
mr: 6,
padding: "4 2 4 2",
boxShadow: 1,
border: 1,
borderColor: '#DDD',
'& .MuiDataGrid-cell': {
borderTop: 1,
borderBottom: 1,
borderColor: "#EEE"
},
'& .MuiDataGrid-footerContainer': {
border: 1,
borderColor: "#EEE"
}
// const _sx = {
// ml: 3,
// mb: 3,
// mt: 3,
// mr: 6,
// padding: "4 2 4 2",
// boxShadow: 1,
// border: 1,
// borderColor: '#DDD',
// '& .MuiDataGrid-cell': {
// borderTop: 1,
// borderBottom: 1,
// borderColor: "#EEE"
// },
// '& .MuiDataGrid-footerContainer': {
// border: 1,
// borderColor: "#EEE"
// }
// }

const handleChange = (event, newValue) => {
setSelectedTab(newValue);
} }


useEffect(() => { useEffect(() => {
@@ -139,7 +148,7 @@ const UserMaintainPage_Organization = () => {
response.data["faxNumber"] = response.data.faxNo?.faxNumber; response.data["faxNumber"] = response.data.faxNo?.faxNumber;
response.data["fax_countryCode"] = response.data.faxNo?.countryCode; response.data["fax_countryCode"] = response.data.faxNo?.countryCode;
response.data["status"] = response.data?.locked?"locked":response.data?.status;
// response.data["status"] = response.data?.locked?"locked":response.data?.status;
response.data["preferLocale"] = getObjectByType(ComboData.Locale, "type", response.data?.preferLocale); response.data["preferLocale"] = getObjectByType(ComboData.Locale, "type", response.data?.preferLocale);
//response.data["orgId"] = response.data.brExpiryDate?DateUtils.dateStr(response.data.brExpiryDate):""; //response.data["orgId"] = response.data.brExpiryDate?DateUtils.dateStr(response.data.brExpiryDate):"";
@@ -148,6 +157,7 @@ const UserMaintainPage_Organization = () => {
// console.log(response.data) // console.log(response.data)
setUserData(response.data); setUserData(response.data);
setOrgData(response.orgList); setOrgData(response.orgList);
getLoginLogList()
} }
}); });
} }
@@ -175,10 +185,24 @@ const UserMaintainPage_Organization = () => {
} }
}; };


const getLoginLogList = () => {
HttpUtils.get({
url: `${UrlUtils.GET_LOGIN_LOG_LIST}`,
params:{
userId:params.id
},
onSuccess: function (response) {
// console.log(response)
setLoginLogData(response);
}
});
}




useEffect(() => { useEffect(() => {
setLoding(false); setLoding(false);
}, [userData]);
}, [loginLogData]);


return ( return (
isLoading ? isLoading ?
@@ -236,17 +260,27 @@ const UserMaintainPage_Organization = () => {
} }
{isGLDLoggedIn()? {isGLDLoggedIn()?
<Grid item xs={12} md={12} lg={12}> <Grid item xs={12} md={12} lg={12}>
<Box xs={12} ml={0} mt={-3} mr={11.5} sx={{ p: 1, borderRadius: '10px' }}>
<MainCard elevation={0} border={false} content={false}>
<Typography variant="h4" sx={{ ml: 3, mt: 3, mb: 2, mr: 6, borderBottom: "1px solid black" }}>
Files
</Typography>
<FileList sx={_sx}
refId={params.id}
refType={"identification"}
/>
</MainCard>
</Box>
<MainCard elevation={0} border={false} content={false} sx={{maxWidth: '100%', mr:2, width: "-webkit-fill-available"}}>
<TabContext value={selectedTab}>
<Box sx={{ borderBottom: 1, borderColor: 'divider' }}>
<TabList variant="scrollable" onChange={handleChange} aria-label="lab API tabs example">
<Tab label="Files" value="1" />
<Tab label="Login" value="2" />
</TabList>
</Box>
<TabPanel value="1">
<FileList
refId={params.id}
refType={"identification"}
/>
</TabPanel>
<TabPanel value="2">
<LoginGrid
rows = {loginLogData}
/>
</TabPanel>
</TabContext>
</MainCard>
<br /> <br />
</Grid> </Grid>
:null :null


+ 5
- 0
src/routes/GLDUserRoutes.js Wyświetl plik

@@ -27,6 +27,7 @@ const EmailTemplateDetailPage = Loadable(lazy(() => import('pages/EmailTemplate/
const HolidayPage = Loadable(lazy(() => import('pages/Holiday'))); const HolidayPage = Loadable(lazy(() => import('pages/Holiday')));
const GazetteIssuePage = Loadable(lazy(() => import('pages/GazetteIssue/index'))); const GazetteIssuePage = Loadable(lazy(() => import('pages/GazetteIssue/index')));
const DrImport = Loadable(lazy(() => import('pages/Setting/DrImport'))); const DrImport = Loadable(lazy(() => import('pages/Setting/DrImport')));
const AuditLogPage = Loadable(lazy(() => import('pages/AuditLog/index')));


// ==============================|| MAIN ROUTING ||============================== // // ==============================|| MAIN ROUTING ||============================== //


@@ -125,6 +126,10 @@ const GLDUserRoutes = {
path: '/setting/drImport', path: '/setting/drImport',
element: <DrImport /> element: <DrImport />
}, },
{
path: '/setting/auditLog',
element: <AuditLogPage />
},
] ]
}, },
] ]


+ 3
- 0
src/utils/ApiPathConst.js Wyświetl plik

@@ -69,6 +69,7 @@ export const GET_FILE_DELETE = apiPath+'/file/delete';


export const DR_EXPORT = apiPath+'/settings/dr/export'; export const DR_EXPORT = apiPath+'/settings/dr/export';
export const DR_IMPORT = apiPath+'/settings/dr/import'; export const DR_IMPORT = apiPath+'/settings/dr/import';
export const AUDIT_LOG_EXPORT = apiPath+'/settings/auditLog-export';






@@ -105,6 +106,7 @@ export const POST_CHECK_APP_EXPRITY_DATE = apiPath+'/application/checkExprityDat
//GLD User //GLD User
export const POST_ADMIN_USER_REGISTER = apiPath+'/user/registry'; export const POST_ADMIN_USER_REGISTER = apiPath+'/user/registry';
export const DELETE_USER = apiPath+'/user'; export const DELETE_USER = apiPath+'/user';
export const GET_LOGIN_LOG_LIST = apiPath+'/user/loginLogList';
export const GET_PUBLIC_NOTICE_APPLY_DETAIL = apiPath+'/application/application-detail'; export const GET_PUBLIC_NOTICE_APPLY_DETAIL = apiPath+'/application/application-detail';
export const SET_PUBLIC_NOTICE_GROUP_DETAIL = apiPath+'/application/application-group-detail'; export const SET_PUBLIC_NOTICE_GROUP_DETAIL = apiPath+'/application/application-group-detail';
export const SET_PUBLIC_NOTICE_STATUS_NOT_ACCEPT = apiPath+'/application/application-detail-status-not-accept'; export const SET_PUBLIC_NOTICE_STATUS_NOT_ACCEPT = apiPath+'/application/application-detail-status-not-accept';
@@ -115,6 +117,7 @@ export const SET_PUBLIC_NOTICE_STATUS_RESUBMIT = apiPath+'/application/applicati
export const SET_PUBLIC_NOTICE_STATUS_REVIEWED = apiPath+'/application/application-detail-status-reviewed'; export const SET_PUBLIC_NOTICE_STATUS_REVIEWED = apiPath+'/application/application-detail-status-reviewed';
export const SET_PUBLIC_NOTICE_STATUS_PUBLISH = apiPath+'/application/application-detail-status-publish'; export const SET_PUBLIC_NOTICE_STATUS_PUBLISH = apiPath+'/application/application-detail-status-publish';
export const UPDATE_PUBLIC_NOTICE_APPLY_DETAIL = apiPath+'/application/save'; export const UPDATE_PUBLIC_NOTICE_APPLY_DETAIL = apiPath+'/application/save';
export const GET_AUDIT_LOG_LIST = apiPath+'/settings/auditLogList';


//gazette //gazette
export const GET_ISSUE_COMBO = apiPath+'/gazette-issue/combo';//GET export const GET_ISSUE_COMBO = apiPath+'/gazette-issue/combo';//GET


Napisz Podgląd
Ładowanie…
Anuluj
Zapisz