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

Added changelog

Browse source
This commit is contained in:
Patrick Alvin Alcala 2026-03-30 14:54:57 +08:00
parent eeb13bcc56
commit fe9e010622
2 changed files with 47 additions and 25 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -39,6 +39,12 @@
&__last &__last
@extend .modal-tooltip__subinfo @extend .modal-tooltip__subinfo
padding: 0 0 .55rem 4.45rem padding: 0 0 .55rem 4.45rem
&__nextline
padding: 0 0 0 4.95rem
&__bold
font-weight: 700
&__category &__category
padding: 0.15rem 0.55rem padding: 0.15rem 0.55rem
@ -68,3 +74,11 @@
&__note-info &__note-info
padding: 0 0 0.25rem 0 padding: 0 0 0.25rem 0
font-size: 0.75rem font-size: 0.75rem
.modal-h3
margin: 0
.modal-h5
@extend .modal-h3
padding: 0.25rem 0 0.5rem 0
opacity: 0.8

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

@ -1,6 +1,6 @@
import { useNavigate } from '@solidjs/router' 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, onMount } 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, Clickable } 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 { _employeeId, _employeeName } from '../../stores/employee'
@ -77,11 +77,21 @@ export default () => {
sessionStorage.setItem('name', _employeeName.get()) sessionStorage.setItem('name', _employeeName.get())
} }
const closeChangesNotification = () => {
setOpenChanges(false)
sessionStorage.setItem('auto_open_changes', 'false')
}
createEffect(() => { createEffect(() => {
if (role() === 'Approver') setName(APPROVERNAME) if (role() === 'Approver') setName(APPROVERNAME)
else if (role() !== 'Approver' && name() === APPROVERNAME) setName('') else if (role() !== 'Approver' && name() === APPROVERNAME) setName('')
}) })
onMount(() => {
const auto = sessionStorage.getItem('auto_open_changes')
if (!auto) setOpenChanges(true)
})
return ( return (
<> <>
<Page alignment="column"> <Page alignment="column">
@ -272,64 +282,62 @@ export default () => {
</Modal> </Modal>
</div>*/} </div>*/}
<div onClick={() => setOpenChanges(false)}> <div onClick={closeChangesNotification}>
<Modal trigger={openChanges()} background="#252525ff" color="#dfe7fbf0" opacity={0.8} width="35rem"> <Modal trigger={openChanges()} background="#252525ff" color="#dfe7fbf0" opacity={0.8} width="37rem">
<h3 class="modal-h3">Changelog</h3>
<h5 class="modal-h5">Latest update: March 30, 2026</h5>
<Padding top={1} bottom={1} left={1.5} right={1.5}> <Padding top={1} bottom={1} left={1.5} right={1.5}>
<section class="modal-tooltip"> <section class="modal-tooltip">
<div class="modal-tooltip__group"> <div class="modal-tooltip__group">
<span class="modal-tooltip__title">Login</span> <span class="modal-tooltip__title">Login</span>
<Row content="left" gap={0.5}> <Row content="left" gap={0.5}>
<span class="modal-tooltip__category__red">Removed</span> <span class="modal-tooltip__category__red">Removal</span>
<span class="modal-tooltip__info">Removed version selection of encryption.</span> <span class="modal-tooltip__info">Removed version selection of encryption.</span>
</Row> </Row>
<span class="modal-tooltip__subinfo">* All active users are using version 2.</span> <span class="modal-tooltip__subinfo">* All active users are already using version 2; selection is no longer needed.</span>
</div> </div>
<div class="modal-tooltip__group"> <div class="modal-tooltip__group">
<span class="modal-tooltip__title">Both Printing and Approval</span> <span class="modal-tooltip__title">Both Printing and Approval</span>
<Row content="left" gap={0.5}> <Row content="left" gap={0.5}>
<span class="modal-tooltip__category__yellow">Info</span> <span class="modal-tooltip__category__yellow">Explain</span>
<span class="modal-tooltip__info">Loading</span> <span class="modal-tooltip__info">Loading</span>
</Row> </Row>
<span class="modal-tooltip__subinfo">* Clicking too fast lead to .</span> <span class="modal-tooltip__subinfo">* To prevent double entry and incomplete transactions.</span>
<span class="modal-tooltip__subinfo__last">* Use this if the original order of payment is lost.</span> <span class="modal-tooltip__subinfo">* Clicking on another application while background processes are still actively running</span>
<span class="modal-tooltip__subinfo modal-tooltip__nextline">was the main cause of transaction problems.</span>
<span class="modal-tooltip__subinfo__last">* Adding loading screen was the fix.</span>
</div> </div>
<div class="modal-tooltip__group"> <div class="modal-tooltip__group">
<span class="modal-tooltip__title">Printing</span> <span class="modal-tooltip__title">Printing</span>
<Row content="left" gap={0.5}> <Row content="left" gap={0.5}>
<span class="modal-tooltip__category__yellow">Info</span> <span class="modal-tooltip__category__yellow">Explain</span>
<span class="modal-tooltip__info">Reprint (No Change)</span> <span class="modal-tooltip__info">Reprint (No Change)</span>
</Row> </Row>
<span class="modal-tooltip__subinfo">* Reprints a duplicate of the order of payment without any changes to its data.</span> <span class="modal-tooltip__subinfo">* Reprints a duplicate of Order of Payment without any changes to its data.</span>
<span class="modal-tooltip__subinfo__last">* Use this if the original order of payment is lost.</span>
<span class="modal-tooltip__subinfo__last modal-tooltip__bold">* Use this if the original Order of Payment is lost or you want to print an extra copy.</span>
<Row content="left" gap={0.5}> <Row content="left" gap={0.5}>
<span class="modal-tooltip__category__green">New</span> <span class="modal-tooltip__category__green">New</span>
<span class="modal-tooltip__info">Void (Back to Approval)</span> <span class="modal-tooltip__info">Void (Back to Approval)</span>
</Row> </Row>
<span class="modal-tooltip__subinfo">* Returns the application back to approval.</span> <span class="modal-tooltip__subinfo">* Returns the application back to approval.</span>
<span class="modal-tooltip__subinfo">* Deletes the existing order of payment to make room for the newly generated one.</span> <span class="modal-tooltip__subinfo">* All listed applications are unpaid and can be safely re-approved.</span>
<span class="modal-tooltip__subinfo">* All applications listed are unpaid and safe to remove.</span> <span class="modal-tooltip__subinfo modal-tooltip__bold">* Use this if duplicate values occur or there is any mistake in its data.</span>
<span class="modal-tooltip__subinfo">* Use this if duplicate values occur or there is any mistake in its data.</span>
</div> </div>
<div class="modal-tooltip__group"> <div class="modal-tooltip__group">
<span class="modal-tooltip__title">Approval</span> <span class="modal-tooltip__title">Approval</span>
<Row content="left" gap={0.5}>
<span class="modal-tooltip__category__yellow">Info</span>
<span class="modal-tooltip__info">Data Lock</span>
</Row>
<span class="modal-tooltip__subinfo">* To avoid .</span>
<span class="modal-tooltip__subinfo">* Use this if the original order of payment is lost.</span>
<Row content="left" gap={0.5}> <Row content="left" gap={0.5}>
<span class="modal-tooltip__category__green">New</span> <span class="modal-tooltip__category__green">New</span>
<span class="modal-tooltip__info">Data Lock</span> <span class="modal-tooltip__info">Order of Payment Data Lock</span>
</Row> </Row>
<span class="modal-tooltip__subinfo">* To avoid .</span> <span class="modal-tooltip__subinfo">* An encrypted copy of the Order of Payment is created when approved.</span>
<span class="modal-tooltip__subinfo">* Use this if the original order of payment is lost.</span> <span class="modal-tooltip__subinfo">* Protection against alteration of data after approval.</span>
<span class="modal-tooltip__subinfo">* If the Order of Payment is voided and re-approved, locked data will be overridden.</span>
</div> </div>
<Row> <Row>