Skip to content

IWD Module Frontend is updated#224

Open
Manijitya30 wants to merge 2 commits into
FusionIIIT:institute-works-v1from
Manijitya30:institute-works-v1
Open

IWD Module Frontend is updated#224
Manijitya30 wants to merge 2 commits into
FusionIIIT:institute-works-v1from
Manijitya30:institute-works-v1

Conversation

@Manijitya30
Copy link
Copy Markdown

IWD Module Frontend Update

Overview

This pull request introduces a complete frontend implementation and UI enhancement for the Institute Works Department (IWD) module. The update focuses on improving workflow management, request tracking, bill processing, proposal handling, vendor management, and user interaction across the module.

Key Frontend Changes

IWD Module Integration

  • Integrated the Institute Works module into the main application routing.
  • Added dedicated navigation and layout support for the IWD workflow.

Reusable UI Components

  • Created reusable common components such as:

    • Section wrappers
    • Module shells
    • Information notices
    • Shared layout utilities

Request Management

  • Added request creation forms with:

    • File upload support
    • Designation-based forwarding
    • Validation handling
  • Added request tracking and request status views.

Approval & Workflow Modals

Implemented multiple workflow action modals for:

  • IWD Admin approval
  • Dean processing
  • Director approval
  • Request forwarding
  • Bill auditing
  • Bill processing
  • Work order issuance

Proposal & Budget Management

  • Added dynamic proposal item management with:

    • Multiple item support
    • Auto budget calculation
    • Supporting document uploads
  • Added budget creation and editing interfaces.

Vendor Management

  • Added vendor management UI for issued works.
  • Added vendor creation and listing functionality.

Bill Processing Workflow

Implemented frontend interfaces for:

  • Bill generation
  • Bill processing
  • Bill auditing
  • Bill settlement tracking

Data Tables & Dashboards

Added multiple responsive tables for:

  • Created requests
  • Approval queues
  • Dean/director queues
  • Budget lists
  • Vendor details
  • Bill processing
  • Request status tracking
  • Work progress monitoring

File Tracking System

  • Added tracking history modal to monitor request/file movement across designations and workflow stages.

UI & Validation Improvements

  • Added PropTypes validation across components.
  • Improved modal structure and form consistency.
  • Improved loading states and empty-state handling.
  • Added reusable table and form patterns for maintainability.

Dependency & Tooling Updates

  • Added papaparse dependency support.
  • Updated lint-staged configuration by removing deprecated git add usage.

Result

These frontend changes significantly improve usability, workflow visibility, request processing, and maintainability of the IWD module while providing a structured and scalable user interface for end-to-end Institute Works management.
:::

Copilot AI review requested due to automatic review settings May 8, 2026 06:25
Copy link
Copy Markdown

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

This PR replaces the legacy src/Modules/Iwd frontend with a new src/Modules/InstituteWorks implementation, adds a centralized IWD API route map under src/routes/instituteWorksRoutes, and wires the module into the app navigation/build tooling.

Changes:

  • Added a new Institute Works (IWD) module with view pages, reusable tables, and modal-based workflows (requests, approvals, proposals, budgets, vendors, bills).
  • Centralized IWD API endpoints in src/routes/instituteWorksRoutes and introduced API helpers under the new module.
  • Updated app integration (App route + sidebar link) and tooling (papaparse, lint-staged change).

Reviewed changes

Copilot reviewed 105 out of 105 changed files in this pull request and generated 10 comments.

