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

Added registration title and fixed approver

Browse source
This commit is contained in:
Patrick Alvin Alcala 2025-09-24 16:54:10 +08:00
parent 9fce20a0e5
commit 168140e0f6
2 changed files with 17 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -1,2 +1,9 @@
.back-button-text .back-button-text
font-size: 1rem font-size: 1rem
.approver-name
font-size: 1.25rem
.box-title
font-size: 1.75rem
font-weight: 700

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

@ -1,11 +1,10 @@
import './Register.sass' import './Register.sass'
import { Logo, Link, Page, Row, Padding, Form, Combobox, Box } from '../../components' import { Logo, Link, Page, Row, Padding, Form, Combobox, Box, File } from '../../components'
import { IoChevronBack } from 'solid-icons/io' import { IoChevronBack } from 'solid-icons/io'
import { Show, createSignal } from 'solid-js' import { Show, createSignal } from 'solid-js'
export default () => { export default () => {
const assessors = JSON.parse(sessionStorage.getItem('assessors')!) const assessors = JSON.parse(sessionStorage.getItem('assessors')!)
const approvers = JSON.parse(sessionStorage.getItem('approvers')!)
const roles = ['ASSESSOR', 'APPROVER'] const roles = ['ASSESSOR', 'APPROVER']
const [role, setRole] = createSignal('') const [role, setRole] = createSignal('')
@ -34,16 +33,23 @@ export default () => {
<Padding top={2} left={0} right={0}> <Padding top={2} left={0} right={0}>
<Row> <Row>
<Box curved thickness={2} padding={2} color="#2f465cd7"> <Box curved thickness={2} padding={2} color="#2f465cd7">
<Row>
<span class="box-title">Registration</span>
</Row>
<Form> <Form>
<h4>Role</h4> <h4>Role</h4>
<Combobox options={roles} placeholder="Select your role" value={role()} onChange={setRole} /> <Combobox options={roles} placeholder="Select your role" value={role()} onChange={setRole} />
<Show when={role() === 'ASSESSOR'}> <Show when={role() === 'ASSESSOR'}>
<h4>List of Assessors</h4> <h4>List of Assessors</h4>
<Combobox options={assessors} placeholder="Select your name" value={name()} onChange={setName} /> <Combobox options={assessors} placeholder="Select your name" value={name()} onChange={setName} />
<h4>Upload Signature</h4>
<File />
</Show> </Show>
<Show when={role() === 'APPROVER'}> <Show when={role() === 'APPROVER'}>
<h4>List of Approvers</h4> <h4>Name of Approver</h4>
<Combobox options={approvers} placeholder="Select your name" value={name()} onChange={setName} /> <span class="approver-name">ARCH. KHASHAYAR L. TOGHYANI</span>
<h4>Upload Signature</h4>
<File />
</Show> </Show>
</Form> </Form>
</Box> </Box>