sartography
/
spiffworkflow-frontend
mirror of https://github.com/sartography/spiffworkflow-frontend.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

updates for pagination with instance list w/ burnettk

This commit is contained in:
jasquat 2022-06-24 12:12:26 -04:00
parent 188b8f8f5d
commit c85f5c3c66
1 changed files with 23 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
src/routes/ProcessInstanceList.js
View File

@ -35,14 +35,14 @@ export default function ProcessInstanceList() {
"erroring", "erroring",
] ]
const [processStatus, setProcessStatus] = useState(PROCESS_STATUSES[0]); const [processStatus, setProcessStatus] = useState(PROCESS_STATUSES[0]);
const parametersToAlwaysFilterBy = {
'start_from': setStartFrom,
'start_till': setStartTill,
'end_from': setEndFrom, //, convertDateToSeconds(new Date()) - oneMonthInSeconds],
'end_till': setEndTill, //, convertDateToSeconds(new Date()) + oneHourInSeconds],
}
useEffect(() => { useEffect(() => {
const parametersToAlwaysFilterBy = {
'start_from': [setStartFrom, convertDateToSeconds(new Date()) - oneMonthInSeconds],
'start_till': [setStartTill, convertDateToSeconds(new Date()) + oneHourInSeconds],
'end_from': [setEndFrom, convertDateToSeconds(new Date()) - oneMonthInSeconds],
'end_till': [setEndTill, convertDateToSeconds(new Date()) + oneHourInSeconds],
}
getProcessInstances(); getProcessInstances();
function getProcessInstances() { function getProcessInstances() {
@ -51,9 +51,13 @@ export default function ProcessInstanceList() {
let queryParamString = `per_page=${perPage}&page=${page}`; let queryParamString = `per_page=${perPage}&page=${page}`;
for (const paramName in parametersToAlwaysFilterBy) { for (const paramName in parametersToAlwaysFilterBy) {
const configs = parametersToAlwaysFilterBy[paramName] const functionToCall = parametersToAlwaysFilterBy[paramName]
let functionToCall = configs[0]; let defaultValue = null;
let defaultValue = configs[1]; if (paramName.endsWith("_from")) {
defaultValue = convertDateToSeconds(new Date()) - oneMonthInSeconds;
} else if (paramName.endsWith("_till")) {
defaultValue = convertDateToSeconds(new Date()) + oneHourInSeconds;
}
let searchParamValue = searchParams.get(paramName); let searchParamValue = searchParams.get(paramName);
if (searchParamValue) { if (searchParamValue) {
queryParamString += `&${paramName}=${searchParamValue}`; queryParamString += `&${paramName}=${searchParamValue}`;
@ -167,6 +171,16 @@ export default function ProcessInstanceList() {
) )
}); });
const getSearchParamsAsQueryString = (() => {
let queryParamString = "";
for (const paramName in parametersToAlwaysFilterBy) {
let searchParamValue = searchParams.get(paramName);
if (searchParamValue) {
queryParamString += `&${paramName}=${searchParamValue}`;
}
}
return queryParamString;
});
const filterOptions = (() => { const filterOptions = (() => {
const processStatusesRows = PROCESS_STATUSES.map(processStatusOption => { const processStatusesRows = PROCESS_STATUSES.map(processStatusOption => {
@ -213,18 +227,6 @@ export default function ProcessInstanceList() {
) )
}); });
const getSearchParamsAsQueryString = (() => {
const properties = ["start_from", "start_till", "end_from", "end_till"];
let queryParamString = "";
for (const paramName of properties) {
let searchParamValue = searchParams.get(paramName);
if (searchParamValue) {
queryParamString += `&${paramName}=${searchParamValue}`;
}
}
return queryParamString;
});
if (pagination) { if (pagination) {
const perPage = parseInt(searchParams.get('per_page') || DEFAULT_PER_PAGE); const perPage = parseInt(searchParams.get('per_page') || DEFAULT_PER_PAGE);
const page = parseInt(searchParams.get('page') || DEFAULT_PAGE); const page = parseInt(searchParams.get('page') || DEFAULT_PAGE);