kelvinsuen
/
LIONER-frontend
1
0
Förgrening 0
Kod Ärenden 0 Pull-förfrågningar 0 Släpp 0 Wiki Aktiviteter
Bläddra i källkod

update client page

master
kelvinsuen 2 månader sedan
förälder
0b0467b8f0
incheckning
4e68cef2e2
6 ändrade filer med 593 tillägg och 618 borttagningar
Delad Vy
Diff Options
Show Stats Download Patch File Download Diff File
  1. +467
    -471
      src/pages/client/ClientMaintainPage/ClientForm.js
  2. +105
    -133
      src/pages/client/ClientMaintainPage/index.js
  3. +0
    -1
      src/pages/client/ClientSearchPage/ClientSearchForm.js
  4. +2
    -3
      src/pages/client/ClientSearchPage/ClientTable.js
  5. +2
    -2
      src/pages/client/ClientSearchPage/index.js
  6. +17
    -8
      src/utils/CommonFunction.js

+ 467
- 471
src/pages/client/ClientMaintainPage/ClientForm.js
Filskillnaden har hållits tillbaka eftersom den är för stor
Visa fil


+ 105
- 133
src/pages/client/ClientMaintainPage/index.js Visa fil

@@ -50,116 +50,112 @@ const ClientPanel = () => {

//const [tagCombo, setTagCombo] = useState({});

function updateApplicationDetail(applicationData) {
setApplicationDetail(applicationData);
}
// function updateApplicationDetail(applicationData) {
// setApplicationDetail(applicationData);
// }

useEffect(() => {
getReminderInterval();
getReminderBefore();
getReminderLimit();
getReminderLimitMax();
// getReminderInterval();
// getReminderBefore();
// getReminderLimit();
// getReminderLimitMax();
if(refId !== null){
setIsNewRecord(true);
setIsNewRecord(false);
getClientDetail(refId);
}
else if(params.id<0){
setIsNewRecord(true);
}
else{
setIsNewRecord(false);
getClientDetail(params.id);
}
getGroupList();
getApplicationList();
}, []);
function getReminderBefore(){
axios.get(`${apiPath}${GET_REMINDER_BEFORE}`,
)
.then((response) => {
if (response.status === 200) {
setReminderBefore(response.data.data);
}
})
.catch(error => {
console.log(error);
return false;
});
}
function getReminderLimit(){
axios.get(`${apiPath}${GET_REMINDER_LIMIT}`,
)
.then((response) => {
if (response.status === 200) {
setReminderLimit(response.data.data);
}
})
.catch(error => {
console.log(error);
return false;
});
}
function getReminderLimitMax(){
axios.get(`${apiPath}${GET_REMINDER_LIMIT_MAX}`,
)
.then((response) => {
if (response.status === 200) {
setReminderLimitMax(response.data.data);
}
})
.catch(error => {
console.log(error);
return false;
});
}
// getGroupList();
// getApplicationList();
}, [refId, params.id]);
// function getReminderBefore(){
// axios.get(`${apiPath}${GET_REMINDER_BEFORE}`,
// )
// .then((response) => {
// if (response.status === 200) {
// setReminderBefore(response.data.data);
// }
// })
// .catch(error => {
// console.log(error);
// return false;
// });
// }
// function getReminderLimit(){
// axios.get(`${apiPath}${GET_REMINDER_LIMIT}`,
// )
// .then((response) => {
// if (response.status === 200) {
// setReminderLimit(response.data.data);
// }
// })
// .catch(error => {
// console.log(error);
// return false;
// });
// }
// function getReminderLimitMax(){
// axios.get(`${apiPath}${GET_REMINDER_LIMIT_MAX}`,
// )
// .then((response) => {
// if (response.status === 200) {
// setReminderLimitMax(response.data.data);
// }
// })
// .catch(error => {
// console.log(error);
// return false;
// });
// }

useEffect(() => {
if (!isObjEmpty(subDivisionCombo)) {
setOnReady(true);
}
else if(isNewRecord &&
Object.keys(clientDetail).length > 0
){
if(isNewRecord || Object.keys(clientDetail).length > 0) {
setOnReady(true);
}
}, [subDivisionCombo,clientDetail]);
function getApplicationList(){
const byDivision = {
clientId: params.id,
userSubDivisionId: ability.can('VIEW', 'ALL_RECORD') ? null : localStorage.getItem('subDivisionId'),
}
axios.get(`${apiPath}${GET_EVENT_APPLICATION_PATH}`,
{
params: byDivision,
}
)
.then((response) => {
if (response.status === 200) {
setApplicationList(response.data.records);
}
})
.catch(error => {
console.log(error);
return false;
});
}
function getReminderInterval(){
axios.get(`${apiPath}${GET_REMINDER_INTERVAL}`,
)
.then((response) => {
if (response.status === 200) {
setReminderInterval(response.data.data);
}
})
.catch(error => {
console.log(error);
return false;
});
}
}, [isNewRecord, clientDetail]);

// function getApplicationList(){
// const byDivision = {
// clientId: params.id,
// userSubDivisionId: ability.can('VIEW', 'ALL_RECORD') ? null : localStorage.getItem('subDivisionId'),
// }
// axios.get(`${apiPath}${GET_EVENT_APPLICATION_PATH}`,
// {
// params: byDivision,
// }
// )
// .then((response) => {
// if (response.status === 200) {
// setApplicationList(response.data.records);
// }
// })
// .catch(error => {
// console.log(error);
// return false;
// });
// }
// function getReminderInterval(){
// axios.get(`${apiPath}${GET_REMINDER_INTERVAL}`,
// )
// .then((response) => {
// if (response.status === 200) {
// setReminderInterval(response.data.data);
// }
// })
// .catch(error => {
// console.log(error);
// return false;
// });
// }

