alex
/
PNSPS-frontend-MaterialUI
1
0
Fork 0
Code Issues 0 Pull Requests 0 Releases 0 Wiki Activity
Browse Source

Merge branch 'master' of https://git.2fi-solutions.com/alex/PNSPS-frontend-MaterialUI 

# Conflicts:
#	src/pages/pnspsUserSearchPage/UserTable.js
master
Anna Ho 2 years ago
parent
e4a3c1735c f445c8386d
commit
0e0642137e
7 changed files with 131 additions and 132 deletions
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. +2
    -2
      src/assets/style/navbarStyles.css
  2. +3
    -3
      src/layout/MainLayout/Header/index.js
  3. +55
    -87
      src/pages/pnspsUserDetailPage/UserInformationCard.js
  4. +6
    -6
      src/pages/pnspsUserGroupDetailPage/UserAddTable.js
  5. +35
    -33
      src/pages/pnspsUserSearchPage/UserSearchForm.js
  6. +29
    -0
      src/pages/pnspsUserSearchPage/UserTable.js
  7. +1
    -1
      src/utils/ApiPathConst.js

+ 2
- 2
src/assets/style/navbarStyles.css View File

@@ -40,14 +40,14 @@
height: 2px; height: 2px;
background:#0C489E; background:#0C489E;
position: absolute; position: absolute;
top: -4px;
top: 1px;
left: 20px; left: 20px;
} }
#navbar div li ul { #navbar div li ul {
background: white; background: white;
visibility: hidden; visibility: hidden;
opacity: 0; opacity: 0;
min-width: 16rem;
min-width: 18rem;
position: absolute; position: absolute;
/* transition: all 0.5s ease; */ /* transition: all 0.5s ease; */
left: 0; left: 0;


+ 3
- 3
src/layout/MainLayout/Header/index.js View File

@@ -89,13 +89,13 @@ function Header(props) {
<Link className="client" >Client<KeyboardArrowDownIcon/></Link> <Link className="client" >Client<KeyboardArrowDownIcon/></Link>
<ul className='dropdown'> <ul className='dropdown'>
<li> <li>
<Link className="userSearchview" to='/userSearchview'>User</Link>
<Link className="userSearchview" to='/userSearchview'>Users (GLD)</Link>
</li> </li>
<li> <li>
<Link className="indUser" to='/indUser'>Individual User</Link>
<Link className="indUser" to='/indUser'>Users (Individual)</Link>
</li> </li>
<li> <li>
<Link className="orgUser" to='/orgUser'>Organization User</Link>
<Link className="orgUser" to='/orgUser'>Users (Organization)</Link>
</li> </li>
<li> <li>
<Link className="org" to='/org'>Organization</Link> <Link className="org" to='/org'>Organization</Link>


+ 55
- 87
src/pages/pnspsUserDetailPage/UserInformationCard.js View File

@@ -5,15 +5,15 @@ import {
import MainCard from "../../components/MainCard"; import MainCard from "../../components/MainCard";
import * as React from "react"; import * as React from "react";
import {useForm} from "react-hook-form"; import {useForm} from "react-hook-form";
import Autocomplete from "@mui/material/Autocomplete";
import {
subDivision1,
subDivision2,
subDivision3,
subDivision4,
subDivision5,
subDivision6
} from "../pnspsUserSearchPage/DummyComboRecord";
// import Autocomplete from "@mui/material/Autocomplete";
// import {
// subDivision1,
// subDivision2,
// subDivision3,
// subDivision4,
// subDivision5,
// subDivision6
// } from "../pnspsUserSearchPage/DummyComboRecord";
import {useEffect, useState} from "react"; import {useEffect, useState} from "react";
import Checkbox from "@mui/material/Checkbox"; import Checkbox from "@mui/material/Checkbox";
import LoadingComponent from "../extra-pages/LoadingComponent"; import LoadingComponent from "../extra-pages/LoadingComponent";
@@ -22,58 +22,58 @@ import LoadingComponent from "../extra-pages/LoadingComponent";
// ==============================|| DASHBOARD - DEFAULT ||============================== // // ==============================|| DASHBOARD - DEFAULT ||============================== //




const subDivisionArray = [
...subDivision1,
...subDivision2,
...subDivision3,
...subDivision4,
...subDivision5,
...subDivision6
];
// const subDivisionArray = [
// ...subDivision1,
// ...subDivision2,
// ...subDivision3,
// ...subDivision4,
// ...subDivision5,
// ...subDivision6
// ];




const UserInformationCard = ({isCollectData, updateUserObject,userData}) => { const UserInformationCard = ({isCollectData, updateUserObject,userData}) => {
//const params = useParams(); //const params = useParams();
const [currentUserData, setCurrentUserData] = React.useState({}); const [currentUserData, setCurrentUserData] = React.useState({});
const [subDivision, setSubDivision] = useState(null);
// const [subDivision, setSubDivision] = useState(null);
const [locked, setLocked] = useState(false); const [locked, setLocked] = useState(false);
const [isLotusNoteUser, setIsLotusNoteUser] = useState(false);
const [lotusNoteUserList, setLotusNoteUserList] = useState([])
const [selectedLotusUser, setSelectedLotusUser] = useState(null);
// const [isLotusNoteUser, setIsLotusNoteUser] = useState(false);
// const [lotusNoteUserList, setLotusNoteUserList] = useState([])
// const [selectedLotusUser, setSelectedLotusUser] = useState(null);


const [onReady, setOnReady] = useState(false); const [onReady, setOnReady] = useState(false);
const {register, getValues} = useForm() const {register, getValues} = useForm()


useEffect(() => {
//TODO: Get lotus note user list
setLotusNoteUserList([
{
key: 1,
label: "user01",
account: "user123456"
},
{
key: 2,
label: "user02",
account: "userabcde1"
},
{
key: 3,
label: "user03",
account: "user2001"
},
{
key: 4,
label: "user04",
account: "user2000"
},
{
key: 5,
label: "user05",
account: "user1999"
},
])
}, []);
// useEffect(() => {
// //TODO: Get lotus note user list
// setLotusNoteUserList([
// {
// key: 1,
// label: "user01",
// account: "user123456"
// },
// {
// key: 2,
// label: "user02",
// account: "userabcde1"
// },
// {
// key: 3,
// label: "user03",
// account: "user2001"
// },
// {
// key: 4,
// label: "user04",
// account: "user2000"
// },
// {
// key: 5,
// label: "user05",
// account: "user1999"
// },
// ])
// }, []);


useEffect(() => { useEffect(() => {
//if user data from parent are not null //if user data from parent are not null
@@ -95,8 +95,8 @@ const UserInformationCard = ({isCollectData, updateUserObject,userData}) => {
const values = getValues(); const values = getValues();
const objectData ={ const objectData ={
...values, ...values,
selectedLotusUser: selectedLotusUser,
subDivision: subDivision,
// selectedLotusUser: selectedLotusUser,
// subDivision: subDivision,
locked: locked, locked: locked,
} }
updateUserObject(objectData); updateUserObject(objectData);
@@ -117,38 +117,6 @@ const UserInformationCard = ({isCollectData, updateUserObject,userData}) => {




<form> <form>
<Grid item xs={12} s={12} md={12} lg={12} sx={{ml: 3, mr: 3, mb: 3}}>
<Grid container alignItems={"center"}>
<Grid item xs={4} s={4} md={4} lg={4}
sx={{ml: 3, mr: 3, display: 'flex', alignItems: 'center'}}>
Lotus Note User:
</Grid>

<Grid item xs={1} s={1} md={1} lg={1}>
<Checkbox
checked={isLotusNoteUser}
onChange={(event) => setIsLotusNoteUser(event.target.checked)}
name="isLotusNoteUser"
color="primary"
size="small"
/>
</Grid>

<Grid item xs={6} s={6} md={6} lg={5}>
<Autocomplete
disablePortal
id="lotus-note-combo"
value={selectedLotusUser === null ? null : selectedLotusUser}
options={lotusNoteUserList}
disabled={!isLotusNoteUser}
onChange={(event, newValue) => {
setSelectedLotusUser(newValue);
}}
renderInput={(params) => <TextField {...params} />}
/>
</Grid>
</Grid>
</Grid>


<Grid container> <Grid container>
<Grid item xs={12} s={12} md={12} lg={12} sx={{ml: 3, mr: 3, mb: 3}}> <Grid item xs={12} s={12} md={12} lg={12} sx={{ml: 3, mr: 3, mb: 3}}>
@@ -230,7 +198,7 @@ const UserInformationCard = ({isCollectData, updateUserObject,userData}) => {
</Grid> </Grid>
</Grid> </Grid>


<Grid item xs={12} s={12} md={12} lg={12} sx={{ml: 3, mr: 3, mb: 3}}>
{/* <Grid item xs={12} s={12} md={12} lg={12} sx={{ml: 3, mr: 3, mb: 3}}>
<Grid container alignItems={"center"}> <Grid container alignItems={"center"}>
<Grid item xs={4} s={4} md={4} lg={4} <Grid item xs={4} s={4} md={4} lg={4}
sx={{ml: 3, mr: 3, display: 'flex', alignItems: 'center'}}> sx={{ml: 3, mr: 3, display: 'flex', alignItems: 'center'}}>
@@ -250,7 +218,7 @@ const UserInformationCard = ({isCollectData, updateUserObject,userData}) => {
/> />
</Grid> </Grid>
</Grid> </Grid>
</Grid>
</Grid> */}


<Grid item xs={12} s={12} md={12} lg={12} sx={{ml: 3, mr: 3, mb: 3}}> <Grid item xs={12} s={12} md={12} lg={12} sx={{ml: 3, mr: 3, mb: 3}}>
<Grid container alignItems={"center"}> <Grid container alignItems={"center"}>


+ 6
- 6
src/pages/pnspsUserGroupDetailPage/UserAddTable.js View File

@@ -60,12 +60,12 @@ export default function UserAddTable({setGroupUserData, userList}) {
headerName: 'User', headerName: 'User',
flex: 1, flex: 1,
}, },
{
id: 'subDiv',
field: 'subDivisionName',
headerName: 'Sub-Division',
flex: 1,
},
// {
// id: 'subDiv',
// field: 'subDivisionName',
// headerName: 'Sub-Division',
// flex: 1,
// },
]; ];


return ( return (


+ 35
- 33
src/pages/pnspsUserSearchPage/UserSearchForm.js View File

@@ -1,4 +1,4 @@
// material-ui
// material-uisubDivision
import { import {
Button, Button,
CardContent, FormControlLabel, CardContent, FormControlLabel,
@@ -8,35 +8,37 @@ import {
import MainCard from "../../components/MainCard"; import MainCard from "../../components/MainCard";
import {useForm} from "react-hook-form"; import {useForm} from "react-hook-form";


import {useEffect, useState} from "react";
import Autocomplete from '@mui/material/Autocomplete';
import { import {
subDivision1,
subDivision2,
subDivision3,
subDivision4,
subDivision5,
subDivision6
} from "pages/pnspsUserSearchPage/DummyComboRecord";
// useEffect,
useState} from "react";
// import Autocomplete from '@mui/material/Autocomplete';
// import {
// subDivision1,
// subDivision2,
// subDivision3,
// subDivision4,
// subDivision5,
// subDivision6
// } from "pages/pnspsUserSearchPage/DummyComboRecord";
import Checkbox from "@mui/material/Checkbox"; import Checkbox from "@mui/material/Checkbox";
import * as React from "react"; import * as React from "react";
// ==============================|| DASHBOARD - DEFAULT ||============================== // // ==============================|| DASHBOARD - DEFAULT ||============================== //


const subDivisionArray =[
...subDivision1,
...subDivision2,
...subDivision3,
...subDivision4,
...subDivision5,
...subDivision6
];
// const subDivisionArray =[
// ...subDivision1,
// ...subDivision2,
// ...subDivision3,
// ...subDivision4,
// ...subDivision5,
// ...subDivision6
// ];


const UserSearchForm = ({applySearch}) => { const UserSearchForm = ({applySearch}) => {


const [type, setType] = useState([]); const [type, setType] = useState([]);
const [division, setDivision] = useState(null);
const [subDivision, setSubDivision] = useState(null);
const [isLotusNoteUser, setIsLotusNoteUser] = useState(false);
// const [division, setDivision] = useState(null);
// const [subDivision, setSubDivision] = useState(null);
// const [isLotusNoteUser, setIsLotusNoteUser] = useState(false);
const [locked, setLocked] = useState(false); const [locked, setLocked] = useState(false);




@@ -62,18 +64,18 @@ const UserSearchForm = ({applySearch}) => {
applySearch(temp); applySearch(temp);
}; };


useEffect(() => {
if(division != null){
setSubDivision(subDivisionArray[division.type-1][0]);
}
// useEffect(() => {
// if(division != null){
// setSubDivision(subDivisionArray[division.type-1][0]);
// }


}, [division]);
// }, [division]);


function resetForm(){ function resetForm(){
setType([]); setType([]);
setDivision(null);
setSubDivision(null);
setIsLotusNoteUser(false);
// setDivision(null);
// setSubDivision(null);
// setIsLotusNoteUser(false);
setLocked(false); setLocked(false);
reset(); reset();
} }
@@ -120,7 +122,7 @@ const UserSearchForm = ({applySearch}) => {
/> />
</Grid> </Grid>


<Grid item xs={9} s={6} md={5} lg={3} sx={{ml:3, mr:3, mb:3}}>
{/* <Grid item xs={9} s={6} md={5} lg={3} sx={{ml:3, mr:3, mb:3}}>
<Autocomplete <Autocomplete
disablePortal disablePortal
id="sub-division-combo" id="sub-division-combo"
@@ -131,7 +133,7 @@ const UserSearchForm = ({applySearch}) => {
}} }}
renderInput={(params) => <TextField {...params} label="Sub-Division" />} renderInput={(params) => <TextField {...params} label="Sub-Division" />}
/> />
</Grid>
</Grid> */}


<Grid item xs={9} s={6} md={5} lg={3} sx={{ml:3, mr:3, mb:3}}> <Grid item xs={9} s={6} md={5} lg={3} sx={{ml:3, mr:3, mb:3}}>
<TextField <TextField
@@ -151,7 +153,7 @@ const UserSearchForm = ({applySearch}) => {
/> />
</Grid> </Grid>


<Grid item xs={9} s={6} md={5} lg={3} sx={{ml:3, mr:3, mb:3}}>
{/* <Grid item xs={9} s={6} md={5} lg={3} sx={{ml:3, mr:3, mb:3}}>
<FormControlLabel <FormControlLabel
control={ control={
<Checkbox <Checkbox
@@ -164,7 +166,7 @@ const UserSearchForm = ({applySearch}) => {
} }
label={<Typography variant="h6">Lotus Notes User</Typography>} label={<Typography variant="h6">Lotus Notes User</Typography>}
/> />
</Grid>
</Grid> */}


<Grid item xs={9} s={6} md={5} lg={3} sx={{ml:3, mr:3, mb:3}}> <Grid item xs={9} s={6} md={5} lg={3} sx={{ml:3, mr:3, mb:3}}>
<FormControlLabel <FormControlLabel


+ 29
- 0
src/pages/pnspsUserSearchPage/UserTable.js View File

@@ -77,6 +77,35 @@ export default function UserTable({recordList}) {
headerName: 'Sub-Division', headerName: 'Sub-Division',
flex: 1, flex: 1,
}, },

// {
// id: 'subDivisionId',
// field: 'subDivisionId',
// //type: 'date',
// //sortable: false,
// headerName: 'Sub-Division',
// flex: 1,
// },
// {
// id: 'lotusNotesUser',
// field: 'lotusNotesUser',
// type: 'bool',
// headerName: 'Lotus Notes User',
// flex: 1,
// renderCell: (params) => {
// return (
// <Checkbox
// theme={theme}
// key="locked"
// checked={params.row.lotusNotesUser}
// color="primary"
// size="small"
// //onChange={handleChange}
// />
// );
// },
// },

{ {
id: 'locked', id: 'locked',
field: 'locked', field: 'locked',


+ 1
- 1
src/utils/ApiPathConst.js View File

@@ -8,7 +8,7 @@ export const GET_GROUP_COMBO_PATH = '/group/combo';
export const GET_GROUP_MEMBER_LIST_PATH = '/group/member'; export const GET_GROUP_MEMBER_LIST_PATH = '/group/member';
export const GET_GROUP_AUTH_LIST = '/group/auth/combo'; export const GET_GROUP_AUTH_LIST = '/group/auth/combo';


export const GET_USER_PATH = '/user';
export const GET_USER_PATH = '/user/gld';
export const GET_AUTH_LIST = '/user/auth/combo'; export const GET_AUTH_LIST = '/user/auth/combo';
export const GET_USER_COMBO_LIST = '/user/combo'; export const GET_USER_COMBO_LIST = '/user/combo';
export const GET_USER_LOCK = apiPath+'/user/lock'; export const GET_USER_LOCK = apiPath+'/user/lock';


Write Preview
Loading…
Cancel
Save