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

Updated login page

Browse source
This commit is contained in:
Patrick Alvin Alcala 2026-01-05 17:32:40 +08:00
parent 28a057f1a4
commit 83a92ad3c1
2 changed files with 10 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/pages/LoginPage/Login.sass
View file

@ -7,7 +7,7 @@
.approver-name .approver-name
font-size: 1.25rem font-size: 1.25rem
.required .required-login
padding: 1rem padding: 1rem
border-radius: 8px border-radius: 8px
background-color: color.adjust(#0D64E4, $blackness: 20%) background-color: color.adjust(#0D64E4, $blackness: 20%)

14
src/pages/LoginPage/Login.tsx
View file

@ -2,7 +2,7 @@ import { useNavigate } from '@solidjs/router'
import { IoChevronBack } from 'solid-icons/io' import { IoChevronBack } from 'solid-icons/io'
import { createEffect, createSignal } from 'solid-js' import { createEffect, createSignal } from 'solid-js'
import { Show } from 'solid-js/web' import { Show } from 'solid-js/web'
import { Box, Button, Column, Combobox, Display, Input, Link, Logo, Modal, Padding, Page, Radio, Row } from '../../components' import { Box, Button, Column, Combobox, Display, Input, Link, Logo, Modal, Padding, Page, Radio, Row, Switch } from '../../components'
import { _employeeId, _employeeName } from '../../stores/employee' import { _employeeId, _employeeName } from '../../stores/employee'
import { checkConnection, getApi, securePassword } from '../../utils/functions' import { checkConnection, getApi, securePassword } from '../../utils/functions'
import './Login.sass' import './Login.sass'
@ -19,6 +19,7 @@ export default () => {
const [loggedin, setLoggedin] = createSignal(0) const [loggedin, setLoggedin] = createSignal(0)
const [errorMessage, setErrorMessage] = createSignal('') const [errorMessage, setErrorMessage] = createSignal('')
const [connected, setConnected] = createSignal(true) const [connected, setConnected] = createSignal(true)
const [encryptionVersion, setEncryptionVersion] = createSignal('v1')
const login = async () => { const login = async () => {
setConnected(await checkConnection()) setConnected(await checkConnection())
@ -29,7 +30,7 @@ export default () => {
const employeeid = await getApi('get-employeeid', name()) const employeeid = await getApi('get-employeeid', name())
const dbpassword = await getApi('get-password', employeeid) const dbpassword = await getApi('get-password', employeeid)
const hashPassword = await securePassword(password()) const hashPassword = await securePassword(password(), encryptionVersion())
if (dbpassword === '0') { if (dbpassword === '0') {
setErrorMessage('Not yet registered. Please proceed to Registration.') setErrorMessage('Not yet registered. Please proceed to Registration.')
@ -105,6 +106,9 @@ export default () => {
<Row> <Row>
<span class="box-title">Login</span> <span class="box-title">Login</span>
</Row> </Row>
<Row content='right'>
<Switch label={`Enc ${encryptionVersion()}`} checked={encryptionVersion() === 'v1' ? false : true} onChange={() => encryptionVersion() === 'v1' ? setEncryptionVersion('v2') : setEncryptionVersion('v1')} />
</Row>
<Padding top={2} left={2} right={2} bottom={0}> <Padding top={2} left={2} right={2} bottom={0}>
<Row> <Row>
@ -137,19 +141,19 @@ export default () => {
<Show when={!password() && name()}> <Show when={!password() && name()}>
<Row> <Row>
<span class="required">Required password</span> <span class="required-login">Required password</span>
</Row> </Row>
</Show> </Show>
<Show when={!password() && !name()}> <Show when={!password() && !name()}>
<Row> <Row>
<span class="required">Required name and password</span> <span class="required-login">Required name and password</span>
</Row> </Row>
</Show> </Show>
<Show when={password() && !name()}> <Show when={password() && !name()}>
<Row> <Row>
<span class="required">Required name</span> <span class="required-login">Required name</span>
</Row> </Row>
</Show> </Show>
</Padding> </Padding>