From 98fcbd93a0832175c71c050cbce5cd747d8cd4f1 Mon Sep 17 00:00:00 2001 From: Patrick Alvin Alcala Date: Mon, 6 Oct 2025 19:01:28 +0800 Subject: [PATCH] Added assesors page --- src/pages/AssessorPage/Assessor.sass | 1 + src/pages/AssessorPage/Assessor.tsx | 204 +++++++++++++++++++++++++++ src/routes.tsx | 4 + 3 files changed, 209 insertions(+) create mode 100644 src/pages/AssessorPage/Assessor.sass create mode 100644 src/pages/AssessorPage/Assessor.tsx diff --git a/src/pages/AssessorPage/Assessor.sass b/src/pages/AssessorPage/Assessor.sass new file mode 100644 index 0000000..1e0b5bc --- /dev/null +++ b/src/pages/AssessorPage/Assessor.sass @@ -0,0 +1 @@ +@use '/src/styles/classes.sass' diff --git a/src/pages/AssessorPage/Assessor.tsx b/src/pages/AssessorPage/Assessor.tsx new file mode 100644 index 0000000..be4b469 --- /dev/null +++ b/src/pages/AssessorPage/Assessor.tsx @@ -0,0 +1,204 @@ +import './Assessor.sass' +import { Logo, Link, Page, Row, Padding, ModalButton, Box, Button, Modal, Column } from '../../components' +import { FiLogOut } from 'solid-icons/fi' +import { Tabs } from '@kobalte/core/tabs' +import { ofetch } from 'ofetch' +import { onMount, createSignal } from 'solid-js' +import dayjs from 'dayjs' +import { checkConnection, createPdf } from '../../utils/functions' +import { FaSolidThumbsUp } from 'solid-icons/fa' +import { _employeeName } from '../../stores/employee' + +const API = import.meta.env.VITE_BACKEND +const PESO = import.meta.env.VITE_PESO +const ID = import.meta.env.VITE_HEADID + +export default () => { + const [totalOp, setTotalOp] = createSignal(0) + const [assessor, setAssessor] = createSignal('') + const [dateOp, setDateOp] = createSignal('') + const [location, setLocation] = createSignal('') + const [type, setType] = createSignal('') + const [applicationId, setApplicationId] = createSignal(0) + const [assessorId, setAssessorId] = createSignal(0) + + const [gflgu, setGflgu] = createSignal([]) + const [gfdpwh, setGfdpwh] = createSignal([]) + const [tfbo, setTfbo] = createSignal([]) + + const [descriptionList, setDescriptionList] = createSignal([]) + const [amountList, setAmountList] = createSignal([]) + const [dateOpList, setDateOpList] = createSignal([]) + + const [applicationList, setApplicationList] = createSignal([]) + const [nameList, setNameList] = createSignal([]) + + const [errorMessage, setErrorMessage] = createSignal('') + const [connected, setConnected] = createSignal(true) + const [approved, setApproved] = createSignal(false) + const [approvedApplication, setApprovedApplication] = createSignal('') + + return ( + <> + + + + + + +

OCBO e-Sign

+ + + + + {_employeeName.get()} + + + + Logout + + + + + + + + + + + Building + + + Occupancy + + + Electrical + + + + + + + +

List of Ready to Approve and Sign Building Order of Payments

+ + + + + + {/* + + + + */} + + +
Application NumberNameShow Details
+ + + + +

List of Ready to Approve and Sign Occupancy Order of Payments

+ + + + + + {/* + + + + */} + + +
Application NumberNameShow Details
+ + + + +

List of Ready to Approve and Sign Electrical Order of Payments

+ + + + + + + + + + + + + {applicationList().map((item, index) => ( + + + + + + + ))} + +
Application NumberNameShow Details
{item}{nameList()[index]} + { + // await getopdetails(item) + // }} + > + + {item} + + +
+ Name of Applicant: + {nameList()[index]} +
+ +
+ Location: + {location()} +
+ +
+ Type: + {type().toUpperCase()} +
+ +
+ Assessed By: + {assessor()} +
+ +
+ Date Assessed: + {dateOp().toUpperCase()} +
+ +
+ Total Fee: + + {PESO} {totalOp().toFixed(2)} + +
+ + + + + Click anywhere to cancel + + + +
+ + + + + + + + ) +} diff --git a/src/routes.tsx b/src/routes.tsx index 35d4668..fa10cbe 100644 --- a/src/routes.tsx +++ b/src/routes.tsx @@ -20,6 +20,10 @@ export const routes: RouteDefinition[] = [ path: '/login', component: lazy(() => import('./pages/LoginPage/Login.tsx')), }, + { + path: '/assessor', + component: lazy(() => import('./pages/AssessorPage/Assessor.tsx')), + }, { path: '**', component: lazy(() => import('./errors/404')),