function getClientDetail(clientId) {
axios.get(`${apiPath}${GET_CLIENT_PATH}/${clientId}`,
@@ -167,7 +163,7 @@ const ClientPanel = () => {
.then((response) => {
if (response.status === 200) {
setClientDetail(response.data.data);
setRefSubDivisionList(response.data.clientDivision);
// setRefSubDivisionList(response.data.clientDivision);
}
})
.catch(error => {
@@ -176,19 +172,19 @@ const ClientPanel = () => {
});
}

function getGroupList() {
axios.get(`${apiPath}${GET_SUB_DIVISION_COMBO_LIST}`,
)
.then((response) => {
if (response.status === 200) {
setSubDivisionCombo(response.data.records);
}
})
.catch(error => {
console.log(error);
return false;
});
}
// function getGroupList() {
// axios.get(`${apiPath}${GET_SUB_DIVISION_COMBO_LIST}`,
// )
// .then((response) => {
// if (response.status === 200) {
// setSubDivisionCombo(response.data.records);
// }
// })
// .catch(error => {
// console.log(error);
// return false;
// });
// }

return (
!onReady ?
@@ -209,35 +205,11 @@ const ClientPanel = () => {
{/*row 1*/}
<Grid item xs={12} md={12} lg={12} >
<ClientForm
refReminderInterval={reminderInterval}
refReminderBefore={reminderBefore}
refReminderLimit={reminderLimit}
refReminderLimitMax={reminderLimitMax}
applicationList={applicationList}
getClientDetail={getClientDetail}
refClientDetail={clientDetail}
applicationDetail={applicationDetail}
updateApplicationDetail={updateApplicationDetail}
isNewRecord={isNewRecord}
refSubDivisionList={refSubDivisionList}
/>
</Grid>

{/*row 2*/}
{
params.id > 0 ?
<Grid item xs={12} md={12} lg={12}>
<MainCard
sx={{width:CARD_MAX_WIDTH}}
>
<ThemeProvider theme={LIONER_FORM_THEME}>
<ApplicationTable recordList={applicationList}/>
</ThemeProvider>
</MainCard>
</Grid>
:
undefined
}
</ThemeProvider>
</Grid>



+ 0
- 1
src/pages/client/ClientSearchPage/ClientSearchForm.js Visa fil

@@ -469,7 +469,6 @@ const ClientSearchForm = ({applySearch, setExpanded,expanded}) => {
variant="contained"
color="create"
onClick={createNewClient}
disabled='true'
>
New Client
</Button>


+ 2
- 3
src/pages/client/ClientSearchPage/ClientTable.js Visa fil

@@ -51,7 +51,7 @@ export default function ClientTable({recordList}) {
className="textPrimary"
onClick={handleEditClick(id)}
color="edit"
disabled={'true'}
// disabled={'true'}
// disabled={!ability.can('VIEW','DASHBOARD')}
/>
</ThemeProvider>
@@ -81,7 +81,7 @@ export default function ClientTable({recordList}) {
renderCell: (params) => {
return (
<div style={{display: 'flex', alignItems: 'center', justifyContent: 'center', whiteSpace: 'normal', wordBreak: 'break-word'}}>
({params.row.title}) {params.value}
{params.row.title ? `(${params.row.title})` : ''} {params.value}
</div>
);
}
@@ -94,7 +94,6 @@ export default function ClientTable({recordList}) {
sortComparator: dateComparator,
renderCell: (params) => (
<div>
{/* {formattedDate = date.toLocaleDateString()} */}
{getDateString(params.row.joinDate, 'dd/MM/yyyy')}
</div>
),


+ 2
- 2
src/pages/client/ClientSearchPage/index.js Visa fil

@@ -78,8 +78,8 @@ const ClientSearchPage = () => {
// }, []);

function applySearch(input) {
console.log("SearchCriteria:")
console.log(input)
// console.log("SearchCriteria:")
// console.log(input)
setSearchCriteria(input);
}



+ 17
- 8
src/utils/CommonFunction.js Visa fil

@@ -261,11 +261,11 @@ export function removeObjectWithId(arr, id) {
/**
* Display the date array in string format, default format is 'yyyy-MM-dd'.
*
* @param {*} queryDateArray - The date array to display.
* @param {*} dateInput - The date value to be displayed, can be array or timestamp.
* @param {*} [formatOption] - Set to True to display also the timestamp, or input custom format text.
*/
export function getDateString(queryDateArray, formatOption=false) {
if (queryDateArray === null || queryDateArray === undefined) {
export function getDateString(dateInput, formatOption=false) {
if (dateInput === null || dateInput === undefined) {
return null;
}

@@ -276,17 +276,26 @@ export function getDateString(queryDateArray, formatOption=false) {
dateFormat = formatOption;
}

return format(
new Date(
let inputType = 0; // Array
if (!Array.isArray(dateInput)) {
inputType = 1;
}

let date = new Date();
if (inputType == 0) {
let queryDateArray = dateInput;
date = new Date(
queryDateArray[0],
queryDateArray[1]-1,
queryDateArray[2],
queryDateArray[3] !== undefined ? queryDateArray[3] : 0,
queryDateArray[4] !== undefined ? queryDateArray[4] : 0,
queryDateArray[5] !== undefined ? queryDateArray[5] : 0
),
dateFormat
);
);
} else {
date = new Date(dateInput);
}
return format(date, dateFormat);
}

export const isOptionEqualToValue = (option, value) => {


Skriv Förhandsgranska
Laddar…
Avbryt
Spara