Added check access

backend/main.go

@@ -120,6 +120,34 @@ func connect() {
 				"result2": array2,
 			})
 
+		case "get-listopprinting-electrical":
+			var result2 string
+
+			array := []string{}
+			array2 := []string{}
+
+			results, err := db.Query(`SELECT IFNULL(e.electricalno, '') AS result, IF(c.firstName IS NULL OR c.firstName = '', c.lastName, CONCAT(c.firstName, ' ', IF(c.middleInitial IS NULL OR c.middleInitial = '', '', CONCAT(c.middleInitial, '. ')), c.lastName) ) AS result2 
+                                FROM iips.electrical e JOIN iips.customer c ON e.customerid = c.customerid JOIN iips.ref_elec_occupancy ec ON e.ref_elec_occupancyid = ec.ref_elec_occupancyid JOIN iips.electricaldocflowtxn ed ON e.electricalid = ed.electricalid JOIN (SELECT electricalid, MAX(electricaldocflowtxnid) AS latest_electricaldocflowtxnid FROM electricaldocflowtxn GROUP BY electricalid) latest_doc ON ed.electricalid = latest_doc.electricalid  AND ed.electricaldocflowtxnid = latest_doc.latest_electricaldocflowtxnid WHERE  remarks = ? AND is_approve = 0 ORDER BY e.electricalno ASC`, "FOR ELECTRICAL ORDER OF PAYMENT PRINTING")
+			if err != nil {
+				c.AbortWithError(http.StatusBadRequest, err)
+				c.String(http.StatusBadRequest, err.Error())
+				return
+			}
+			for results.Next() {
+				err = results.Scan(&result, &result2)
+				if err != nil {
+					c.AbortWithError(http.StatusBadRequest, err)
+					c.String(http.StatusBadRequest, err.Error())
+					return
+				}
+				array = append(array, result)
+				array2 = append(array2, result2)
+			}
+			c.JSON(http.StatusOK, gin.H{
+				"result":  array,
+				"result2": array2,
+			})
+
 		case "get-list-assessors":
 			array := []string{}
 
@@ -670,6 +698,33 @@ func connect() {
 
 	})
 
+	router.GET("/api/:method/:data/:data2", func(c *gin.Context) {
+		var result string
+		method := c.Param("method")
+		data := c.Param("data")
+		data2 := c.Param("data2")
+
+		c.Writer.Header().Set("X-XSS-Protection", "1; mode=block")
+		c.Writer.Header().Set("X-Content-Type-Options", "nosniff")
+		c.Writer.Header().Set("X-DNS-Prefetch-Control", "off")
+		c.Writer.Header().Set("X-Frame-Options", "DENY")
+		c.Writer.Header().Set("X-Download-Options", "noopen")
+		c.Writer.Header().Set("Referrer-Policy", "no-referrer")
+
+		switch method {
+		case "check-access":
+			err = db.QueryRow("SELECT COUNT(accessid) AS result FROM access a JOIN ref_access ra ON a.ref_accessid = ra.ref_accessid AND ra.access = ? and employeeid = ?", data, data2).Scan(&result)
+			if err != nil {
+				c.AbortWithError(http.StatusBadRequest, err)
+				c.String(http.StatusBadRequest, err.Error())
+				return
+			}
+			c.JSON(http.StatusOK, gin.H{
+				"result": result,
+			})
+		}
+	})
+
 	router.POST("/api/post-newstatus-electrical", func(c *gin.Context) {
 		type RegistrationData struct {
 			Data  int    `json:"data"`

src/pages/AssessorPage/Assessor.sass

@@ -0,0 +1 @@
+@use '/src/styles/classes.sass'

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<number[]>([])
+  const [gfdpwh, setGfdpwh] = createSignal<number[]>([])
+  const [tfbo, setTfbo] = createSignal<number[]>([])
+
+  const [descriptionList, setDescriptionList] = createSignal<string[]>([])
+  const [amountList, setAmountList] = createSignal<string[]>([])
+  const [dateOpList, setDateOpList] = createSignal<string[]>([])
+
+  const [applicationList, setApplicationList] = createSignal<string[]>([])
+  const [nameList, setNameList] = createSignal<string[]>([])
+
+  const [errorMessage, setErrorMessage] = createSignal('')
+  const [connected, setConnected] = createSignal(true)
+  const [approved, setApproved] = createSignal(false)
+  const [approvedApplication, setApprovedApplication] = createSignal('')
+
+  return (
+    <>
+      <Page alignment="column">
+        <Padding left={4.75} right={4.75} top={0} bottom={0}>
+          <Row content="split">
+            <Link to="/">
+              <Row content="left" gap={2}>
+                <Logo size={200} />
+                <h1>OCBO e-Sign</h1>
+              </Row>
+            </Link>
+
+            <Row content="left" gap={1}>
+              <span class="name">{_employeeName.get()}</span>
+              <Link to="/">
+                <Row gap={0.5}>
+                  <FiLogOut size={25} />
+                  <span>Logout</span>
+                </Row>
+              </Link>
+            </Row>
+          </Row>
+
+          <Row content="center">
+            <Tabs aria-label="Main navigation" class="tabs">
+              <Row>
+                <Tabs.List class="tabs__list">
+                  <Tabs.Trigger class="tabs__trigger" value="building">
+                    Building
+                  </Tabs.Trigger>
+                  <Tabs.Trigger class="tabs__trigger" value="occupancy">
+                    Occupancy
+                  </Tabs.Trigger>
+                  <Tabs.Trigger class="tabs__trigger" value="electrical">
+                    Electrical
+                  </Tabs.Trigger>
+                  <Tabs.Indicator class="tabs__indicator" />
+                </Tabs.List>
+              </Row>
+
+              <Tabs.Content class="tabs__content" value="building">
+                <Row>
+                  <h2>List of Ready to Approve and Sign Building Order of Payments</h2>
+                </Row>
+
+                <Row>
+                  <table class="table">
+                    <thead>
+                      {/* <tr>
+                        <th>Application Number</th>
+                        <th>Name</th>
+                        <th style="text-align: center">Show Details</th>
+                      </tr> */}
+                    </thead>
+                    <tbody></tbody>
+                  </table>
+                </Row>
+              </Tabs.Content>
+              <Tabs.Content class="tabs__content" value="occupancy">
+                <Row>
+                  <h2>List of Ready to Approve and Sign Occupancy Order of Payments</h2>
+                </Row>
+
+                <Row>
+                  <table class="table">
+                    <thead>
+                      {/* <tr>
+                        <th>Application Number</th>
+                        <th>Name</th>
+                        <th style="text-align: center">Show Details</th>
+                      </tr> */}
+                    </thead>
+                    <tbody></tbody>
+                  </table>
+                </Row>
+              </Tabs.Content>
+              <Tabs.Content class="tabs__content" value="electrical">
+                <Row>
+                  <h2>List of Ready to Approve and Sign Electrical Order of Payments</h2>
+                </Row>
+
+                <Row>
+                  <table class="table">
+                    <thead>
+                      <tr>
+                        <th>Application Number</th>
+                        <th>Name</th>
+                        <th style="text-align: center">Show Details</th>
+                      </tr>
+                    </thead>
+                    <tbody>
+                      {applicationList().map((item, index) => (
+                        <tr>
+                          <td>{item}</td>
+                          <td>{nameList()[index]}</td>
+
+                          <td>
+                            <ModalButton
+                              class="modal"
+                              label="Show Details"
+                              design="bo-link"
+                              background="#121e2acc"
+                              color="#ffffffec"
+                              // function={async () => {
+                              //   await getopdetails(item)
+                              // }}
+                            >
+                              <Padding top={0} left={2} right={2} bottom={0}>
+                                <span class="modal__application-number">{item}</span>
+
+                                <Padding top={1} left={0} right={0} bottom={0}>
+                                  <section class="modal__row">
+                                    <span class="modal__row__label">Name of Applicant:</span>
+                                    <span class="modal__row__detail">{nameList()[index]}</span>
+                                  </section>
+
+                                  <section class="modal__row">
+                                    <span class="modal__row__label">Location:</span>
+                                    <span class="modal__row__detail">{location()}</span>
+                                  </section>
+
+                                  <section class="modal__row">
+                                    <span class="modal__row__label">Type:</span>
+                                    <span class="modal__row__detail">{type().toUpperCase()}</span>
+                                  </section>
+
+                                  <section class="modal__row">
+                                    <span class="modal__row__label">Assessed By:</span>
+                                    <span class="modal__row__detail">{assessor()}</span>
+                                  </section>
+
+                                  <section class="modal__row">
+                                    <span class="modal__row__label">Date Assessed:</span>
+                                    <span class="modal__row__detail">{dateOp().toUpperCase()}</span>
+                                  </section>
+
+                                  <section class="modal__row">
+                                    <span class="modal__row__label">Total Fee:</span>
+                                    <span class="modal__row__detail__price">
+                                      {PESO} {totalOp().toFixed(2)}
+                                    </span>
+                                  </section>
+                                </Padding>
+
+                                <Row padding="2rem 0 0 0">
+                                  <Button wide label="Approve" edges="curved" design="bo-primary"></Button>
+                                  <span class="modal__cancel">Click anywhere to cancel</span>
+                                </Row>
+                              </Padding>
+                            </ModalButton>
+                          </td>
+                        </tr>
+                      ))}
+                    </tbody>
+                  </table>
+                </Row>
+              </Tabs.Content>
+            </Tabs>
+          </Row>
+        </Padding>
+      </Page>
+    </>
+  )
+}

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')),