Institute works v2

src/App.jsx

@@ -15,6 +15,7 @@ import InactivityHandler from "./helper/inactivityhandler";
 import Examination from "./Modules/Examination/examination";
 import Database from "./Modules/Database/database";
 import ProgrammeCurriculumRoutes from "./Modules/Program_curriculum/programmCurriculum";
+import InstituteWorks from "./Modules/InstituteWorks";
 import NotFoundPage from "./components/NotFoundPage";
 
 const theme = createTheme({
@@ -82,6 +83,14 @@ export default function App() {
         <Route path="/reset-password" element={<ForgotPassword />} />
         <Route path="/examination/*" element={<Examination />} />
         <Route path="/database/*" element={<Database />} />
+        <Route
+          path="/institute-works"
+          element={
+            <Layout>
+              <InstituteWorks />
+            </Layout>
+          }
+        />
         <Route path="*" element={<NotFoundPage />} />
       </Routes>
     </MantineProvider>

src/Modules/InstituteWorks/AdminApprovalQueueView.jsx

@@ -0,0 +1,150 @@
+import { useEffect, useMemo, useState } from "react";
+import { notifications } from "@mantine/notifications";
+import AdminApprovalQueueTable from "./components/AdminApprovalQueueTable";
+import AdminApprovalActionModal from "./components/AdminApprovalActionModal";
+import {
+  getApiErrorMessage,
+  getDesignations,
+  getEngineerProcessedRequests,
+  submitAdminApproval,
+} from "./api";
+
+const DEAN_HOD_ROLES = [
+  "dean (p&d)",
+  "deanpnd",
+  "dean_s",
+  "dean academic",
+  "dean (r&d)",
+  "dean_rspc",
+  "hod (cse)",
+  "hod (design)",
+  "hod (ece)",
+  "hod (me)",
+  "hod (ns)",
+  "hod (liberal arts)",
+  "hod",
+];
+
+function isDeanHodOption(value) {
+  const designation = String(value || "").split("|", 1)[0].trim().toLowerCase();
+  return DEAN_HOD_ROLES.some((role) => designation.includes(role));
+}
+
+function hasProposal(row) {
+  return row?.estimated_budget != null || row?.estimatedBudget != null;
+}
+
+function AdminApprovalQueueView() {
+  const [rows, setRows] = useState([]);
+  const [designationOptions, setDesignationOptions] = useState([]);
+  const [isLoading, setIsLoading] = useState(false);
+  const [isSaving, setIsSaving] = useState(false);
+  const [opened, setOpened] = useState(false);
+  const [selectedFileId, setSelectedFileId] = useState(null);
+  const [action, setAction] = useState("approve");
+  const [designation, setDesignation] = useState("");
+  const [remarks, setRemarks] = useState("");
+  const [file, setFile] = useState(null);
+
+  const load = async () => {
+    setIsLoading(true);
+    try {
+      const [queueRows, designationsData] = await Promise.all([
+        getEngineerProcessedRequests(),
+        getDesignations(),
+      ]);
+      setRows(queueRows.filter(hasProposal));
+
+      const options = (designationsData?.holdsDesignations || []).map(
+        (item) => ({
+          value: `${item.designation?.name || ""}|${item.username || ""}`,
+          label: `${item.designation?.name || "Unknown"} (${item.username || "-"})`,
+        }),
+      );
+      setDesignationOptions(options.filter((item) => isDeanHodOption(item.value)));
+    } catch (error) {
+      notifications.show({
+        color: "red",
+        message: getApiErrorMessage(error, "Unable to fetch admin queue."),
+      });
+    } finally {
+      setIsLoading(false);
+    }
+  };
+
+  useEffect(() => {
+    load();
+  }, []);
+
+  const ready = useMemo(
+    () => Boolean(selectedFileId && action && designation),
+    [selectedFileId, action, designation],
+  );
+
+  const openActionModal = (fileId) => {
+    setSelectedFileId(fileId);
+    setAction("approve");
+    setDesignation("");
+    setRemarks("");
+    setFile(null);
+    setOpened(true);
+  };
+
+  const submit = async (event) => {
+    event.preventDefault();
+    if (!ready) return;
+
+    setIsSaving(true);
+    try {
+      await submitAdminApproval({
+        fileid: selectedFileId,
+        action,
+        designation,
+        remarks,
+        file,
+      });
+      notifications.show({
+        color: "green",
+        message: "Admin action submitted.",
+      });
+      setOpened(false);
+      await load();
+    } catch (error) {
+      notifications.show({
+        color: "red",
+        message: getApiErrorMessage(error, "Unable to submit admin action."),
+      });
+    } finally {
+      setIsSaving(false);
+    }
+  };
+
+  return (
+    <>
+      <AdminApprovalQueueTable
+        rows={rows}
+        isLoading={isLoading}
+        onRefresh={load}
+        onAction={openActionModal}
+      />
+      <AdminApprovalActionModal
+        opened={opened}
+        onClose={() => setOpened(false)}
+        onSubmit={submit}
+        action={action}
+        setAction={setAction}
+        designationOptions={designationOptions}
+        designation={designation}
+        setDesignation={setDesignation}
+        remarks={remarks}
+        setRemarks={setRemarks}
+        file={file}
+        setFile={setFile}
+        isSaving={isSaving}
+        isReady={ready}
+      />
+    </>
+  );
+}
+
+export default AdminApprovalQueueView;

src/Modules/InstituteWorks/BillAuditView.jsx

@@ -0,0 +1,106 @@
+import { useEffect, useMemo, useState } from "react";
+import { notifications } from "@mantine/notifications";
+import { useSelector } from "react-redux";
+import BillAuditTable from "./components/BillAuditTable";
+import BillAuditModal from "./components/BillAuditModal";
+import {
+  getApiErrorMessage,
+  getAuditDocuments,
+  submitAuditDocument,
+} from "./api";
+
+function BillAuditView() {
+  const role = useSelector((state) => state.user.role);
+  const [rows, setRows] = useState([]);
+  const [isLoading, setIsLoading] = useState(false);
+  const [isSaving, setIsSaving] = useState(false);
+  const [opened, setOpened] = useState(false);
+  const [selectedFileId, setSelectedFileId] = useState(null);
+  const [selectedBill, setSelectedBill] = useState(null);
+  const [remarks, setRemarks] = useState("");
+  const [attachment, setAttachment] = useState(null);
+
+  const load = async () => {
+    setIsLoading(true);
+    try {
+      const auditRows = await getAuditDocuments(role);
+      setRows(auditRows);
+    } catch (error) {
+      notifications.show({
+        color: "red",
+        message: getApiErrorMessage(error, "Unable to fetch audit documents."),
+      });
+    } finally {
+      setIsLoading(false);
+    }
+  };
+
+  useEffect(() => {
+    load();
+  }, [role]);
+
+  const ready = useMemo(
+    () => Boolean(selectedFileId),
+    [selectedFileId],
+  );
+
+  const openAudit = (billRow) => {
+    setSelectedFileId(billRow?.file_id || null);
+    setSelectedBill(billRow || null);
+    setRemarks("");
+    setAttachment(null);
+    setOpened(true);
+  };
+
+  const submit = async (event) => {
+    event.preventDefault();
+    if (!ready) return;
+
+    setIsSaving(true);
+    try {
+      await submitAuditDocument({
+        fileid: selectedFileId,
+        remarks,
+        attachment,
+      });
+      notifications.show({
+        color: "green",
+        message: "Bill audited and forwarded.",
+      });
+      setOpened(false);
+      await load();
+    } catch (error) {
+      notifications.show({
+        color: "red",
+        message: getApiErrorMessage(error, "Unable to audit and forward this bill."),
+      });
+    } finally {
+      setIsSaving(false);
+    }
+  };
+
+  return (
+    <>
+      <BillAuditTable
+        rows={rows}
+        isLoading={isLoading}
+        onRefresh={load}
+        onAudit={openAudit}
+      />
+      <BillAuditModal
+        opened={opened}
+        onClose={() => setOpened(false)}
+        onSubmit={submit}
+        selectedBill={selectedBill}
+        remarks={remarks}
+        setRemarks={setRemarks}
+        attachment={attachment}
+        setAttachment={setAttachment}
+        isSaving={isSaving}
+        isReady={ready}
+      />
+    </>
+  );
+}
+
+export default BillAuditView;