feat(viewpatients): add a new field 'index', paging in next direction

New 'index' field is a combination of 'fullName' and 'code' so that uniqueness is guaranteed and
paging logic can relay on this field. A new field in PageRequest to store a reference field for
getting next page.

feat #1969, feat #1967

src/clients/db/PageRequest.ts

@@ -1,8 +1,12 @@
 export default interface PageRequest {
   number: number | undefined
   size: number | undefined
+  nextPageInfo: { [key: string]: string | null } | undefined
+  direction: 'previous' | 'next' | null
 }
 export const UnpagedRequest: PageRequest = {
   number: undefined,
   size: undefined,
+  nextPageInfo: undefined,
+  direction: null,
 }

src/clients/db/PatientRepository.ts

@@ -15,7 +15,7 @@ export class PatientRepository extends Repository<Patient> {
   constructor() {
     super(patients)
     patients.createIndex({
-      index: { fields: ['fullName', 'code'] },
+      index: { fields: ['index'] },
     })
   }
 
@@ -86,6 +86,7 @@ export class PatientRepository extends Repository<Patient> {
   async save(entity: Patient): Promise<Patient> {
     const patientCode = getPatientCode()
     entity.code = patientCode
+    entity.index = (entity.fullName ? entity.fullName : '') + patientCode
     return super.save(entity)
   }
 }

src/clients/db/Repository.ts

@@ -47,27 +47,59 @@ export default class Repository<T extends AbstractDBModel> {
     const selector: any = {
       _id: { $gt: null },
     }
-
-    sort.sorts.forEach((s) => {
-      selector[s.field] = { $gt: null }
-    })
+    if (pageRequest.direction === 'next') {
+      sort.sorts.forEach((s) => {
+        selector[s.field] = {
+          $gte:
+            pageRequest.nextPageInfo && pageRequest.nextPageInfo[s.field]
+              ? pageRequest.nextPageInfo[s.field]
+              : null,
+        }
+      })
+    } else if (pageRequest.direction === 'previous') {
+      sort.sorts.forEach((s) => {
+        s.direction = s.direction === 'asc' ? 'desc' : 'asc'
+        selector[s.field] = {
+          $lte:
+            pageRequest.nextPageInfo && pageRequest.nextPageInfo[s.field]
+              ? pageRequest.nextPageInfo[s.field]
+              : null,
+        }
+      })
+    }
 
     const result = await this.db.find({
       selector,
       sort: sort.sorts.length > 0 ? sort.sorts.map((s) => ({ [s.field]: s.direction })) : undefined,
-      limit: pageRequest.size,
-      skip:
-        pageRequest.number && pageRequest.size ? (pageRequest.number - 1) * pageRequest.size : 0,
+      limit: pageRequest.size ? pageRequest.size + 1 : undefined,
+      skip: pageRequest.direction === 'previous' ? pageRequest.size : undefined,
     })
     const mappedResult = result.docs.map(mapDocument)
 
+    if (pageRequest.direction === 'previous') {
+      mappedResult.reverse()
+    }
+    const nextPageInfo: { [key: string]: string } = {}
+
+    if (mappedResult.length > 0) {
+      sort.sorts.forEach((s) => {
+        nextPageInfo[s.field] = mappedResult[mappedResult.length - 1][s.field]
+      })
+    }
+
     const pagedResult: Page<T> = {
-      content: mappedResult,
-      hasNext: pageRequest.size !== undefined && mappedResult.length === pageRequest.size,
-      hasPrevious: pageRequest.number !== undefined && pageRequest.number > 1,
+      content:
+        pageRequest.size !== undefined && mappedResult.length === pageRequest.size + 1
+          ? mappedResult.slice(0, mappedResult.length - 1)
+          : mappedResult,
+      hasNext: pageRequest.size !== undefined && mappedResult.length === pageRequest.size + 1,
+      // hasPrevious: pageRequest.number !== undefined && pageRequest.number > 1,
+      hasPrevious: false,
       pageRequest: {
         size: pageRequest.size,
         number: pageRequest.number,
+        nextPageInfo,
+        direction: null,
       },
     }
     return pagedResult

src/model/Patient.ts

@@ -18,4 +18,5 @@ export default interface Patient extends AbstractDBModel, Name, ContactInformati
   allergies?: Allergy[]
   diagnoses?: Diagnosis[]
   notes?: Note[]
+  index: string
 }

src/patients/edit/EditPatient.tsx

@@ -73,6 +73,8 @@ const EditPatient = () => {
         {
           ...patient,
           fullName: getPatientName(patient.givenName, patient.familyName, patient.suffix),
+          index:
+            getPatientName(patient.givenName, patient.familyName, patient.suffix) + patient.code,
         },
         onSuccessfulSave,
       ),

src/patients/list/ViewPatients.tsx

@@ -28,6 +28,8 @@ const ViewPatients = () => {
   const [userPageRequest, setUserPageRequest] = useState<PageRequest>({
     size: 1,
     number: 1,
+    nextPageInfo: { index: null },
+    direction: 'next',
   })
 
   const setNextPageRequest = () => {
@@ -36,6 +38,8 @@ const ViewPatients = () => {
         const newPageRequest: PageRequest = {
           number: p.number + 1,
           size: p.size,
+          nextPageInfo: patients.pageRequest?.nextPageInfo,
+          direction: 'next',
         }
         return newPageRequest
       }
@@ -49,6 +53,8 @@ const ViewPatients = () => {
         return {
           number: p.number - 1,
           size: p.size,
+          nextPageInfo: patients.pageRequest?.nextPageInfo,
+          direction: 'previous',
         }
       }
       return p
@@ -60,20 +66,14 @@ const ViewPatients = () => {
 
   useEffect(() => {
     const sortRequest: SortRequest = {
-      sorts: [
-        { field: 'fullName', direction: 'asc' },
-        { field: 'code', direction: 'asc' },
-      ],
+      sorts: [{ field: 'index', direction: 'asc' }],
     }
     dispatch(searchPatients(debouncedSearchText, sortRequest, userPageRequest))
   }, [dispatch, debouncedSearchText, userPageRequest])
 
   useEffect(() => {
     const sortRequest: SortRequest = {
-      sorts: [
-        { field: 'fullName', direction: 'asc' },
-        { field: 'code', direction: 'asc' },
-      ],
+      sorts: [{ field: 'index', direction: 'asc' }],
     }
     dispatch(fetchPatients(sortRequest, userPageRequest))