Applied new api fetching
This commit is contained in:
parent
b8ec4dc246
commit
40f2ad04f4
3 changed files with 353 additions and 290 deletions
|
|
@ -1,15 +1,13 @@
|
|||
import './Login.sass'
|
||||
import { Logo, Link, Page, Row, Padding, Box, Radio, Combobox, Input, Button, Modal, Column } from '../../components'
|
||||
import { Logo, Link, Page, Row, Padding, Box, Radio, Combobox, Input, Button, Modal, Column, Display } from '../../components'
|
||||
import { IoChevronBack } from 'solid-icons/io'
|
||||
import { createSignal, Show, createEffect } from 'solid-js'
|
||||
import { ofetch } from 'ofetch'
|
||||
import { SHA1, SHA3 } from 'crypto-js'
|
||||
import { useNavigate } from '@solidjs/router'
|
||||
import { checkConnection } from '../../utils/functions'
|
||||
import { checkConnection, getApi } from '../../utils/functions'
|
||||
import { _employeeId, _employeeName } from '../../stores/employee'
|
||||
|
||||
export default () => {
|
||||
const API = import.meta.env.VITE_BACKEND
|
||||
const APPROVERNAME = import.meta.env.VITE_HEAD
|
||||
const navigate = useNavigate()
|
||||
const assessors = JSON.parse(sessionStorage.getItem('registered')!)
|
||||
|
|
@ -29,18 +27,18 @@ export default () => {
|
|||
return
|
||||
}
|
||||
|
||||
const employeeid = await ofetch(API + 'get-employeeid/' + name(), { parseResponse: JSON.parse })
|
||||
const dbpassword = await ofetch(API + 'get-password/' + employeeid.result, { parseResponse: JSON.parse })
|
||||
const employeeid = await getApi('get-employeeid', name())
|
||||
const dbpassword = await getApi('get-password', employeeid)
|
||||
const hashPassword = await securePassword()
|
||||
|
||||
if (dbpassword.result === '0') {
|
||||
if (dbpassword === '0') {
|
||||
setErrorMessage('Not yet registered. Please proceed to Registration.')
|
||||
} else {
|
||||
setErrorMessage('Invalid Password, Try again.')
|
||||
}
|
||||
|
||||
if (dbpassword.result === hashPassword) {
|
||||
_employeeId.set(employeeid.result)
|
||||
if (dbpassword === hashPassword) {
|
||||
_employeeId.set(employeeid)
|
||||
_employeeName.set(name())
|
||||
saveEmployee()
|
||||
setLoggedin(2)
|
||||
|
|
@ -83,83 +81,83 @@ export default () => {
|
|||
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>
|
||||
|
||||
<Link to="/">
|
||||
<Row content="right">
|
||||
<IoChevronBack size={45} />
|
||||
<span class="back-button-text">Back</span>
|
||||
</Row>
|
||||
</Link>
|
||||
</Row>
|
||||
|
||||
<Padding top={2} left={0} right={0} bottom={0}>
|
||||
<Row>
|
||||
<Box curved thickness={2} padding="2.25rem" color="#253849be" background="#04040660">
|
||||
{/* <section class="box"> */}
|
||||
<Row>
|
||||
<span class="box-title">Login</span>
|
||||
<Display desktop tablet>
|
||||
<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>
|
||||
|
||||
<Padding top={2} left={2} right={2} bottom={0}>
|
||||
<Row>
|
||||
<Radio data={roles} value={role()} onChange={setRole} gap={10} />
|
||||
</Row>
|
||||
</Padding>
|
||||
<h4>Name</h4>
|
||||
<Show when={role() !== 'Approver'}>
|
||||
<Combobox options={assessors} placeholder="Select your name" value={name()} onChange={setName} />
|
||||
</Show>
|
||||
<Show when={role() === 'Approver'}>
|
||||
<span class="approver-name">{APPROVERNAME}</span>
|
||||
</Show>
|
||||
<h4>Password</h4>
|
||||
<Input
|
||||
isPassword
|
||||
value={password()}
|
||||
onChange={setPassword}
|
||||
onKeyDown={(event: KeyboardEvent) => {
|
||||
if (event.key === 'Enter') login()
|
||||
}}
|
||||
/>
|
||||
|
||||
<Padding top={2} left={0} right={0} bottom={0}>
|
||||
<Show when={password() && name()}>
|
||||
<Row>
|
||||
<Button edges="curved" design="bo-primary" label="Login" wide onClick={login}></Button>
|
||||
</Row>
|
||||
</Show>
|
||||
|
||||
<Show when={!password() && name()}>
|
||||
<Row>
|
||||
<span class="required">Required password</span>
|
||||
</Row>
|
||||
</Show>
|
||||
|
||||
<Show when={!password() && !name()}>
|
||||
<Row>
|
||||
<span class="required">Required name and password</span>
|
||||
</Row>
|
||||
</Show>
|
||||
|
||||
<Show when={password() && !name()}>
|
||||
<Row>
|
||||
<span class="required">Required name</span>
|
||||
</Row>
|
||||
</Show>
|
||||
</Padding>
|
||||
{/* </section> */}
|
||||
</Box>
|
||||
<Link to="/">
|
||||
<Row content="right">
|
||||
<IoChevronBack size={45} />
|
||||
<span class="back-button-text">Back</span>
|
||||
</Row>
|
||||
</Link>
|
||||
</Row>
|
||||
|
||||
<Padding top={2} left={0} right={0} bottom={0}>
|
||||
<Row>
|
||||
<Box curved thickness={2} padding="2.25rem" color="#253849be" background="#04040660">
|
||||
<Row>
|
||||
<span class="box-title">Login</span>
|
||||
</Row>
|
||||
|
||||
<Padding top={2} left={2} right={2} bottom={0}>
|
||||
<Row>
|
||||
<Radio data={roles} value={role()} onChange={setRole} gap={10} />
|
||||
</Row>
|
||||
</Padding>
|
||||
<h4>Name</h4>
|
||||
<Show when={role() !== 'Approver'}>
|
||||
<Combobox options={assessors} placeholder="Select your name" value={name()} onChange={setName} />
|
||||
</Show>
|
||||
<Show when={role() === 'Approver'}>
|
||||
<span class="approver-name">{APPROVERNAME}</span>
|
||||
</Show>
|
||||
<h4>Password</h4>
|
||||
<Input
|
||||
isPassword
|
||||
value={password()}
|
||||
onChange={setPassword}
|
||||
onKeyDown={(event: KeyboardEvent) => {
|
||||
if (event.key === 'Enter') login()
|
||||
}}
|
||||
/>
|
||||
|
||||
<Padding top={2} left={0} right={0} bottom={0}>
|
||||
<Show when={password() && name()}>
|
||||
<Row>
|
||||
<Button edges="curved" design="bo-primary" label="Login" wide onClick={login}></Button>
|
||||
</Row>
|
||||
</Show>
|
||||
|
||||
<Show when={!password() && name()}>
|
||||
<Row>
|
||||
<span class="required">Required password</span>
|
||||
</Row>
|
||||
</Show>
|
||||
|
||||
<Show when={!password() && !name()}>
|
||||
<Row>
|
||||
<span class="required">Required name and password</span>
|
||||
</Row>
|
||||
</Show>
|
||||
|
||||
<Show when={password() && !name()}>
|
||||
<Row>
|
||||
<span class="required">Required name</span>
|
||||
</Row>
|
||||
</Show>
|
||||
</Padding>
|
||||
</Box>
|
||||
</Row>
|
||||
</Padding>
|
||||
</Padding>
|
||||
</Padding>
|
||||
</Display>
|
||||
</Page>
|
||||
|
||||
<div onClick={navigateToRolePage}>
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@ 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 { checkConnection, getApi, getApiMulti } from '../../utils/functions'
|
||||
import { FaSolidThumbsUp } from 'solid-icons/fa'
|
||||
import { _employeeName } from '../../stores/employee'
|
||||
import { useNavigate } from '@solidjs/router'
|
||||
|
|
@ -51,22 +51,18 @@ export default () => {
|
|||
const [employeeName, setEmployeeName] = createSignal('')
|
||||
|
||||
const getListForApproval = async () => {
|
||||
try {
|
||||
const responseE = await ofetch(API + 'get-listopapproval-electrical', { parseResponse: JSON.parse })
|
||||
setApplicationListElectrical(responseE.result)
|
||||
setNameListElectrical(responseE.result2)
|
||||
const responseE = await getApiMulti('get-listopapproval-electrical')
|
||||
setApplicationListElectrical(responseE.result)
|
||||
setNameListElectrical(responseE.result2)
|
||||
|
||||
const responseO = await ofetch(API + 'get-listopapproval-occupancy', { parseResponse: JSON.parse })
|
||||
setApplicationListOccupancy(responseO.result)
|
||||
setNameListOccupancy(responseO.result2)
|
||||
} catch (error) {
|
||||
console.error(error)
|
||||
}
|
||||
const responseO = await getApiMulti('get-listopapproval-occupancy')
|
||||
setApplicationListOccupancy(responseO.result)
|
||||
setNameListOccupancy(responseO.result2)
|
||||
}
|
||||
|
||||
const getListForApprovalElectrical = async () => {
|
||||
try {
|
||||
const responseE = await ofetch(API + 'get-listopapproval-electrical', { parseResponse: JSON.parse })
|
||||
const responseE = await getApiMulti('get-listopapproval-electrical')
|
||||
setApplicationListElectrical(responseE.result)
|
||||
setNameListElectrical(responseE.result2)
|
||||
} catch (error) {
|
||||
|
|
@ -76,7 +72,7 @@ export default () => {
|
|||
|
||||
const getListForApprovalOccupancy = async () => {
|
||||
try {
|
||||
const responseO = await ofetch(API + 'get-listopapproval-occupancy', { parseResponse: JSON.parse })
|
||||
const responseO = await getApiMulti('get-listopapproval-occupancy')
|
||||
setApplicationListOccupancy(responseO.result)
|
||||
setNameListOccupancy(responseO.result2)
|
||||
} catch (error) {
|
||||
|
|
@ -103,7 +99,7 @@ export default () => {
|
|||
|
||||
const getopdetails = async (division: string, applicationNo: string) => {
|
||||
if (division === 'electrical') {
|
||||
const op = await ofetch(API + 'get-opdetails-electrical/' + applicationNo, { parseResponse: JSON.parse })
|
||||
const op = await getApiMulti('get-opdetails-electrical', applicationNo)
|
||||
setAssessor(op.result7[0])
|
||||
setLocation(op.result5[0])
|
||||
setType(op.result6[0])
|
||||
|
|
@ -111,7 +107,7 @@ export default () => {
|
|||
setApplicationId(op.result11[0])
|
||||
setTotalOp(calculateTotal(op.result9))
|
||||
} else if (division === 'occupancy') {
|
||||
const op = await ofetch(API + 'get-opdetails-occupancy/' + applicationNo, { parseResponse: JSON.parse })
|
||||
const op = await getApiMulti('get-opdetails-occupancy', applicationNo)
|
||||
setAssessor(op.result7[0])
|
||||
setLocation(op.result5[0])
|
||||
setType(op.result6[0])
|
||||
|
|
@ -126,7 +122,36 @@ export default () => {
|
|||
return total
|
||||
}
|
||||
|
||||
const approveHandler = async (application: string) => {
|
||||
// const approveHandler = async (application: string) => {
|
||||
// let signed: boolean = false
|
||||
// let forprinting: boolean = false
|
||||
// let updateOrderofpayment: boolean = false
|
||||
|
||||
// setConnected(await checkConnection())
|
||||
// if (connected() === false) {
|
||||
// setErrorMessage('No Connection on Server')
|
||||
// return
|
||||
// }
|
||||
|
||||
// signed = await setNewStatus('ELECTRICAL ORDER OF PAYMENT APPROVED AND SIGNED', '170', 'ELECOPAPPROVEDSIGNED', 1)
|
||||
// const approvedid = await getIdByApplication(application)
|
||||
// updateDocflow(approvedid, 'FOR ELECTRICAL ORDER OF PAYMENT APPROVAL')
|
||||
// if (!signed) return
|
||||
|
||||
// forprinting = await setNewStatus('FOR ELECTRICAL ORDER OF PAYMENT PRINTING', '95', 'ELECOPPRINT', 0)
|
||||
// if (!forprinting) return
|
||||
|
||||
// updateOrderofpayment = await updateOp()
|
||||
|
||||
// if (updateOrderofpayment) {
|
||||
// postTransaction()
|
||||
// postPops(application)
|
||||
// setApprovedApplication(application)
|
||||
// setApproved(true)
|
||||
// }
|
||||
// }
|
||||
|
||||
const approveHandler = async (division: string, application: string) => {
|
||||
let signed: boolean = false
|
||||
let forprinting: boolean = false
|
||||
let updateOrderofpayment: boolean = false
|
||||
|
|
@ -137,21 +162,33 @@ export default () => {
|
|||
return
|
||||
}
|
||||
|
||||
signed = await setNewStatus('ELECTRICAL ORDER OF PAYMENT APPROVED AND SIGNED', '170', 'ELECOPAPPROVEDSIGNED', 1)
|
||||
const approvedid = await getIdByApplication(application)
|
||||
updateDocflow(approvedid, 'FOR ELECTRICAL ORDER OF PAYMENT APPROVAL')
|
||||
if (!signed) return
|
||||
if (division === 'electrical') {
|
||||
signed = await setNewStatus('ELECTRICAL ORDER OF PAYMENT APPROVED AND SIGNED', '170', 'ELECOPAPPROVEDSIGNED', 1)
|
||||
const approvedid = await getIdByApplication(application)
|
||||
updateDocflow(approvedid, 'FOR ELECTRICAL ORDER OF PAYMENT APPROVAL')
|
||||
if (!signed) return
|
||||
|
||||
forprinting = await setNewStatus('FOR ELECTRICAL ORDER OF PAYMENT PRINTING', '95', 'ELECOPPRINT', 0)
|
||||
if (!forprinting) return
|
||||
forprinting = await setNewStatus('FOR ELECTRICAL ORDER OF PAYMENT PRINTING', '95', 'ELECOPPRINT', 0)
|
||||
if (!forprinting) return
|
||||
|
||||
updateOrderofpayment = await updateOp()
|
||||
updateOrderofpayment = await updateOp()
|
||||
|
||||
if (updateOrderofpayment) {
|
||||
postTransaction()
|
||||
postPops(application)
|
||||
setApprovedApplication(application)
|
||||
setApproved(true)
|
||||
if (updateOrderofpayment) {
|
||||
postTransaction()
|
||||
postPops(division, application)
|
||||
setApprovedApplication(application)
|
||||
setApproved(true)
|
||||
}
|
||||
} else if (division === 'occupancy') {
|
||||
signed = await setNewStatus('OCCUPANCY ORDER OF PAYMENT APPROVED AND SIGNED', '172', 'OCCOPAPPROVEDSIGNED', 1)
|
||||
const approvedid = await getIdByApplication(application)
|
||||
updateDocflow(approvedid, 'FOR OCCUPANCY RECOMMENDING APPROVAL')
|
||||
if (!signed) return
|
||||
|
||||
forprinting = await setNewStatus('APPROVED FOR PRINTING OF BUREAU OF FIRE AND ORDER OF PAYMENT', '23', 'OCORDEROFPAYMENT', 0)
|
||||
if (!forprinting) return
|
||||
|
||||
updateOrderofpayment = await updateOp()
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -202,10 +239,15 @@ export default () => {
|
|||
// _assessorid.set(employeeId())
|
||||
// }
|
||||
|
||||
const postPops = async (application: string) => {
|
||||
const applicationId = await ofetch(API + 'get-idbyapplication-electrical/' + application, { parseResponse: JSON.parse })
|
||||
const response = await ofetch(API + 'get-popsdetails-electrical/' + applicationId.result, { parseResponse: JSON.parse })
|
||||
// const applicationNo = response.result[0]
|
||||
const postPops = async (division: string, application: string) => {
|
||||
let response
|
||||
|
||||
if (division === 'electrical') {
|
||||
response = await getApiMulti('get-popsdetails-electrical', application)
|
||||
} else if (division === 'occupancy') {
|
||||
response = await getApiMulti('get-popsdetails-occupancy', application)
|
||||
}
|
||||
|
||||
const customerid = response.result2[0]
|
||||
const customerName = response.result3[0]
|
||||
const location = response.result4[0]
|
||||
|
|
@ -278,9 +320,8 @@ export default () => {
|
|||
|
||||
const geteSignId = async () => {
|
||||
try {
|
||||
const response = await ofetch(API + 'get-esignid/' + ID, { parseResponse: JSON.parse })
|
||||
const result = response.result
|
||||
return result
|
||||
const response = await getApi('get-esignid', ID)
|
||||
return response
|
||||
} catch {
|
||||
return 0
|
||||
}
|
||||
|
|
@ -290,6 +331,7 @@ export default () => {
|
|||
const id = await geteSignId()
|
||||
const today = new Date()
|
||||
const formatedDate = dayjs(today).format('YYYY-MM-DD HH:mm:ss')
|
||||
|
||||
await ofetch(API + 'post-esigntransaction', {
|
||||
method: 'POST',
|
||||
body: { data: parseInt(id), data2: approvedApplication(), data3: formatedDate },
|
||||
|
|
@ -305,9 +347,8 @@ export default () => {
|
|||
|
||||
const getIdByApplication = async (applicationNo: string) => {
|
||||
try {
|
||||
const response = await ofetch(API + 'get-idbyapplication-electrical/' + applicationNo, { parseResponse: JSON.parse })
|
||||
const result = response.result
|
||||
return parseInt(result)
|
||||
const response = await getApi('get-idbyapplication-electrical', applicationNo)
|
||||
return parseInt(response)
|
||||
} catch {
|
||||
return 0
|
||||
}
|
||||
|
|
@ -473,7 +514,7 @@ export default () => {
|
|||
</Padding>
|
||||
|
||||
<Row padding="2rem 0 0 0">
|
||||
<Button wide label="Approve" edges="curved" design="bo-primary" onClick={() => approveHandler(item)}></Button>
|
||||
<Button wide label="Approve" edges="curved" design="bo-primary" onClick={() => approveHandler('occupancy', item)}></Button>
|
||||
<span class="modal__cancel">Click anywhere to cancel</span>
|
||||
</Row>
|
||||
</Padding>
|
||||
|
|
@ -560,7 +601,7 @@ export default () => {
|
|||
</Padding>
|
||||
|
||||
<Row padding="2rem 0 0 0">
|
||||
<Button wide label="Approve" edges="curved" design="bo-primary" onClick={() => approveHandler(item)}></Button>
|
||||
<Button wide label="Approve" edges="curved" design="bo-primary" onClick={() => approveHandler('electrical', item)}></Button>
|
||||
<span class="modal__cancel">Click anywhere to cancel</span>
|
||||
</Row>
|
||||
</Padding>
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
import './Register.sass'
|
||||
import { Logo, Link, Page, Row, Padding, Combobox, Box, Button, Modal, Column, QR, Input } from '../../components'
|
||||
import { Logo, Link, Page, Row, Padding, Combobox, Box, Button, Modal, Column, QR, Input, Display } from '../../components'
|
||||
import { IoChevronBack } from 'solid-icons/io'
|
||||
import { Show, createSignal, createEffect } from 'solid-js'
|
||||
import { ofetch } from 'ofetch'
|
||||
|
|
@ -7,6 +7,7 @@ import { SHA3, SHA1 } from 'crypto-js'
|
|||
import dayjs from 'dayjs'
|
||||
import { FileField } from '@kobalte/core/file-field'
|
||||
import { useNavigate } from '@solidjs/router'
|
||||
import { checkConnection, getApi } from '../../utils/functions'
|
||||
|
||||
export default () => {
|
||||
const API = import.meta.env.VITE_BACKEND
|
||||
|
|
@ -19,31 +20,30 @@ export default () => {
|
|||
const [role, setRole] = createSignal('')
|
||||
const [name, setName] = createSignal('')
|
||||
const [password, setPassword] = createSignal('')
|
||||
const [hashPassword, setHashPassword] = createSignal('')
|
||||
const [id, setId] = createSignal<number>(0)
|
||||
const [signature, setSignature] = createSignal('')
|
||||
const [saved, setSaved] = createSignal(false)
|
||||
const [file, setFile] = createSignal<File[]>()
|
||||
const [base64image, setBase64image] = createSignal('')
|
||||
const [allow, setAllow] = createSignal(0)
|
||||
const [connected, setConnected] = createSignal(true)
|
||||
const [errorMessage, setErrorMessage] = createSignal('')
|
||||
|
||||
let globalId = 0
|
||||
let globalHashPassword = ''
|
||||
|
||||
const getEmployeeId = async (val: string) => {
|
||||
try {
|
||||
setName(val)
|
||||
const id = await ofetch(API + 'get-employeeid/' + val, { parseResponse: JSON.parse })
|
||||
setId(parseInt(id.result))
|
||||
await checkRegistered()
|
||||
} catch {
|
||||
setId(0)
|
||||
}
|
||||
setName(val)
|
||||
const id = await getApi('get-employeeid', val)
|
||||
globalId = parseInt(id)
|
||||
await checkRegistered(val)
|
||||
}
|
||||
|
||||
const generateSignature = () => {
|
||||
if (role() === 'APPROVER') {
|
||||
setId(276)
|
||||
globalId = 276
|
||||
setName(APPROVERNAME)
|
||||
}
|
||||
const hash = SHA3(id().toString())
|
||||
const hash = SHA3(globalId.toString())
|
||||
setSignature(`Use OCBO e-Sign Validator - scanid=${hash.toString()}`)
|
||||
|
||||
try {
|
||||
|
|
@ -56,6 +56,12 @@ export default () => {
|
|||
}
|
||||
|
||||
const register = async () => {
|
||||
setConnected(await checkConnection())
|
||||
if (connected() === false) {
|
||||
setErrorMessage('No Connection on Server')
|
||||
return
|
||||
}
|
||||
|
||||
await securePassword()
|
||||
const blob = new Blob(file())
|
||||
const base64 = await convertBase64(blob)
|
||||
|
|
@ -63,7 +69,7 @@ export default () => {
|
|||
|
||||
await ofetch(API + 'post-registration', {
|
||||
method: 'POST',
|
||||
body: { data: id(), data2: hashPassword(), data3: signature(), data4: base64 },
|
||||
body: { data: globalId, data2: globalHashPassword, data3: signature(), data4: base64 },
|
||||
})
|
||||
}
|
||||
|
||||
|
|
@ -77,7 +83,7 @@ export default () => {
|
|||
const firstHashing = SHA1(password())
|
||||
const secondHashing = SHA3(firstHashing)
|
||||
const thirdHashing = SHA1(secondHashing)
|
||||
setHashPassword(thirdHashing.toString())
|
||||
globalHashPassword = thirdHashing.toString()
|
||||
}
|
||||
|
||||
const convertBase64 = (blob: Blob) => {
|
||||
|
|
@ -88,12 +94,10 @@ export default () => {
|
|||
})
|
||||
}
|
||||
|
||||
const checkRegistered = async () => {
|
||||
const employeeid = id()
|
||||
|
||||
const checkRegistered = async (name: string) => {
|
||||
try {
|
||||
const registered = await ofetch(API + 'check-registered/' + employeeid, { parseResponse: JSON.parse })
|
||||
if (registered.result > 0) {
|
||||
const registered = await getApi('check-registered', name)
|
||||
if (registered > 0) {
|
||||
setAllow(1)
|
||||
} else {
|
||||
setAllow(2)
|
||||
|
|
@ -106,13 +110,9 @@ export default () => {
|
|||
const getAssessors = async (): Promise<string[]> => {
|
||||
let assessorsNameList: string[] = []
|
||||
|
||||
try {
|
||||
const assessors = await ofetch(API + 'get-list-assessors', { parseResponse: JSON.parse })
|
||||
assessorsNameList = [...assessors.result]
|
||||
return [...assessorsNameList]
|
||||
} catch {
|
||||
return []
|
||||
}
|
||||
const assessors = await getApi('get-list-assessors')
|
||||
assessorsNameList = [...assessors]
|
||||
return [...assessorsNameList]
|
||||
}
|
||||
|
||||
const updateRegistered = async () => {
|
||||
|
|
@ -127,8 +127,8 @@ export default () => {
|
|||
createEffect(async () => {
|
||||
if (role() === 'APPROVER') {
|
||||
try {
|
||||
const registered = await ofetch(API + 'check-registered/' + 276, { parseResponse: JSON.parse })
|
||||
if (registered.result > 0) {
|
||||
const registered = await getApi('check-registered', APPROVERNAME)
|
||||
if (registered > 0) {
|
||||
setAllow(1)
|
||||
} else {
|
||||
setAllow(2)
|
||||
|
|
@ -142,166 +142,168 @@ export default () => {
|
|||
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>
|
||||
|
||||
<Link to="/">
|
||||
<Row content="right">
|
||||
<IoChevronBack size={45} />
|
||||
<span class="back-button-text">Back</span>
|
||||
</Row>
|
||||
</Link>
|
||||
</Row>
|
||||
|
||||
<Padding top={2} left={0} right={0} bottom={0}>
|
||||
<Row>
|
||||
<Box curved thickness={2} padding="2.25rem" color="#253849be" background="#04040660">
|
||||
<Row>
|
||||
<span class="box-title">Registration</span>
|
||||
<Display desktop tablet>
|
||||
<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>
|
||||
<h4>Role</h4>
|
||||
<Combobox options={roles} placeholder="Select your role" value={role()} onChange={setRole} />
|
||||
</Link>
|
||||
|
||||
<Show when={role() === 'ASSESSOR'}>
|
||||
<h4>List of Assessors</h4>
|
||||
<Combobox options={assessors} placeholder="Select your name" value={name()} onChange={(val) => getEmployeeId(val!)} />
|
||||
<Link to="/">
|
||||
<Row content="right">
|
||||
<IoChevronBack size={45} />
|
||||
<span class="back-button-text">Back</span>
|
||||
</Row>
|
||||
</Link>
|
||||
</Row>
|
||||
|
||||
<Padding top={2} left={0} right={0} bottom={0}>
|
||||
<Row>
|
||||
<Box curved thickness={2} padding="2.25rem" color="#253849be" background="#04040660">
|
||||
<Row>
|
||||
<span class="box-title">Registration</span>
|
||||
</Row>
|
||||
<h4>Role</h4>
|
||||
<Combobox options={roles} placeholder="Select your role" value={role()} onChange={setRole} />
|
||||
|
||||
<Show when={role() === 'ASSESSOR'}>
|
||||
<h4>List of Assessors</h4>
|
||||
<Combobox options={assessors} placeholder="Select your name" value={name()} onChange={(val) => getEmployeeId(val!)} />
|
||||
|
||||
<Show when={allow() === 2}>
|
||||
<h4>Password</h4>
|
||||
<Input isPassword value={password()} onChange={setPassword}></Input>
|
||||
<h4>Upload Signature</h4>
|
||||
<FileField class="filefield" maxFiles={1} onFileAccept={(data) => setFile(data)} accept=".jpg, .jpeg, .png, .webp, .avif">
|
||||
<FileField.Dropzone class="filefield__dropzone">Drag and drop or click to upload file</FileField.Dropzone>
|
||||
<FileField.HiddenInput />
|
||||
<FileField.ItemList class="filefield__itemList">
|
||||
{() => (
|
||||
<FileField.Item class="filefield__item">
|
||||
<FileField.ItemPreviewImage class="filefield__itemPreviewImage" />
|
||||
<FileField.ItemName class="filefield__itemName" />
|
||||
<FileField.ItemSize class="filefield__itemSize" />
|
||||
<FileField.ItemDeleteTrigger class="filefield__itemDeleteTrigger" onClick={() => setFile()}>
|
||||
Delete
|
||||
</FileField.ItemDeleteTrigger>
|
||||
</FileField.Item>
|
||||
)}
|
||||
</FileField.ItemList>
|
||||
</FileField>
|
||||
|
||||
<Padding top={2} bottom={0} left={0} right={0}>
|
||||
<Show when={file() && password()}>
|
||||
<Show when={file() && password() && password().length >= 4}>
|
||||
<Row>
|
||||
<Button edges="curved" design="bo-primary" label="Register" onClick={generateSignature} wide />
|
||||
</Row>
|
||||
</Show>
|
||||
|
||||
<Show when={file() && password() && password().length < 4}>
|
||||
<Row>
|
||||
<span class="already-registered">Password too short</span>
|
||||
</Row>
|
||||
</Show>
|
||||
</Show>
|
||||
|
||||
<Show when={!file() && !password()}>
|
||||
<Row>
|
||||
<span class="already-registered">Required password and signature</span>
|
||||
</Row>
|
||||
</Show>
|
||||
|
||||
<Show when={file() && !password()}>
|
||||
<Row>
|
||||
<span class="already-registered">Required password</span>
|
||||
</Row>
|
||||
</Show>
|
||||
|
||||
<Show when={!file() && password()}>
|
||||
<Row>
|
||||
<span class="already-registered">Required signature</span>
|
||||
</Row>
|
||||
</Show>
|
||||
</Padding>
|
||||
</Show>
|
||||
|
||||
<Show when={allow() === 1}>
|
||||
<Padding top={2} bottom={0} left={0} right={0}>
|
||||
<Row>
|
||||
<span class="already-registered">Already Registered</span>
|
||||
</Row>
|
||||
</Padding>
|
||||
</Show>
|
||||
</Show>
|
||||
|
||||
<Show when={role() === 'APPROVER'}>
|
||||
<h4>Name of Approver</h4>
|
||||
<span class="approver-name">{APPROVERNAME}</span>
|
||||
|
||||
<Show when={allow() === 2}>
|
||||
<h4>Password</h4>
|
||||
<Input isPassword value={password()} onChange={setPassword}></Input>
|
||||
<h4>Upload Signature</h4>
|
||||
<FileField class="filefield" maxFiles={1} onFileAccept={(data) => setFile(data)} accept=".jpg, .jpeg, .png, .webp, .avif">
|
||||
<FileField.Dropzone class="filefield__dropzone">Drag and drop or click to upload file</FileField.Dropzone>
|
||||
<FileField.HiddenInput />
|
||||
<FileField.ItemList class="filefield__itemList">
|
||||
{() => (
|
||||
<FileField.Item class="filefield__item">
|
||||
<FileField.ItemPreviewImage class="filefield__itemPreviewImage" />
|
||||
<FileField.ItemName class="filefield__itemName" />
|
||||
<FileField.ItemSize class="filefield__itemSize" />
|
||||
<FileField.ItemDeleteTrigger class="filefield__itemDeleteTrigger" onClick={() => setFile()}>
|
||||
Delete
|
||||
</FileField.ItemDeleteTrigger>
|
||||
</FileField.Item>
|
||||
)}
|
||||
</FileField.ItemList>
|
||||
</FileField>
|
||||
|
||||
<Padding top={2} bottom={0} left={0} right={0}>
|
||||
<Show when={file() && password()}>
|
||||
<Show when={file() && password() && password().length >= 4}>
|
||||
<Show when={allow() === 2}>
|
||||
<h4>Upload Signature</h4>
|
||||
<FileField class="filefield" maxFiles={1} onFileAccept={(data) => setFile(data)} accept=".png">
|
||||
<FileField.Dropzone class="filefield__dropzone">Drag and drop or click to upload file</FileField.Dropzone>
|
||||
<FileField.HiddenInput />
|
||||
<FileField.ItemList class="filefield__itemList">
|
||||
{() => (
|
||||
<FileField.Item class="filefield__item">
|
||||
<FileField.ItemPreviewImage class="filefield__itemPreviewImage" />
|
||||
<FileField.ItemName class="filefield__itemName" />
|
||||
<FileField.ItemSize class="filefield__itemSize" />
|
||||
<FileField.ItemDeleteTrigger class="filefield__itemDeleteTrigger" onClick={() => setFile()}>
|
||||
Delete
|
||||
</FileField.ItemDeleteTrigger>
|
||||
</FileField.Item>
|
||||
)}
|
||||
</FileField.ItemList>
|
||||
</FileField>
|
||||
|
||||
<Padding top={2} bottom={0} left={0} right={0}>
|
||||
<Show when={file() && password()}>
|
||||
<Row>
|
||||
<Button edges="curved" design="bo-primary" label="Register" onClick={generateSignature} wide />
|
||||
</Row>
|
||||
</Show>
|
||||
|
||||
<Show when={file() && password() && password().length < 4}>
|
||||
<Show when={file() && !password()}>
|
||||
<Row>
|
||||
<span class="already-registered">Password too short</span>
|
||||
<span class="already-registered">Required password</span>
|
||||
</Row>
|
||||
</Show>
|
||||
</Show>
|
||||
|
||||
<Show when={!file() && !password()}>
|
||||
<Row>
|
||||
<span class="already-registered">Required password and signature</span>
|
||||
</Row>
|
||||
</Show>
|
||||
<Show when={!file() && password()}>
|
||||
<Row>
|
||||
<span class="already-registered">Required signature</span>
|
||||
</Row>
|
||||
</Show>
|
||||
|
||||
<Show when={file() && !password()}>
|
||||
<Row>
|
||||
<span class="already-registered">Required password</span>
|
||||
</Row>
|
||||
</Show>
|
||||
<Show when={!file() && !password()}>
|
||||
<Row>
|
||||
<span class="already-registered">Required password and signature</span>
|
||||
</Row>
|
||||
</Show>
|
||||
</Padding>
|
||||
</Show>
|
||||
|
||||
<Show when={!file() && password()}>
|
||||
<Show when={allow() === 1}>
|
||||
<Padding top={2} bottom={0} left={0} right={0}>
|
||||
<Row>
|
||||
<span class="already-registered">Required signature</span>
|
||||
<span class="already-registered">Already Registered</span>
|
||||
</Row>
|
||||
</Show>
|
||||
</Padding>
|
||||
</Padding>
|
||||
</Show>
|
||||
</Show>
|
||||
|
||||
<Show when={allow() === 1}>
|
||||
<Padding top={2} bottom={0} left={0} right={0}>
|
||||
<Row>
|
||||
<span class="already-registered">Already Registered</span>
|
||||
</Row>
|
||||
</Padding>
|
||||
</Show>
|
||||
</Show>
|
||||
|
||||
<Show when={role() === 'APPROVER'}>
|
||||
<h4>Name of Approver</h4>
|
||||
<span class="approver-name">{APPROVERNAME}</span>
|
||||
|
||||
<h4>Password</h4>
|
||||
<Input isPassword value={password()} onChange={setPassword}></Input>
|
||||
|
||||
<Show when={allow() === 2}>
|
||||
<h4>Upload Signature</h4>
|
||||
<FileField class="filefield" maxFiles={1} onFileAccept={(data) => setFile(data)} accept=".png">
|
||||
<FileField.Dropzone class="filefield__dropzone">Drag and drop or click to upload file</FileField.Dropzone>
|
||||
<FileField.HiddenInput />
|
||||
<FileField.ItemList class="filefield__itemList">
|
||||
{() => (
|
||||
<FileField.Item class="filefield__item">
|
||||
<FileField.ItemPreviewImage class="filefield__itemPreviewImage" />
|
||||
<FileField.ItemName class="filefield__itemName" />
|
||||
<FileField.ItemSize class="filefield__itemSize" />
|
||||
<FileField.ItemDeleteTrigger class="filefield__itemDeleteTrigger" onClick={() => setFile()}>
|
||||
Delete
|
||||
</FileField.ItemDeleteTrigger>
|
||||
</FileField.Item>
|
||||
)}
|
||||
</FileField.ItemList>
|
||||
</FileField>
|
||||
|
||||
<Padding top={2} bottom={0} left={0} right={0}>
|
||||
<Show when={file() && password()}>
|
||||
<Row>
|
||||
<Button edges="curved" design="bo-primary" label="Register" onClick={generateSignature} wide />
|
||||
</Row>
|
||||
</Show>
|
||||
|
||||
<Show when={file() && !password()}>
|
||||
<Row>
|
||||
<span class="already-registered">Required password</span>
|
||||
</Row>
|
||||
</Show>
|
||||
|
||||
<Show when={!file() && password()}>
|
||||
<Row>
|
||||
<span class="already-registered">Required signature</span>
|
||||
</Row>
|
||||
</Show>
|
||||
|
||||
<Show when={!file() && !password()}>
|
||||
<Row>
|
||||
<span class="already-registered">Required password and signature</span>
|
||||
</Row>
|
||||
</Show>
|
||||
</Padding>
|
||||
</Show>
|
||||
|
||||
<Show when={allow() === 1}>
|
||||
<Padding top={2} bottom={0} left={0} right={0}>
|
||||
<Row>
|
||||
<span class="already-registered">Already Registered</span>
|
||||
</Row>
|
||||
</Padding>
|
||||
</Show>
|
||||
</Show>
|
||||
</Box>
|
||||
</Row>
|
||||
</Box>
|
||||
</Row>
|
||||
</Padding>
|
||||
</Padding>
|
||||
</Padding>
|
||||
</Display>
|
||||
</Page>
|
||||
|
||||
<div onClick={gotoIndex}>
|
||||
|
|
@ -336,6 +338,28 @@ export default () => {
|
|||
</Padding>
|
||||
</Modal>
|
||||
</div>
|
||||
|
||||
<div onClick={() => setConnected(true)}>
|
||||
<Modal trigger={connected() === false} background="#562020ff" color="#ffebebe6" opacity={0.8}>
|
||||
<Padding top={1} bottom={1} left={4} right={4}>
|
||||
<Column>
|
||||
<Row>
|
||||
<Box curved thickness={3} color="#ffebebe6" padding="1rem">
|
||||
<h2>Connection Error</h2>
|
||||
</Box>
|
||||
</Row>
|
||||
|
||||
<Row>
|
||||
<h3>{errorMessage()}</h3>
|
||||
</Row>
|
||||
|
||||
<Row>
|
||||
<span class="close-text">Click anywhere to close</span>
|
||||
</Row>
|
||||
</Column>
|
||||
</Padding>
|
||||
</Modal>
|
||||
</div>
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue