Updated asseessors page

src/pages/AssessorPage/Assessor.sass

@@ -1 +1,53 @@
 @use '/src/styles/classes.sass'
+
+.modal
+  font-weight: 500
+
+  &__application-number
+    padding: 1rem 0
+    border-radius: 8px
+    font-size: 1.75rem
+    font-weight: 800
+    display: flex
+    flex-direction: column
+    flex-wrap: wrap
+    align-items: center
+    background: #16212C
+    box-shadow: 8px 8px 28px #0d141b, -8px -8px 28px #1f2e3d
+
+  &__name
+    padding: 1rem 0 0 0
+    font-size: 1rem
+
+  &__row
+    display: flex
+    flex-direction: column
+    flex-wrap: wrap
+    justify-content: flex-start
+    align-items: flex-start
+    gap: 0.5rem
+    padding: 1.25rem 1rem
+    // box-shadow: 5px 5px 10px #10171f, -5px -5px 10px #1c2b39
+    // border: 1px solid white
+    // border-radius: 8px
+    // margin: 0.5rem
+
+    &__label
+      font-size: 0.75rem
+
+    &__detail
+      font-size: 1rem
+
+      &__price
+        font-size: 1.75rem
+        font-weight: 700
+
+  &__cancel
+    font-size: 0.75rem
+    padding: 0.5rem 0 0 0
+    font-weight: 400
+
+.approval
+  font-size: 1.75rem
+  font-weight: 700
+  padding: 0.5rem 1rem

src/pages/AssessorPage/Assessor.tsx

@@ -1,19 +1,21 @@
 import './Assessor.sass'
-import { Logo, Link, Page, Row, Padding, ModalButton, Box, Button, Modal, Column } from '../../components'
+import { Logo, Page, Row, Padding, ModalButton, Button, Clickable, Link } 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 { onMount, createSignal, Show } from 'solid-js'
-import dayjs from 'dayjs'
+// import dayjs from 'dayjs'
-import { checkConnection, createPdf } from '../../utils/functions'
+// import { checkConnection, createPdf } from '../../utils/functions'
-import { FaSolidThumbsUp } from 'solid-icons/fa'
+// import { FaSolidThumbsUp } from 'solid-icons/fa'
-import { _employeeName } from '../../stores/employee'
+import { _employeeName, _employeeId } from '../../stores/employee'
+import { useNavigate } from '@solidjs/router'
 
 const API = import.meta.env.VITE_BACKEND
 const PESO = import.meta.env.VITE_PESO
-const ID = import.meta.env.VITE_HEADID
 
 export default () => {
+  const navigate = useNavigate()
+
   const [totalOp, setTotalOp] = createSignal(0)
   const [assessor, setAssessor] = createSignal('')
   const [dateOp, setDateOp] = createSignal('')
@@ -38,6 +40,69 @@ export default () => {
   const [approved, setApproved] = createSignal(false)
   const [approvedApplication, setApprovedApplication] = createSignal('')
 
+  const [isBuilding, setIsBuilding] = createSignal(false)
+  const [isOccupancy, setIsOccupancy] = createSignal(false)
+  const [isElectrical, setIsElectrical] = createSignal(false)
+
+  const [employeeId, setEmployeeId] = createSignal(0)
+  const [employeeName, setEmployeeName] = createSignal('')
+
+  const checkAccess = async (access: string) => {
+    try {
+      const response = await ofetch(`${API}check-access/${access}/${employeeId()}`)
+      const result = response.result
+      if (result > 0) return true
+      else return false
+    } catch {
+      return false
+    }
+  }
+
+  const checkDivision = async () => {
+    const building = await checkAccess('BUILDING ORDER OF PAYMENT')
+    setIsBuilding(building)
+
+    const occupancy = await checkAccess('OCCUPANCY ORDER OF PAYMENT')
+    setIsOccupancy(occupancy)
+
+    const electrical = await checkAccess('ELECTRICAL ASSESSMENT')
+    setIsElectrical(electrical)
+  }
+
+  const getListForPrinting = async () => {
+    try {
+      const response = await ofetch(API + 'get-listopprinting-electrical', { parseResponse: JSON.parse })
+      setApplicationList(response.result)
+      setNameList(response.result2)
+    } catch (error) {
+      console.error(error)
+    }
+  }
+
+  const removeEmployee = () => {
+    sessionStorage.removeItem('id')
+    sessionStorage.removeItem('name')
+  }
+
+  const checkLogged = async () => {
+    const idStore = sessionStorage.getItem('id')
+    const nameStore = sessionStorage.getItem('name')
+    setEmployeeId(parseInt(idStore!))
+    setEmployeeName(nameStore!)
+  }
+
+  const logout = async () => {
+    removeEmployee()
+    navigate('/')
+    // console.log('yeah')
+  }
+
+  onMount(async () => {
+    checkLogged()
+    await checkDivision()
+    await getListForPrinting()
+  })
+
   return (
     <>
       <Page alignment="column">
@@ -51,13 +116,13 @@ export default () => {
             </Link>
 
             <Row content="left" gap={1}>
-              <span class="name">{_employeeName.get()}</span>
+              <span class="name">{employeeName()}</span>
-              <Link to="/">
+              <Clickable onClick={logout}>
                 <Row gap={0.5}>
                   <FiLogOut size={25} />
                   <span>Logout</span>
                 </Row>
-              </Link>
+              </Clickable>
             </Row>
           </Row>
 
@@ -65,15 +130,21 @@ export default () => {
             <Tabs aria-label="Main navigation" class="tabs">
               <Row>
                 <Tabs.List class="tabs__list">
-                  <Tabs.Trigger class="tabs__trigger" value="building">
+                  <Show when={isBuilding()}>
-                    Building
+                    <Tabs.Trigger class="tabs__trigger" value="building">
-                  </Tabs.Trigger>
+                      Building
-                  <Tabs.Trigger class="tabs__trigger" value="occupancy">
+                    </Tabs.Trigger>
-                    Occupancy
+                  </Show>
-                  </Tabs.Trigger>
+                  <Show when={isOccupancy()}>
-                  <Tabs.Trigger class="tabs__trigger" value="electrical">
+                    <Tabs.Trigger class="tabs__trigger" value="occupancy">
-                    Electrical
+                      Occupancy
-                  </Tabs.Trigger>
+                    </Tabs.Trigger>
+                  </Show>
+                  <Show when={isElectrical()}>
+                    <Tabs.Trigger class="tabs__trigger" value="electrical">
+                      Electrical
+                    </Tabs.Trigger>
+                  </Show>
                   <Tabs.Indicator class="tabs__indicator" />
                 </Tabs.List>
               </Row>
@@ -116,7 +187,7 @@ export default () => {
               </Tabs.Content>
               <Tabs.Content class="tabs__content" value="electrical">
                 <Row>
-                  <h2>List of Ready to Approve and Sign Electrical Order of Payments</h2>
+                  <h2>List of Ready to Print in Electrical Order of Payments</h2>
                 </Row>
 
                 <Row>
@@ -183,7 +254,7 @@ export default () => {
                                 </Padding>
 
                                 <Row padding="2rem 0 0 0">
-                                  <Button wide label="Approve" edges="curved" design="bo-primary"></Button>
+                                  <Button wide label="Print" edges="curved" design="bo-primary"></Button>
                                   <span class="modal__cancel">Click anywhere to cancel</span>
                                 </Row>
                               </Padding>