Wip : Admin module in progress

TODO.md

@@ -17,6 +17,10 @@
 - In Every OTP page "Resend button" & 5 min timing of expiry.
 - OTP binding with actual mobile number.
 - IN settings page NOTE position Fixing.
+- Admin page 
+    - give rights
+    - view rights (Pending)
+- Forget Password
 
 
 

instruction.md

@@ -81,6 +81,12 @@ scp -P 9022 Smsservice/smsserviceapplication.jar <username>@localhost:/home/<use
 
 # ssh nabanita@localhost -p 9022
 ```
-
+## About Backend
+
+- If user "is_first_login" = true means Users did not login in IB.
+- **ib_access_level** or **mb_access_level**
+  - **0** → Disabled  
+  - **1** → Transaction  
+  - **2** → Read Only
 
 

src/app/_components/statement_download/CsvGenerator.tsx

@@ -14,7 +14,7 @@ export const generateCSV = (
   // CSV Header
   let csv = `Bank Statement\n`;
   csv += `Account No:,${accountNo}\n`;
-  csv += `Available Balance: ${balance}\n`;
+  csv += `Available Balance:,${balance}\n`;
   csv += `Generated:,${new Date().toLocaleString()}\n\n`;
 
   // Column headers

src/app/_components/statement_download/PdfGenerator.tsx

@@ -41,7 +41,7 @@ export const generatePDF = (
   const content = `
     <div style="font-family:Arial, sans-serif;">
       ${headerHTML}