Show a summary per file
File Description
src/routes/instituteWorksRoutes/index.jsx Adds centralized endpoint constants for the IWD module APIs.
src/routes/globalRoutes/index.jsx Removes unused/reset-password route constants from global routes.
src/Modules/Iwd/routes/iwdRoutes.jsx Removes legacy IWD route map (replaced by instituteWorksRoutes).
src/Modules/Iwd/iwd.module.css Removes legacy IWD CSS module (legacy UI removed).
src/Modules/Iwd/index.jsx Removes legacy IWD page container and tab UI.
src/Modules/Iwd/helper/WorkContext.jsx Removes legacy work context provider (legacy module removed).
src/Modules/Iwd/helper/roleBasedFilter.jsx Removes legacy tab filtering logic (replaced by new module).
src/Modules/Iwd/helper/designationContext.jsx Removes legacy designations context/fetching (replaced by new API layer).
src/Modules/Iwd/helper/ConfirmationModal.jsx Removes legacy confirmation modal (new UI uses different modals).
src/Modules/Iwd/components/WorkDetails.jsx Removes legacy work details view.
src/Modules/Iwd/components/viewSelectedProposal.jsx Removes legacy proposal item viewer.
src/Modules/Iwd/components/viewproposals.jsx Removes legacy proposal table flow.
src/Modules/Iwd/components/ViewBudget.jsx Removes legacy budget viewer.
src/Modules/Iwd/components/SettleBills.jsx Removes legacy settle bills placeholder UI.
src/Modules/Iwd/components/RequestsInProgress.jsx Removes legacy requests-in-progress UI.
src/Modules/Iwd/components/RejectedRequest.jsx Removes legacy rejected requests update flow.
src/Modules/Iwd/components/ManageBudget.jsx Removes legacy budget management UI.
src/Modules/Iwd/components/managebills/Vendors.jsx Removes legacy vendor management UI.
src/Modules/Iwd/components/managebills/Report.jsx Removes legacy report placeholder.
src/Modules/Iwd/components/managebills/index.jsx Removes legacy manage-bills page container.
src/Modules/Iwd/components/managebills/Bills.jsx Removes legacy bills placeholder.
src/Modules/Iwd/components/managebills/addvendor/AddVendor.jsx Removes legacy add-vendor form.
src/Modules/Iwd/components/IssueWorkOrderForm.jsx Removes legacy issue work-order form.
src/Modules/Iwd/components/IssueWorkOrder.jsx Removes legacy issue work-order view.
src/Modules/Iwd/components/GlobTable.css Removes legacy global table CSS for IWD module.
src/Modules/Iwd/components/FinalBillRequest.jsx Removes legacy final bill request placeholder.
src/Modules/Iwd/components/FileActions/ProcessBill.jsx Removes legacy file action UI (bill processing).
src/Modules/Iwd/components/FileActions/ForwardFile.jsx Removes legacy file forwarding UI.
src/Modules/Iwd/components/FileActions/DirectorApproval.jsx Removes legacy director approval UI.
src/Modules/Iwd/components/FileActions/DeanProcess.jsx Removes legacy dean processing UI.
src/Modules/Iwd/components/FileActions/AdminApproval.jsx Removes legacy admin approval UI.
src/Modules/Iwd/components/EngineerIssueWorkOrder.module.css Removes legacy engineer work-order CSS.
src/Modules/Iwd/components/EditBudgetForm.jsx Removes legacy budget edit/add form.
src/Modules/Iwd/components/CreateRequestForm.jsx Removes legacy create request form.
src/Modules/Iwd/components/CreatedRequests.jsx Removes legacy created requests view.
src/Modules/Iwd/components/BreadCrumbs.jsx Removes legacy breadcrumbs component for IWD.
src/Modules/Iwd/components/AuditDocument.jsx Removes legacy audit documents view.
src/Modules/Iwd/components/ApproveRejectRequest.jsx Removes legacy approve/reject request view.
src/Modules/InstituteWorks/pages/WorkProgressView.jsx Adds “Work Under Progress” page that loads work items and marks completion.
src/Modules/InstituteWorks/pages/VendorManagementView.jsx Adds vendor management page (load issued work, list/add vendors).
src/Modules/InstituteWorks/pages/RequestsStatusView.jsx Adds request status page backed by new API service.
src/Modules/InstituteWorks/pages/RequestsInProgressView.jsx Adds proposal status page backed by proposals API.
src/Modules/InstituteWorks/pages/RejectedRequestsView.jsx Adds rejected requests resubmission flow with proposal item editing.
src/Modules/InstituteWorks/pages/ProposalBuilderView.jsx Adds proposal builder flow for creating proposals with items and documents.
src/Modules/InstituteWorks/pages/DirectorApprovedView.jsx Adds director-approved queue + issue work-order modal flow.
src/Modules/InstituteWorks/pages/DeanProcessingQueueView.jsx Adds dean processing queue + forward modal flow.
src/Modules/InstituteWorks/pages/DeanDirectorQueueView.jsx Adds dean-processed queue + director approve/reject modal flow.
src/Modules/InstituteWorks/pages/CreateRequestView.jsx Adds request creation orchestration (designations loading + submit).
src/Modules/InstituteWorks/pages/CreatedRequestsView.jsx Adds created-requests view + forwarding/tracking modal wiring.
src/Modules/InstituteWorks/pages/BudgetManagementView.jsx Adds budget list/add/edit flow.
src/Modules/InstituteWorks/pages/BillSettlementView.jsx Adds bill settlement list + settle action flow.
src/Modules/InstituteWorks/pages/BillProcessingView.jsx Adds generated-bills processing flow + forward modal.
src/Modules/InstituteWorks/pages/BillGenerationView.jsx Adds bill generation queue + mark-generated action.
src/Modules/InstituteWorks/pages/BillAuditView.jsx Adds audit queue + audit/forward modal flow.
src/Modules/InstituteWorks/components/tables/WorkProgressTable.jsx Adds table UI for work-under-progress list and completion action.
src/Modules/InstituteWorks/components/tables/RequestsStatusTable.jsx Adds table UI for end-to-end request status + SLA deadline formatting.
src/Modules/InstituteWorks/components/tables/RequestsInProgressTable.jsx Adds table UI for proposal status list.
src/Modules/InstituteWorks/components/tables/RejectedRequestsTable.jsx Adds table UI for rejected requests and resubmission action.
src/Modules/InstituteWorks/components/tables/ProposalRequestsTable.jsx Adds table UI for “create proposal” entry list.
src/Modules/InstituteWorks/components/tables/DirectorApprovedTable.jsx Adds table UI for director-approved queue and issue action.
src/Modules/InstituteWorks/components/tables/DeanProcessingQueueTable.jsx Adds table UI for dean processing queue and forward action.
src/Modules/InstituteWorks/components/tables/DeanDirectorQueueTable.jsx Adds table UI for dean-processed queue and decision action.
src/Modules/InstituteWorks/components/tables/CreatedRequestsTable.jsx Adds table UI for created requests (status columns + file id).
src/Modules/InstituteWorks/components/tables/BudgetListTable.jsx Adds table UI for budgets and edit trigger.
src/Modules/InstituteWorks/components/tables/BillSettlementTable.jsx Adds table UI for bill settlement and settle action.
src/Modules/InstituteWorks/components/tables/BillProcessingTable.jsx Adds table UI for generated bills + PDF link + process action.
src/Modules/InstituteWorks/components/tables/BillGenerationTable.jsx Adds table UI for bill generation queue and mark-generated action.
src/Modules/InstituteWorks/components/tables/BillAuditTable.jsx Adds table UI for audit documents and audit/forward trigger.
src/Modules/InstituteWorks/components/tables/AdminApprovalQueueTable.jsx Adds table UI for engineer-processed/admin-queue actions.
src/Modules/InstituteWorks/components/forms/VendorFormModal.jsx Adds modal form for vendor creation.
src/Modules/InstituteWorks/components/forms/TrackingHistoryModal.jsx Adds modal UI for file tracking history viewing.
src/Modules/InstituteWorks/components/forms/RequestForm.jsx Adds reusable request creation form component.
src/Modules/InstituteWorks/components/forms/ProposalItemsModal.jsx Adds modal for proposal item entry + document upload + budget calc.
src/Modules/InstituteWorks/components/forms/IssueWorkOrderModal.jsx Adds modal for issuing work orders with date inputs.
src/Modules/InstituteWorks/components/forms/ForwardRequestModal.jsx Adds forwarding modal with designation/remarks/attachment.
src/Modules/InstituteWorks/components/forms/DeanProcessingActionModal.jsx Adds modal to process & forward by dean.
src/Modules/InstituteWorks/components/forms/DeanDirectorActionModal.jsx Adds modal for director approve/reject + forwarding.
src/Modules/InstituteWorks/components/forms/BudgetEditForm.jsx Adds inline budget edit form component.
src/Modules/InstituteWorks/components/forms/BudgetAddForm.jsx Adds inline budget add form component.
src/Modules/InstituteWorks/components/forms/BillProcessingModal.jsx Adds bill processing modal (forwarding + attachment + vendor id).
src/Modules/InstituteWorks/components/forms/BillAuditModal.jsx Adds bill audit modal (forwarding + optional attachment).
src/Modules/InstituteWorks/components/common/VendorManagementContent.jsx Adds reusable vendor management layout/content component.
src/Modules/InstituteWorks/components/common/SectionStack.jsx Adds simple section wrapper for page layout stacking.
src/Modules/InstituteWorks/components/common/InstituteWorksShell.jsx Adds module shell integrating breadcrumbs + module tabs.
src/Modules/InstituteWorks/components/common/InfoNotice.jsx Adds reusable informational empty/loading notice.
src/components/sidebarContent.jsx Updates sidebar navigation entry for IWD module.
src/App.jsx Registers IWD module route in the main router.
package.json Adds papaparse dependency and updates lint-staged config.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Comment thread src/components/sidebarContent.jsx
Comment thread src/App.jsx
Comment thread src/Modules/InstituteWorks/index.jsx Outdated
Comment thread src/Modules/InstituteWorks/index.jsx Outdated
Comment thread src/Modules/InstituteWorks/components/tables/WorkProgressTable.jsx
Comment thread src/Modules/InstituteWorks/pages/CreatedRequestsView.jsx
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants