Updated login page
This commit is contained in:
parent
cbe517ad42
commit
9ff7f33c71
1 changed files with 63 additions and 23 deletions
|
|
@ -2,10 +2,10 @@ import { useNavigate } from '@solidjs/router'
|
|||
import { IoChevronBack } from 'solid-icons/io'
|
||||
import { createEffect, createSignal } from 'solid-js'
|
||||
import { Show } from 'solid-js/web'
|
||||
import { Box, Button, Clickable, Column, Combobox, Display, Input, Link, Logo, Modal, Padding, Page, Radio, Row, Switch } from '../../components'
|
||||
import { Box, Button, Column, Combobox, Display, Input, Link, Logo, Modal, Padding, Page, Radio, Row, Clickable } from '../../components'
|
||||
import { _employeeId, _employeeName } from '../../stores/employee'
|
||||
import { checkConnection, getApi, securePassword } from '../../utils/functions'
|
||||
import { VsQuestion } from 'solid-icons/vs'
|
||||
// import { VsQuestion } from 'solid-icons/vs'
|
||||
import './Login.sass'
|
||||
|
||||
export default () => {
|
||||
|
|
@ -20,8 +20,9 @@ export default () => {
|
|||
const [loggedin, setLoggedin] = createSignal(0)
|
||||
const [errorMessage, setErrorMessage] = createSignal('')
|
||||
const [connected, setConnected] = createSignal(true)
|
||||
const [encryptionVersion, setEncryptionVersion] = createSignal('v1')
|
||||
// const [encryptionVersion, setEncryptionVersion] = createSignal('v2')
|
||||
const [openTooltip, setOpenTooltip] = createSignal(false)
|
||||
const [openChanges, setOpenChanges] = createSignal(false)
|
||||
|
||||
const login = async () => {
|
||||
setConnected(await checkConnection())
|
||||
|
|
@ -32,7 +33,7 @@ export default () => {
|
|||
|
||||
const employeeid = await getApi('get-employeeid', name())
|
||||
const dbpassword = await getApi('get-password', employeeid)
|
||||
const hashPassword = await securePassword(password(), encryptionVersion())
|
||||
const hashPassword = await securePassword(password(), 'v2')
|
||||
|
||||
if (dbpassword === '0') {
|
||||
setErrorMessage('Not yet registered. Please proceed to Registration.')
|
||||
|
|
@ -108,12 +109,12 @@ export default () => {
|
|||
<Row>
|
||||
<span class="box-title">Login</span>
|
||||
</Row>
|
||||
<Row content='right' gap={0.5}>
|
||||
{/*<Row content='right' gap={0.5}>
|
||||
<Switch label={`Enc ${encryptionVersion()}`} checked={encryptionVersion() === 'v1' ? false : true} onChange={() => encryptionVersion() === 'v1' ? setEncryptionVersion('v2') : setEncryptionVersion('v1')} />
|
||||
<Clickable onClick={() => setOpenTooltip(true)}>
|
||||
<VsQuestion size={28} style="cursor: pointer" />
|
||||
</Clickable>
|
||||
</Row>
|
||||
</Row>*/}
|
||||
|
||||
<Padding top={2} left={2} right={2} bottom={0}>
|
||||
<Row>
|
||||
|
|
@ -166,6 +167,13 @@ export default () => {
|
|||
</Row>
|
||||
</Padding>
|
||||
</Padding>
|
||||
<Padding top={2} bottom={0} right={0} left={0}>
|
||||
<Row>
|
||||
<Clickable onClick={() => setOpenChanges(true)}>
|
||||
<small>Click here to see changes</small>
|
||||
</Clickable>
|
||||
</Row>
|
||||
</Padding>
|
||||
</Display>
|
||||
</Page>
|
||||
|
||||
|
|
@ -232,35 +240,67 @@ export default () => {
|
|||
</div>
|
||||
|
||||
<div onClick={() => setOpenTooltip(false)}>
|
||||
<Modal trigger={openTooltip()} background="#252525ff" color="#dfe7fbf0" opacity={0.8} width='52rem'>
|
||||
<Modal trigger={openTooltip()} background="#252525ff" color="#dfe7fbf0" opacity={0.8} width="52rem">
|
||||
<Padding top={1} bottom={1} left={1.5} right={1.5}>
|
||||
<section class='modal-tooltip'>
|
||||
<div class='modal-tooltip__group'>
|
||||
<span class='modal-tooltip__title'>Enc v1 (Encryption Version 1)</span>
|
||||
<span class='modal-tooltip__info'>Use this mode if your password has not been changed.</span>
|
||||
<span class='modal-tooltip__info'>It is recommended that you update your password after logging in. Open the 'Config' menu in the upper right.</span>
|
||||
<section class="modal-tooltip">
|
||||
<div class="modal-tooltip__group">
|
||||
<span class="modal-tooltip__title">Enc v1 (Encryption Version 1)</span>
|
||||
<span class="modal-tooltip__info">Use this mode if your password has not been changed.</span>
|
||||
<span class="modal-tooltip__info">It is recommended that you update your password after logging in. Open the 'Config' menu in the upper right.</span>
|
||||
</div>
|
||||
|
||||
<div class='modal-tooltip__group'>
|
||||
<span class='modal-tooltip__title'>Enc v2 (Encryption Version 2)</span>
|
||||
<span class='modal-tooltip__info'>The new default password encryption.</span>
|
||||
<span class='modal-tooltip__info'>Use this mode if you've recently registered or changed your password.</span>
|
||||
<div class="modal-tooltip__group">
|
||||
<span class="modal-tooltip__title">Enc v2 (Encryption Version 2)</span>
|
||||
<span class="modal-tooltip__info">The new default password encryption.</span>
|
||||
<span class="modal-tooltip__info">Use this mode if you've recently registered or changed your password.</span>
|
||||
</div>
|
||||
|
||||
<div class='modal-tooltip__group'>
|
||||
<span class='modal-tooltip__note'>Note:</span>
|
||||
<span class='modal-tooltip__note-info'>To ensure security and privacy, avoid sharing your password.</span>
|
||||
<span class='modal-tooltip__note-info'>Your password's encryption is irreversible, which means it cannot be decrypted.</span>
|
||||
<span class='modal-tooltip__note-info'>Only encrypted passwords are saved in the database.</span>
|
||||
<span class='modal-tooltip__note-info'>Only you know your password. If forgotten, the account will be locked.</span>
|
||||
<span class='modal-tooltip__note-info'>If this happens, contact the IT department and request that your account be reset. You will be required to register again.</span>
|
||||
<div class="modal-tooltip__group">
|
||||
<span class="modal-tooltip__note">Note:</span>
|
||||
<span class="modal-tooltip__note-info">To ensure security and privacy, avoid sharing your password.</span>
|
||||
<span class="modal-tooltip__note-info">Your password's encryption is irreversible, which means it cannot be decrypted.</span>
|
||||
<span class="modal-tooltip__note-info">Only encrypted passwords are saved in the database.</span>
|
||||
<span class="modal-tooltip__note-info">Only you know your password. If forgotten, the account will be locked.</span>
|
||||
<span class="modal-tooltip__note-info">If this happens, contact the IT department and request that your account be reset. You will be required to register again.</span>
|
||||
</div>
|
||||
|
||||
<Row>
|
||||
<span class="close-text">Click anywhere to close</span>
|
||||
</Row>
|
||||
</section>
|
||||
</Padding>
|
||||
</Modal>
|
||||
</div>
|
||||
|
||||
<div onClick={() => setOpenChanges(false)}>
|
||||
<Modal trigger={openChanges()} background="#252525ff" color="#dfe7fbf0" opacity={0.8} width="52rem">
|
||||
<Padding top={1} bottom={1} left={1.5} right={1.5}>
|
||||
<section class="modal-tooltip">
|
||||
<div class="modal-tooltip__group">
|
||||
<span class="modal-tooltip__title">Login</span>
|
||||
<span class="modal-tooltip__info">Removed version change.</span>
|
||||
<span class="modal-tooltip__info">It is recommended that you update your password after logging in. Open the 'Config' menu in the upper right.</span>
|
||||
</div>
|
||||
|
||||
<div class="modal-tooltip__group">
|
||||
<span class="modal-tooltip__title">Enc v2 (Encryption Version 2)</span>
|
||||
<span class="modal-tooltip__info">The new default password encryption.</span>
|
||||
<span class="modal-tooltip__info">Use this mode if you've recently registered or changed your password.</span>
|
||||
</div>
|
||||
|
||||
<div class="modal-tooltip__group">
|
||||
<span class="modal-tooltip__note">Note:</span>
|
||||
<span class="modal-tooltip__note-info">To ensure security and privacy, avoid sharing your password.</span>
|
||||
<span class="modal-tooltip__note-info">Your password's encryption is irreversible, which means it cannot be decrypted.</span>
|
||||
<span class="modal-tooltip__note-info">Only encrypted passwords are saved in the database.</span>
|
||||
<span class="modal-tooltip__note-info">Only you know your password. If forgotten, the account will be locked.</span>
|
||||
<span class="modal-tooltip__note-info">If this happens, contact the IT department and request that your account be reset. You will be required to register again.</span>
|
||||
</div>
|
||||
|
||||
<Row>
|
||||
<span class="close-text">Click anywhere to close</span>
|
||||
</Row>
|
||||
</section>
|
||||
</Padding>
|
||||
</Modal>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue