PatAlcala9/ocbo-esign
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fixed registration

Browse source
This commit is contained in:
Patrick Alvin Alcala 2025-09-30 09:15:55 +08:00
parent 66ff214024
commit 69a64879b6
2 changed files with 62 additions and 24 deletions
Download patch file Download diff file Expand all files Collapse all files

5
src/pages/RegisterPage/Register.sass
View file

@ -29,6 +29,11 @@
width: 100%
text-align: center
.sub-message
padding: 3rem 0 0 0
font-size: 0.75rem
font-weight: 500
.filefield
display: flex
flex-direction: column

81
src/pages/RegisterPage/Register.tsx
View file

@ -6,6 +6,7 @@ import { ofetch } from 'ofetch'
import { SHA3, SHA1 } from 'crypto-js'
import dayjs from 'dayjs'
import { FileField } from '@kobalte/core/file-field'
import { useNavigate } from '@solidjs/router'
export default () => {
const API = import.meta.env.VITE_BACKEND
@ -13,6 +14,8 @@ export default () => {
const assessors = JSON.parse(sessionStorage.getItem('assessors')!)
const roles = ['ASSESSOR', 'APPROVER']
const navigate = useNavigate()
const [role, setRole] = createSignal('')
const [name, setName] = createSignal('')
const [password, setPassword] = createSignal('')
@ -46,6 +49,7 @@ export default () => {
try {
register()
setSaved(true)
updateRegistered()
} catch {
setSaved(false)
}
@ -99,6 +103,27 @@ 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 updateRegistered = async () => {
const registered = await getAssessors()
sessionStorage.setItem('assessors', JSON.stringify([...registered]))
}
const gotoIndex = () => {
navigate('/')
}
createEffect(async () => {
if (role() === 'APPROVER') {
try {
@ -210,7 +235,7 @@ export default () => {
<Show when={allow() === 2}>
<h4>Upload Signature</h4>
<FileField class="filefield" maxFiles={1} onFileAccept={(data) => setFile(data)} accept=".jpg, .jpeg, .png, .webp, .avif">
<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">
@ -256,30 +281,38 @@ export default () => {
</Padding>
</Page>
<Modal trigger={saved()} background="#ffffffff" color="#000000e4" opacity={0.6}>
<Padding top={1} bottom={1} left={4} right={4}>
<Column>
<Row>
<h2>e-Sign Registration Completed</h2>
</Row>
<Row>
<h3>Your Digital Signature</h3>
</Row>
<div onClick={gotoIndex}>
<Modal trigger={saved()} background="#ffffffff" color="#000000e4" opacity={0.6}>
<Padding top={1} bottom={1} left={4} right={4}>
<Column>
<Row>
<Box curved thickness={3} color="black" padding={1}>
<h2>e-Sign Registration Completed</h2>
</Box>
</Row>
<Row>
<h3>Representation of your digital signature</h3>
</Row>
<Row gap={1}>
<QR value={signature()} width={10} />
<section class="digital-sign-details">
<div>
<img class="digital-sign-details__image" src={base64image()} alt="Image of signature" />
</div>
<span>Digitally signed by:</span>
<span>{name()}</span>
<span>Date: {getDate()}</span>
</section>
</Row>
</Column>
</Padding>
</Modal>
<Row gap={1}>
<QR value={signature()} width={10} />
<section class="digital-sign-details">
<div>
<img class="digital-sign-details__image" src={base64image()} alt="Image of signature" />
</div>
<span>Digitally signed by:</span>
<span>{name()}</span>
<span>Date: {getDate()}</span>
</section>
</Row>
<Row>
<span class="sub-message">Click anywhere to close</span>
</Row>
</Column>
</Padding>
</Modal>
</div>
</>
)
}