-      <h3>Account Statement</h3>
+      <h3 style ="text-align:center;">Account Statement</h3>
       <p><strong>Account No:</strong> ${accountNo}</p>
       <p><strong>Available Balance:</strong> ₹ ${parseFloat(
     balance

src/app/administrator/home/UserConfiguration.tsx

@@ -1,8 +1,10 @@
 import React, { useState } from 'react';
-import { TextInput, Button, Title, Stack, Radio, Group, Text, Divider, LoadingOverlay, Box, Modal, Card, Checkbox } from '@mantine/core';
+import { TextInput, Button, Title, Stack, Group, Text, Divider, LoadingOverlay, Box, Modal, Checkbox } from '@mantine/core';
 import { notifications } from '@mantine/notifications';
+import { useRouter } from "next/navigation";
 
 export default function UserConfiguration() {
+  const router = useRouter();
   const [CIF, setCIF] = useState('');
   const [userDetails, setUserDetails] = useState<any>(null);
   const [loading, setLoading] = useState(false);
@@ -12,9 +14,9 @@ export default function UserConfiguration() {
   const [showPreviewModal, setShowPreviewModal] = useState(false);
   const [confirmedPreview, setConfirmedPreview] = useState(false);
   const [ibEnabled, setIbEnabled] = useState(false);
-  const [ibAccess, setIbAccess] = useState<"read" | "transaction" | "">("");
+  const [ibAccess, setIbAccess] = useState<"2" | "1" | "">("");
   const [mbEnabled, setMbEnabled] = useState(false);
-  const [mbAccess, setMbAccess] = useState<"read" | "transaction" | "">("");
+  const [mbAccess, setMbAccess] = useState<"2" | "1" | "">("");
   const isValidated = !!userDetails;
   const canSubmit = isValidated && !!savingsAccount && confirmedPreview;
 
@@ -60,6 +62,10 @@ export default function UserConfiguration() {
           address: user.custaddress,
           activeAccount: user.activeAccounts,
         });
+        if (!user.mobileno) {
+          localStorage.setItem("user_mob_no", user.mobileno);
+          setAccountError('User not have any registered Mobile Number');
+        }
       } else {
         throw new Error('User not found or data format incorrect');
       }
@@ -74,7 +80,31 @@ export default function UserConfiguration() {
     }
   };
 
-  const handleSubmit = () => {
+  const handlePreview = () => {
+    const hasRight = ibAccess || mbAccess;
+    const hasSavings = savingsAccount;
+
+    if (!hasRight) {
+      notifications.show({
+        title: "Rights Required",
+        message: "Please select at least one rights (Internet Banking or Mobile Banking).",
+        color: "red",
+      });
+      return;
+    }
+
+    if (!hasSavings) {
+      notifications.show({
+        title: "Savings Account Required",
+        message: "User must have at least one Savings account.",
+        color: "red",
+      });
+      return;
+    }
+    setShowPreviewModal(true);
+  };
+
+  const handleSubmit = async () => {
     if (!canSubmit) {
       notifications.show({
         color: 'red',
@@ -84,26 +114,113 @@ export default function UserConfiguration() {
       return;
     }
     else {
-      const rightsData = {
+      try {
-        CIF,
+        const token = localStorage.getItem("admin_access_token");
-      };
+        const response = await fetch('/api/auth/admin/user/rights', {
-      console.log('Submitting rights:', rightsData);
+          method: 'POST',
+          headers: {
+            'Content-Type': 'application/json',
+            'Authorization': `Bearer ${token}`
+          },
+          body: JSON.stringify({
+            CIF: CIF,
+            ib_access_level: ibAccess,
+            mb_access_level: mbAccess
+          }),
+        });
+        const data = await response.json();
+        if (response.ok) {
+          if (data?.otp) {
+            const otp = data.otp;
+            try {
+              const otp_response = await fetch('/api/otp/send', {
+                method: 'POST',
+                headers: {
+                  'Content-Type': 'application/json',
+                },
+                body: JSON.stringify({
+                  mobileNumber: localStorage.getItem("user_mob_no"),
+                  type: "REGISTRATION",
+                  userOtp: otp
+                }),
+              });
+              // const otp_result = await otp_response.json();
+              if (otp_response.ok) {
                 notifications.show({
                   color: 'blue',
                   title: 'Submitted',
-        message: `User -${CIF} rights submitted successfully.`,
+                  message: `User ${CIF} rights submitted successfully. The password has been sent to the user as an OTP.`,
                 });
               }
+            }
+            catch (err: any) {
+              notifications.show({
+                color: 'red',
+                title: 'Failed to Send',
+                message: `Rights for User ${CIF} saved successfully. Message delivery failed.`,
+                autoClose: false,
+              });
+            }
+          }
+          if(data?.message){
+            try {
+              const otp_response = await fetch('/api/otp/send', {
+                method: 'POST',
+                headers: {
+                  'Content-Type': 'application/json',
+                },
+                body: JSON.stringify({
+                  mobileNumber: localStorage.getItem("user_mob_no"),
+                  type: "RIGHT_UPDATE",
+                }),
+              });
+              if (otp_response.ok) {
+                notifications.show({
+                  color: 'blue',
+                  title: 'Submitted',
+                  message: `User ${CIF} rights updated successfully. The confirmation has been sent to the user.`,
+                });
+              }
+            }
+            catch (err: any) {
+              notifications.show({
+                color: 'red',
+                title: 'Failed to Send',
+                message: `Rights for User ${CIF} saved successfully. Message delivery failed.`,
+                autoClose: false,
+              });
+            }
+          }
+        }
+        else if (response.status === 401 || data.message === 'invalid or expired token') {
+          localStorage.removeItem("admin_access_token");
+          localStorage.clear();
+          sessionStorage.clear();
+          router.push('/administrator/login');
+        }
+      }
+      catch (err: any) {
+        notifications.show({
+          color: 'red',
+          title: 'Failed -Right',
+          message: `Can not Processed user -${CIF} rights.`,
+          autoClose: false,
+        });
+
+      }
+      finally {
         setSavingsAccount(null);
         setUserDetails(null);
         setCIF('');
+        setConfirmedPreview(false);
+      }
     };
-
+  }
   const handleMainAction = () => {
     if (!isValidated) {
       handleValidate();
     } else if (!confirmedPreview) {
-      setShowPreviewModal(true);
+      handlePreview();
     } else if (isValidated && confirmedPreview) {
       handleSubmit();
     }
@@ -176,6 +293,7 @@ export default function UserConfiguration() {
               </Box>
               <Box w={100}>
                 <Checkbox
+                  disabled={isValidated && confirmedPreview}
                   checked={ibEnabled}
                   onChange={(e) => {
                     setIbEnabled(e.currentTarget.checked);
@@ -185,16 +303,16 @@ export default function UserConfiguration() {
               </Box>
               <Box w={120}>
                 <Checkbox
-                  disabled={!ibEnabled}
+                  disabled={!ibEnabled || isValidated && confirmedPreview}
-                  checked={ibAccess === "transaction"}
+                  checked={ibAccess === "1"}
-                  onChange={() => setIbAccess("transaction")}
+                  onChange={() => setIbAccess("1")}
                 />
               </Box>
               <Box w={100}>
                 <Checkbox
-                  disabled={!ibEnabled}
+                  disabled={!ibEnabled || isValidated && confirmedPreview}
-                  checked={ibAccess === "read"}
+                  checked={ibAccess === "2"}
-                  onChange={() => setIbAccess("read")}
+                  onChange={() => setIbAccess("2")}
                 />
               </Box>
             </Group>
@@ -206,6 +324,7 @@ export default function UserConfiguration() {
               </Box>
               <Box w={100}>
                 <Checkbox
+                  disabled={isValidated && confirmedPreview}
                   checked={mbEnabled}
                   onChange={(e) => {
                     setMbEnabled(e.currentTarget.checked);
@@ -215,16 +334,16 @@ export default function UserConfiguration() {
               </Box>
               <Box w={120}>
                 <Checkbox
-                  disabled={!mbEnabled}
+                  disabled={!mbEnabled || isValidated && confirmedPreview}
-                  checked={mbAccess === "transaction"}
+                  checked={mbAccess === "1"}
-                  onChange={() => setMbAccess("transaction")}
+                  onChange={() => setMbAccess("1")}
                 />
               </Box>
               <Box w={100}>
                 <Checkbox
-                  disabled={!mbEnabled}
+                  disabled={!mbEnabled || isValidated && confirmedPreview}
-                  checked={mbAccess === "read"}
+                  checked={mbAccess === "2"}
-                  onChange={() => setMbAccess("read")}
+                  onChange={() => setMbAccess("2")}
                 />
               </Box>
             </Group>
@@ -247,7 +366,34 @@ export default function UserConfiguration() {
         centered
       >
         <Stack>
-          <TextInput label="CIF" value={CIF} readOnly disabled />
+          <Text><strong>CIF:</strong> {CIF}</Text>
+          <Text><strong>Savings Account:</strong> {savingsAccount}</Text>
+          <Text><strong>Mobile Number:</strong> {userDetails?.mobile ?? "N/A"}</Text>
+          <Divider label='Rights' size="xs" />
+          <TextInput
+            label="Internet Banking"
+            value={
+              ibAccess === "1"
+                ? "Transaction"
+                : ibAccess === "2"
+                  ? "Read"
+                  : "No Rights"
+            }
+            readOnly
+            disabled
+          />
+          <TextInput
+            label="Mobile Banking"
+            value={
+              mbAccess === "1"
+                ? "Transaction"
+                : mbAccess === "2"
+                  ? "Read"
+                  : "No Rights"
+            }
+            readOnly
+            disabled
+          />
         </Stack>
         <Group p="right" mt="md">
           <Button variant="default" onClick={() => setShowPreviewModal(false)}>Cancel</Button>

src/app/administrator/home/page.tsx

@@ -6,7 +6,7 @@ import { Providers } from "@/app/providers";
 import { useRouter } from "next/navigation";
 import NextImage from "next/image";
 import logo from '@/app/image/logo1.jpg';
-import { IconLogout, IconPhoneFilled, IconUsers, IconUserScreen } from "@tabler/icons-react";
+import { IconEye, IconLogout, IconPhoneFilled, IconUsers, IconUserScreen } from "@tabler/icons-react";
 import UserConfiguration from "./UserConfiguration";
 
 export default function Login() {
@@ -19,6 +19,8 @@ export default function Login() {
     async function handleLogout(e: React.FormEvent) {
         e.preventDefault();
         localStorage.removeItem("admin_access_token");
+        localStorage.clear();
+        sessionStorage.clear();
         router.push("/administrator/login");
     }
     async function handleFetchUserDetails(e: React.FormEvent) {
@@ -82,7 +84,7 @@ export default function Login() {
     if (authorized) {
         return (
             <Providers>
-                <div style={{ backgroundColor: "#f8f9fa", width: "100%", height: "100%",}}>
+                <div style={{ backgroundColor: "#f8f9fa", width: "100%", height: "100%", }}>
                     {/* Header */}
                     <Box
                         style={{
@@ -127,11 +129,11 @@ export default function Login() {
                         </Text>
                     </Box>
                     {/* layout and */}
-                    <Box style={{ display: 'flex', height: '88vh' }}>
+                    <Box style={{ display: 'flex', height: '90vh' }}>
                         {/* Sidebar manually placed under header */}
                         <Box
                             style={{
-                                width: 220,
+                                width: 250,
                                 background: "#ebf5f5ff",
                                 // background: "linear-gradient(90deg,rgba(42, 123, 155, 1) 0%, rgba(87, 199, 133, 1) 30%)",
                                 padding: '1rem',
@@ -142,19 +144,19 @@ export default function Login() {
                             <Divider my="xs" label="Menu" labelPosition="center" />
                             <Stack>
                                 <Text td="underline" variant="light" style={{ cursor: 'pointer' }} onClick={() => handleClick('UserConf')}>
-                                    <IconUsers /> User Configuration
+                                    <IconUsers size ="15"/> User Configuration
                                 </Text>
                                 <Text td="underline" variant="light" style={{ cursor: 'pointer' }} onClick={() => handleClick('ViewUser')}>
-                                    <IconUserScreen /> View Users
+                                    <IconEye size ="15"/> View User Configuration
                                 </Text>
                                 <Text td="underline" variant="light" style={{ cursor: 'pointer' }} onClick={handleLogout}>
-                                    <IconLogout /> Logout
+                                    <IconLogout size ="15"/> Logout
                                 </Text>
                             </Stack>
                         </Box>
 
                         {/* Main Content Area */}
-                        <Stack style={{ flex: 1, padding: '1rem' }}>
+                        <Stack style={{ flex: 1, padding: '1rem'}}>
                             <Box>
                                 <Text c="Blue" size="lg" fs='italic'>Welcome ,{name} </Text>
                                 <Text size="xs" c="gray" style={{ fontFamily: "inter", fontSize: '13px' }}>
@@ -163,13 +165,14 @@ export default function Login() {
                             </Box>
                             <Box>
                                 {view === 'userConf' && <UserConfiguration />}
-                                {view === 'view' && <Text size="xl">view</Text>}
+                                {view === 'view' && <Text size="xl">Feature will be available soon ....</Text>}
                                 {!view &&
                                     <Text size="xl">Welcome To The Admin Portal</Text>
                                 }
                             </Box>
                         </Stack>
                     </Box>
+                    <Text size="sm" style={{textAlign:"center"}}>© 2025 The Kangra Central Co-Operative Bank</Text>
                 </div>
             </Providers>
         );

src/app/login/page.tsx

@@ -290,12 +290,12 @@ export default function Login() {
                                         mt="sm"
                                     />
                                     <Box style={{ textAlign: "right" }}>
-                                        <Anchor
+                                        {/* <Anchor
                                             style={{ fontSize: "14px", color: "#1c7ed6", cursor: "pointer" }}
                                             onClick={() => router.push("/ValidateUser")}
                                         >
                                             Forgot Password?
-                                        </Anchor>
+                                        </Anchor> */}
                                     </Box>
                                     <Group mt="sm" align="center">
                                         <Box style={{ backgroundColor: "#fff", fontSize: "18px", textDecoration: "line-through", padding: "4px 8px", fontFamily: "cursive" }}>{captcha}</Box>