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

Compare commits

base: PatAlcala9:ab2ba8bb207891188ab230460e0a10a9894c0c3f
Branches Tags
PatAlcala9:main
..
compare: PatAlcala9:7af0425b0c1cd278a2587bf4615473cb89ae05b8
Branches Tags
PatAlcala9:main

2 commits
ab2ba8bb20 ... 7af0425b0c

Author SHA1 Message Date
Patrick Alvin Alcala
7af0425b0c Updated ui 2025-09-30 17:12:37 +08:00
Patrick Alvin Alcala
dfec2f7f36 Added peso sign 2025-09-30 17:12:24 +08:00
3 changed files with 26 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

3
.env
View file

@ -1,2 +1,3 @@
VITE_BACKEND=http://localhost:4320/api/ VITE_BACKEND=http://localhost:4320/api/
VITE_HEAD=ARCH. KHASHAYAR L. TOGHYANI VITE_HEAD=ARCH. KHASHAYAR L. TOGHYANI
VITE_PESO=₱

3
src/components/Row/Row.tsx
View file

@ -5,13 +5,14 @@ interface Props {
children: JSXElement children: JSXElement
content?: 'left' | 'center' | 'right' | 'split' | 'spaced' | 'even' content?: 'left' | 'center' | 'right' | 'split' | 'spaced' | 'even'
gap?: number gap?: number
padding?: string
} }
export default (props: Props) => { export default (props: Props) => {
return ( return (
<> <>
<Show when={props.gap}> <Show when={props.gap}>
<section class={`row-${props.content || 'center'}`} style={`gap: ${props.gap}rem`}> <section class={`row-${props.content || 'center'}`} style={`gap: ${props.gap || 0}rem; padding: ${props.padding || 0}`}>
{props.children} {props.children}
</section> </section>
</Show> </Show>

37
src/pages/MainPage/Main.tsx
View file

@ -1,5 +1,5 @@
import './Main.sass' import './Main.sass'
import { Logo, Link, Page, Row, Padding, ModalButton, Box, Column } from '../../components/' import { Logo, Link, Page, Row, Padding, ModalButton, Box, Button } from '../../components/'
import { FiLogOut } from 'solid-icons/fi' import { FiLogOut } from 'solid-icons/fi'
import { Tabs } from '@kobalte/core/tabs' import { Tabs } from '@kobalte/core/tabs'
import { ofetch } from 'ofetch' import { ofetch } from 'ofetch'
@ -7,6 +7,7 @@ import { onMount, createSignal } from 'solid-js'
import dayjs from 'dayjs' import dayjs from 'dayjs'
const API = import.meta.env.VITE_BACKEND const API = import.meta.env.VITE_BACKEND
const PESO = import.meta.env.VITE_PESO
export default () => { export default () => {
const [updatedList, setUpdatedList] = createSignal<string[]>([]) const [updatedList, setUpdatedList] = createSignal<string[]>([])
@ -156,24 +157,30 @@ export default () => {
<td>111</td> <td>111</td>
<td>11</td> <td>11</td>
<td> <td>
<ModalButton class="modal" label="Show Details" design="bo-link" background="#111d29e1" color="#ffffffec"> <ModalButton class="modal" label="Show Details" design="bo-link" background="#121e2acc" color="#ffffffec">
<Padding top={0} left={2} right={2} bottom={0}> <Padding top={0} left={2} right={2} bottom={0}>
<Column> <Box curved thickness={1} padding={1}>
<Box curved thickness={1} padding={1}> <span class="modal__application-number">25-0000000123</span>
<span class="modal__application-number">25-0000000123</span> </Box>
</Box> <Row>
<span class="modal__name">Sample Name</span> <span class="modal__name">Sample Name</span>
</Row>
<section class="modal__row">
<span class="modal__row__label">Assessed By:</span>
<span class="modal__row__detail">{assessor()}</span>
</section>
<section class="modal__row"> <section class="modal__row">
<span class="modal__row__label">Assessed By:</span> <span class="modal__row__label">Total Fee:</span>
<span class="modal__row__detail">{assessor()}</span> <span class="modal__row__detail">
</section> {PESO} {totalOp().toFixed(2)}
</span>
</section>
<section class="modal__row"> <Row gap={1} padding="1rem 0 0 0">
<span class="modal__row__label">Total Fee:</span> <Button label="Disapprove" edges="curved" design="bo-danger"></Button>
<span class="modal__row__detail">P {totalOp().toFixed(2)}</span> <Button label="Approve" edges="curved" design="bo-primary"></Button>
</section> </Row>
</Column>
</Padding> </Padding>
</ModalButton> </ModalButton>
</td> </td>