added axios verb call function

index.html

@@ -5,7 +5,7 @@
   <meta charset="utf-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1" />
   <meta name="theme-color" content="#000000" />
-  <meta name="description" content="WrenchBoard Agent" />
+  <meta name="description" content="digiFi BackOffice" />
   <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Inter:300,400,500,600,700" />
   <title>digiFi Back Office</title>
   <link rel="shortcut icon" href="media/logos/favicon.ico" />

src/_digifi/layout/MasterLayout.tsx

@@ -34,7 +34,7 @@ const MasterLayout = () => {
 
       {/* begin:: Drawers */}
       <ActivityDrawer />
-      <RightToolbar />
+      {/* <RightToolbar /> */}
       <DrawerMessenger />
       {/* end:: Drawers */}
 

src/_digifi/layout/components/sidebar/sidebar-menu/SidebarMenuMain.tsx

@@ -21,26 +21,26 @@ const SidebarMenuMain = () => {
         </div>
       </div>
       <SidebarMenuItemWithSub
-        to='/crafted/pages'
+        to='/loan/pages'
         title='Process'
         fontIcon='bi-archive'
         icon='element-plus'
       >
-        <SidebarMenuItemWithSub to='/crafted/pages/process' title='Loan' hasBullet={true}>
+        <SidebarMenuItemWithSub to='/loan/pages/process' title='Loan' hasBullet={true}>
-          <SidebarMenuItem to='/crafted/pages/process/started' title='Started' hasBullet={true} />
+          <SidebarMenuItem to='/loan/pages/process/started' title='Started' hasBullet={true} />
-          <SidebarMenuItem to='/crafted/pages/process/pending' title='Pending' hasBullet={true} />
+          <SidebarMenuItem to='/loan/pages/process/pending' title='Pending' hasBullet={true} />
           <SidebarMenuItem
-            to='/crafted/pages/process/ready'
+            to='/loan/pages/process/ready'
             title='Ready'
             hasBullet={true}
           />
           <SidebarMenuItem
-            to='/crafted/pages/process/approved'
+            to='/loan/pages/process/approved'
             title='Approved'
             hasBullet={true}
           />
           <SidebarMenuItem
-            to='/crafted/pages/process/rejected'
+            to='/loan/pages/process/rejected'
             title='Rejected'
             hasBullet={true}
           />

src/_digifi/partials/layout/header-menus/HeaderUserMenu.tsx

@@ -21,7 +21,7 @@ const HeaderUserMenu: FC = () => {
           <div className='d-flex flex-column'>
             <div className='fw-bolder d-flex align-items-center fs-5'>
               {currentUser?.first_name} {currentUser?.first_name}
-              <span className='badge badge-light-success fw-bolder fs-8 px-2 py-1 ms-2'>Pro</span>
+              {/*<span className='badge badge-light-success fw-bolder fs-8 px-2 py-1 ms-2'>Pro</span>*/}
             </div>
             <a href='#' className='fw-bold text-muted text-hover-primary fs-7'>
               {currentUser?.email}

src/app/modules/auth/core/AxiosCallHelper.ts

@@ -0,0 +1,50 @@
+import axios from "axios";
+
+export function postAuxEnd(uri:string, reqData:any):Promise<any> {
+    // const endPoint = process.env.REACT_APP_USERS_ENDPOINT + uri;
+    const formData = new FormData();
+    for (let value in reqData) {
+      formData.append(value, reqData[value]);
+    }
+    return axios.post(uri, reqData)
+        .then((response) => {
+          console.log(response);
+        //   if (response.data.internal_return == "-9999") {
+        //     localStorage.clear();
+        //     window.location.href = `/login?sessionExpired=true`;
+        //   }
+          return response;
+        })
+        .catch((error) => {
+          if (error.response) {
+            //response status is an error code
+            console.log(
+                "ERROR-------------------------------------------------------"
+            );
+            console.log(error.response.status);
+            console.log(
+                "ERROR-------------------------------------------------------"
+            );
+          } else if (error.request) {
+            //response not received though the request was sent
+            console.log(
+                "ERROR2-------------------------------------------------------"
+            );
+            console.log(error?.request);
+            console.log(
+                "ERROR2-------------------------------------------------------"
+            );
+          } else {
+            //an error occurred when setting up the request
+            console.log(
+                "ERROR3-------------------------------------------------------"
+            );
+            console.log(error);
+            console.log(
+                "ERROR3-------------------------------------------------------"
+            );
+          }
+        });
+  }
+
+

src/app/modules/auth/core/_requests.ts

@@ -1,19 +1,29 @@
 import axios from "axios";
 import { AuthModel, UserModel } from "./_models";
 
+import { postAuxEnd } from "./AxiosCallHelper";
+
 const API_URL = import.meta.env.VITE_APP_API_URL;
 
 export const GET_USER_BY_ACCESSTOKEN_URL = `${API_URL}/verify_token`;
 export const LOGIN_URL = `${API_URL}/login`;
+// export const LOGIN_URL = 'https://digifi-apidev.chiefsoft.net/digibko/v1/identity/token'
 export const REGISTER_URL = `${API_URL}/register`;
 export const REQUEST_PASSWORD_URL = `${API_URL}/forgot_password`;
 
-// Server should return AuthModel
+//Function to login user in // Server should return AuthModel
 export function login(email: string, password: string) {
-  return axios.post<AuthModel>(LOGIN_URL, {
+  // return axios.post<AuthModel>(LOGIN_URL, {
-    email,
+  //   email,
-    password,
+  //   password,
-  });
+  // });
+
+  // let formData = new FormData()
+  // formData.append('username', email)
+  // formData.append('pass', password)
+  // return axios.post<AuthModel>(LOGIN_URL, formData);
+
+  return postAuxEnd(LOGIN_URL, {email, password})
 }
 
 // Server should return AuthModel

src/app/modules/process/ProcessHeader.tsx

@@ -147,9 +147,9 @@ const ProcessHeader: FC = () => {
                   <Link
                     className={
                       `nav-link text-active-primary me-6 ` +
-                      (location.pathname === '/crafted/pages/process/started' && 'active')
+                      (location.pathname === '/loan/pages/process/started' && 'active')
                     }
-                    to='/crafted/pages/process/started'
+                    to='/loan/pages/process/started'
                   >
                     Started
                   </Link>
@@ -158,9 +158,9 @@ const ProcessHeader: FC = () => {
                   <Link
                     className={
                       `nav-link text-active-primary me-6 ` +
-                      (location.pathname === '/crafted/pages/process/pending' && 'active')
+                      (location.pathname === '/loan/pages/process/pending' && 'active')
                     }
-                    to='/crafted/pages/process/pending'
+                    to='/loan/pages/process/pending'
                   >
                     Pending
                   </Link>
@@ -169,9 +169,9 @@ const ProcessHeader: FC = () => {
                   <Link
                     className={
                       `nav-link text-active-primary me-6 ` +
-                      (location.pathname === '/crafted/pages/process/ready' && 'active')
+                      (location.pathname === '/loan/pages/process/ready' && 'active')
                     }
-                    to='/crafted/pages/process/ready'
+                    to='/loan/pages/process/ready'
                   >
                     Ready
                   </Link>
@@ -180,9 +180,9 @@ const ProcessHeader: FC = () => {
                   <Link
                     className={
                       `nav-link text-active-primary me-6 ` +
-                      (location.pathname === '/crafted/pages/process/approved' && 'active')
+                      (location.pathname === '/loan/pages/process/approved' && 'active')
                     }
-                    to='/crafted/pages/process/approved'
+                    to='/loan/pages/process/approved'
                   >
                     Approved
                   </Link>
@@ -191,9 +191,9 @@ const ProcessHeader: FC = () => {
                   <Link
                     className={
                       `nav-link text-active-primary me-6 ` +
-                      (location.pathname === '/crafted/pages/process/rejected' && 'active')
+                      (location.pathname === '/loan/pages/process/rejected' && 'active')
                     }
-                    to='/crafted/pages/process/rejected'
+                    to='/loan/pages/process/rejected'
                   >
                     Rejected
                   </Link>

src/app/modules/process/ProcessPage.tsx

@@ -1,16 +1,17 @@
 import {Navigate, Routes, Route, Outlet} from 'react-router-dom'
 import {PageLink, PageTitle} from '../../../_digifi/layout/core'
-import {Overview} from './components/Overview'
+// import {Overview} from './components/Overview'
-import {Projects} from './components/Projects'
+// import {Projects} from './components/Projects'
-import {Campaigns} from './components/Campaigns'
+// import {Campaigns} from './components/Campaigns'
-import {Documents} from './components/Documents'
+// import {Documents} from './components/Documents'
-import {Connections} from './components/Connections'
+// import {Connections} from './components/Connections'
-import {ProcessHeader} from './ProcessHeader'
+// import {ProcessHeader} from './ProcessHeader'
+import { StartedUserList } from './components/StartedUserList'
 
 const processBreadCrumbs: Array<PageLink> = [
   {
     title: 'Loan',
-    path: '/crafted/pages/process/started',
+    path: '/loan/pages/process/started',
     isSeparator: false,
     isActive: false,
   },
@@ -27,7 +28,7 @@ const ProcessPage = () => (
     <Route
       element={
         <>
-          <ProcessHeader />
+          {/* <ProcessHeader /> */}
           <Outlet />
         </>
       }
@@ -37,7 +38,7 @@ const ProcessPage = () => (
         element={
           <>
             <PageTitle breadcrumbs={processBreadCrumbs}>Started</PageTitle>
-            <Overview />
+            <StartedUserList />
           </>
         }
       />
@@ -46,7 +47,7 @@ const ProcessPage = () => (
         element={
           <>
             <PageTitle breadcrumbs={processBreadCrumbs}>Pending</PageTitle>
-            <Projects />
+            <StartedUserList />
           </>
         }
       />
@@ -55,7 +56,7 @@ const ProcessPage = () => (
         element={
           <>
             <PageTitle breadcrumbs={processBreadCrumbs}>Ready</PageTitle>
-            <Campaigns />
+            <StartedUserList />
           </>
         }
       />
@@ -64,7 +65,7 @@ const ProcessPage = () => (
         element={
           <>
             <PageTitle breadcrumbs={processBreadCrumbs}>Approved</PageTitle>
-            <Documents />
+            <StartedUserList />
           </>
         }
       />
@@ -73,11 +74,11 @@ const ProcessPage = () => (
         element={
           <>
             <PageTitle breadcrumbs={processBreadCrumbs}>Rejected</PageTitle>
-            <Connections />
+            <StartedUserList />
           </>
         }
       />
-      <Route index element={<Navigate to='/crafted/pages/profile/started' />} />
+      <Route index element={<Navigate to='/loan/pages/profile/started' />} />
     </Route>
   </Routes>
 )

src/app/modules/process/components/StartedUserList.tsx

@@ -0,0 +1,37 @@
+import { KTCard } from "../../../../_digifi/helpers"
+import { Content } from "../../../../_digifi/layout/components/content"
+import { ToolbarWrapper } from "../../../../_digifi/layout/components/toolbar"
+import { UsersListHeader } from "../../apps/user-management/users-list/components/header/UsersListHeader"
+import { ListViewProvider, useListView } from "../../apps/user-management/users-list/core/ListViewProvider"
+import { QueryRequestProvider } from "../../apps/user-management/users-list/core/QueryRequestProvider"
+import { QueryResponseProvider } from "../../apps/user-management/users-list/core/QueryResponseProvider"
+import { UsersTable } from "../../apps/user-management/users-list/table/UsersTable"
+import { UserEditModal } from "../../apps/user-management/users-list/user-edit-modal/UserEditModal"
+
+const UsersList = () => {
+  const {itemIdForUpdate} = useListView()
+  return (
+    <>
+      <KTCard>
+        <UsersListHeader />
+        <UsersTable />
+      </KTCard>
+      {itemIdForUpdate !== undefined && <UserEditModal />}
+    </>
+  )
+}
+
+const StartedUserList = () => (
+  <QueryRequestProvider>
+    <QueryResponseProvider>
+      <ListViewProvider>
+        <ToolbarWrapper />
+        <Content>
+          <UsersList />
+        </Content>
+      </ListViewProvider>
+    </QueryResponseProvider>
+  </QueryRequestProvider>
+)
+
+export {StartedUserList}

src/app/routing/PrivateRoutes.tsx

@@ -27,7 +27,7 @@ const PrivateRoutes = () => {
         <Route path='menu-test' element={<MenuTestPage />} />
         {/* Lazy Modules */}
         <Route
-          path='crafted/pages/process/*'
+          path='loan/pages/process/*'
           element={
             <SuspensedView>
               <ProcessPage />