Changed from astro to pure solidjs
This commit is contained in:
parent
3203e91c5a
commit
e85dc60101
76 changed files with 2281 additions and 3843 deletions
12
src/pages/IndexPage/Index.sass
Normal file
12
src/pages/IndexPage/Index.sass
Normal file
|
|
@ -0,0 +1,12 @@
|
|||
@use '/src/styles/variables.sass' as vars
|
||||
@use '/src/styles/breakpoint.sass' as views
|
||||
|
||||
h1
|
||||
font-size: 3.25rem
|
||||
color: vars.$textColor
|
||||
|
||||
@media only screen and (max-width: views.$mobile)
|
||||
font-size: 2.25rem
|
||||
|
||||
.div
|
||||
width: 8rem
|
||||
44
src/pages/IndexPage/Index.tsx
Normal file
44
src/pages/IndexPage/Index.tsx
Normal file
|
|
@ -0,0 +1,44 @@
|
|||
import './Index.sass'
|
||||
import { Button, Page, Padding, Display, Row, Logo, Column, Box } from '../../components'
|
||||
|
||||
export default () => {
|
||||
return (
|
||||
<>
|
||||
<Page>
|
||||
<Padding left={4.75} right={4.75}>
|
||||
<Display desktop tablet>
|
||||
<Row content="split">
|
||||
<Row content="left" gap={2}>
|
||||
<Logo size={200} />
|
||||
<h1>OCBO e-Sign</h1>
|
||||
</Row>
|
||||
|
||||
<Row content="left" gap={1}>
|
||||
<Button label="Login" edges="curved" design="bo-link" />
|
||||
<Button label="Register" edges="curved" design="bo-primary" to="/register" />
|
||||
</Row>
|
||||
</Row>
|
||||
</Display>
|
||||
|
||||
<Display mobile>
|
||||
<Column content="center">
|
||||
<Logo size={120} />
|
||||
<h1>OCBO e-Sign</h1>
|
||||
|
||||
<Button label="Register" edges="curved" to="/main" />
|
||||
</Column>
|
||||
</Display>
|
||||
|
||||
<Row content="spaced">
|
||||
<Box thickness={1} curved>
|
||||
<h2>Assessor</h2>
|
||||
</Box>
|
||||
<Box thickness={1} curved>
|
||||
<h2>Approver</h2>
|
||||
</Box>
|
||||
</Row>
|
||||
</Padding>
|
||||
</Page>
|
||||
</>
|
||||
)
|
||||
}
|
||||
16
src/pages/MainPage/Main.sass
Normal file
16
src/pages/MainPage/Main.sass
Normal file
|
|
@ -0,0 +1,16 @@
|
|||
@use '/src/styles/variables.sass' as vars
|
||||
@use 'sass:color'
|
||||
|
||||
.padding
|
||||
margin: 11rem
|
||||
border: 1px solid red
|
||||
|
||||
h1
|
||||
font-size: 3.25rem
|
||||
color: vars.$textColor
|
||||
|
||||
.div
|
||||
width: 8rem
|
||||
|
||||
.name
|
||||
font-size: 1.25rem
|
||||
35
src/pages/MainPage/Main.tsx
Normal file
35
src/pages/MainPage/Main.tsx
Normal file
|
|
@ -0,0 +1,35 @@
|
|||
import './Main.sass'
|
||||
import { Logo, Link, Page, Row, Padding, Table } from '../../components/'
|
||||
import { FiLogOut } from 'solid-icons/fi'
|
||||
// import { ofetch } from 'ofetch'
|
||||
|
||||
export default () => {
|
||||
return (
|
||||
<>
|
||||
<Page alignment="column">
|
||||
<Padding left={4.75} right={4.75}>
|
||||
<Row content="split">
|
||||
<Link to="/">
|
||||
<Row content="left" gap={2}>
|
||||
<Logo size={200} />
|
||||
<h1>OCBO e-Sign</h1>
|
||||
</Row>
|
||||
</Link>
|
||||
|
||||
<Row content="left" gap={1}>
|
||||
<span class="name">Login Name</span>
|
||||
<Link to="/">
|
||||
<FiLogOut size={25} />
|
||||
</Link>
|
||||
</Row>
|
||||
</Row>
|
||||
<Row content="center">
|
||||
<h2>List of Ready to Approve and Sign OP (Order of Payments)</h2>
|
||||
</Row>
|
||||
|
||||
<Table />
|
||||
</Padding>
|
||||
</Page>
|
||||
</>
|
||||
)
|
||||
}
|
||||
0
src/pages/RegisterPage/Register.sass
Normal file
0
src/pages/RegisterPage/Register.sass
Normal file
36
src/pages/RegisterPage/Register.tsx
Normal file
36
src/pages/RegisterPage/Register.tsx
Normal file
|
|
@ -0,0 +1,36 @@
|
|||
import { Button, Logo, Link, Page, Row, Column, Display, Padding } from '../../components'
|
||||
// import RegistrationForm from '../components/RegistrationForm/RegistrationForm'
|
||||
|
||||
export default () => {
|
||||
return (
|
||||
<>
|
||||
<Page alignment="column">
|
||||
<Padding left={4.75} right={4.75}>
|
||||
<Display desktop tablet>
|
||||
<Row content="split">
|
||||
<Link to="/">
|
||||
<Row content="left" gap={2}>
|
||||
<Logo size={200} />
|
||||
<h1>OCBO e-Sign</h1>
|
||||
</Row>
|
||||
</Link>
|
||||
|
||||
<Button label="Register" edges="curved" to="/main" />
|
||||
</Row>
|
||||
|
||||
<Display mobile>
|
||||
<Column content="center">
|
||||
<Link to="/">
|
||||
<Logo size={120} />
|
||||
<h1>OCBO e-Sign</h1>
|
||||
</Link>
|
||||
|
||||
<Button label="Register" edges="curved" to="/main" />
|
||||
</Column>
|
||||
</Display>
|
||||
</Display>
|
||||
</Padding>
|
||||
</Page>
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
|
@ -1,59 +0,0 @@
|
|||
---
|
||||
import Layout from '../layouts/Layout.astro'
|
||||
import { Button, Logo, Box, Link, Page, Footer, Row, Column, Image, Copyright, OptimizeLogo, Display, Padding } from '../../fwt/'
|
||||
|
||||
// const sample = import.meta.env.SAMPLE
|
||||
---
|
||||
|
||||
<Layout title="OCBO e-Sign">
|
||||
<Page alignment="column">
|
||||
<Padding left={4.75} right={4.75}>
|
||||
<Display desktop tablet>
|
||||
<Row content="split">
|
||||
<Row content="left" gap={2}>
|
||||
<Logo size={200} />
|
||||
<h1>OCBO e-Sign</h1>
|
||||
</Row>
|
||||
|
||||
<Row content="left" gap={1}>
|
||||
<Button label="Login" edges="curved" design="bo-link" to="/login" />
|
||||
<Button label="Register" edges="curved" design="bo-primary" to="/register" />
|
||||
</Row>
|
||||
</Row>
|
||||
</Display>
|
||||
|
||||
<Display mobile>
|
||||
<Column content="center">
|
||||
<Logo size={120} />
|
||||
<h1>OCBO e-Sign</h1>
|
||||
|
||||
<Button label="Register" edges="curved" to="/main" />
|
||||
</Column>
|
||||
</Display>
|
||||
|
||||
<Row content="spaced">
|
||||
<Box thickness={1} curved>
|
||||
<h2>Assessor</h2>
|
||||
</Box>
|
||||
<Box thickness={1} curved>
|
||||
<h2>Approver</h2>
|
||||
</Box>
|
||||
</Row>
|
||||
</Padding>
|
||||
</Page>
|
||||
</Layout>
|
||||
|
||||
<style lang="sass">
|
||||
@use '/src/styles/variables.sass' as vars
|
||||
@use '/src/styles/breakpoint.sass' as views
|
||||
|
||||
h1
|
||||
font-size: 3.25rem
|
||||
color: vars.$textColor
|
||||
|
||||
@media only screen and (max-width: views.$mobile)
|
||||
font-size: 2.25rem
|
||||
|
||||
.div
|
||||
width: 8rem
|
||||
</style>
|
||||
|
|
@ -1,67 +0,0 @@
|
|||
---
|
||||
import Layout from '../layouts/Layout.astro'
|
||||
import { Button, Logo, Link, Page, Footer, Row, Column, Image, Copyright, OptimizeLogo, Display, Padding } from '../../fwt/'
|
||||
import { RiArrowsArrowGoBackLine } from 'solid-icons/ri'
|
||||
---
|
||||
|
||||
<Layout title="Dashboard - OCBO e-Sign">
|
||||
<Page alignment="column">
|
||||
<Padding left={4.75} right={4.75}>
|
||||
<Row content="split">
|
||||
<Display desktop tablet>
|
||||
<Row content="left" gap={2}>
|
||||
<Logo size={200} />
|
||||
<h1>OCBO e-Sign</h1>
|
||||
</Row>
|
||||
</Display>
|
||||
|
||||
<Link to="/">
|
||||
<Row content="left" gap={1}>
|
||||
<span class="name">Go Back</span>
|
||||
<RiArrowsArrowGoBackLine size={25} />
|
||||
</Row>
|
||||
</Link>
|
||||
</Row>
|
||||
</Padding>
|
||||
</Page>
|
||||
</Layout>
|
||||
|
||||
<style lang="sass">
|
||||
@use '/src/styles/variables.sass' as vars
|
||||
@use 'sass:color'
|
||||
|
||||
.padding
|
||||
margin: 11rem
|
||||
border: 1px solid red
|
||||
|
||||
h1
|
||||
font-size: 3.25rem
|
||||
color: vars.$textColor
|
||||
|
||||
.div
|
||||
width: 8rem
|
||||
|
||||
.name
|
||||
font-size: 1.25rem
|
||||
|
||||
.table
|
||||
width: 100%
|
||||
border-collapse: collapse
|
||||
margin: 2rem
|
||||
|
||||
th, td
|
||||
border: 1px solid vars.$tableBorderColor
|
||||
padding: 0.75rem
|
||||
text-align: left
|
||||
font-size: 1.1rem
|
||||
|
||||
td:nth-child(1)
|
||||
width: 12rem
|
||||
|
||||
td:nth-child(3)
|
||||
width: 9rem
|
||||
|
||||
th
|
||||
background-color: vars.$tableHeaderBackground
|
||||
color: white
|
||||
</style>
|
||||
|
|
@ -1,82 +0,0 @@
|
|||
---
|
||||
import Layout from '../layouts/Layout.astro'
|
||||
import { Button, Logo, Link, Page, Footer, Row, Column, Image, Copyright, OptimizeLogo, Display, Padding, Modal } from '../../fwt/'
|
||||
import { FiLogOut } from 'solid-icons/fi'
|
||||
import { ofetch } from 'ofetch'
|
||||
import Table from '../components/Table/Table'
|
||||
---
|
||||
|
||||
<script>
|
||||
import gsap from 'gsap'
|
||||
const modal = document.getElementById('modal')
|
||||
const modalButton = document.getElementById('modal-button')
|
||||
|
||||
modalButton?.addEventListener('click', () => {
|
||||
gsap.to(modal, {
|
||||
duration: 0,
|
||||
display: 'block',
|
||||
ease: 'power2.out',
|
||||
})
|
||||
})
|
||||
|
||||
modal?.addEventListener('click', () => {
|
||||
gsap.to(modal, {
|
||||
duration: 0,
|
||||
display: 'none',
|
||||
ease: 'power2.out',
|
||||
})
|
||||
})
|
||||
</script>
|
||||
|
||||
<Layout title="Dashboard - OCBO e-Sign">
|
||||
<Page alignment="column">
|
||||
<Padding left={4.75} right={4.75}>
|
||||
<Row content="split">
|
||||
<Display desktop tablet>
|
||||
<Link to="/">
|
||||
<Row content="left" gap={2}>
|
||||
<Logo size={200} />
|
||||
<h1>OCBO e-Sign</h1>
|
||||
</Row>
|
||||
</Link>
|
||||
|
||||
<Row content="left" gap={1}>
|
||||
<span class="name">Patrick Alvin Alcala</span>
|
||||
<Link to="/"><FiLogOut size={25} /></Link>
|
||||
</Row>
|
||||
</Display>
|
||||
|
||||
<Row content="center">
|
||||
<h2>List of Ready to Approve and Sign OP (Order of Payments)</h2>
|
||||
</Row>
|
||||
|
||||
<Table client:load />
|
||||
</Row>
|
||||
</Padding>
|
||||
|
||||
<div id="modal" style="display: none">
|
||||
<Modal background="rgba(0,0,0,0.5)">
|
||||
<h1>SAMPLE</h1>
|
||||
</Modal>
|
||||
</div>
|
||||
</Page>
|
||||
|
||||
<style lang="sass">
|
||||
@use '/src/styles/variables.sass' as vars
|
||||
@use 'sass:color'
|
||||
|
||||
.padding
|
||||
margin: 11rem
|
||||
border: 1px solid red
|
||||
|
||||
h1
|
||||
font-size: 3.25rem
|
||||
color: vars.$textColor
|
||||
|
||||
.div
|
||||
width: 8rem
|
||||
|
||||
.name
|
||||
font-size: 1.25rem
|
||||
</style>
|
||||
</Layout>
|
||||
|
|
@ -1,54 +0,0 @@
|
|||
---
|
||||
import Layout from '../layouts/Layout.astro'
|
||||
import { Button, Logo, Link, Box, Page, Form, Row, Column, Image, Copyright, OptimizeLogo, Display, Padding } from '../../fwt/'
|
||||
import RegistrationForm from '../components/RegistrationForm/RegistrationForm'
|
||||
---
|
||||
|
||||
<Layout title="Register - OCBO e-Sign">
|
||||
<Page alignment="column">
|
||||
<Padding left={4.75} right={4.75}>
|
||||
<Display desktop tablet>
|
||||
<Row content="split">
|
||||
<Link to="/">
|
||||
<Row content="left" gap={2}>
|
||||
<Logo size={200} />
|
||||
<h1>OCBO e-Sign</h1>
|
||||
</Row>
|
||||
</Link>
|
||||
|
||||
<Button label="Register" edges="curved" to="/main" />
|
||||
</Row>
|
||||
|
||||
<Display mobile>
|
||||
<Column content="center">
|
||||
<Link to="/">
|
||||
<Logo size={120} />
|
||||
<h1>OCBO e-Sign</h1>
|
||||
</Link>
|
||||
|
||||
<Button label="Register" edges="curved" to="/main" />
|
||||
</Column>
|
||||
</Display>
|
||||
|
||||
<Column>
|
||||
<RegistrationForm />
|
||||
</Column>
|
||||
</Display>
|
||||
</Padding>
|
||||
|
||||
<style lang="sass">
|
||||
@use '/src/styles/variables.sass' as vars
|
||||
@use '/src/styles/breakpoint.sass' as views
|
||||
|
||||
h1
|
||||
font-size: 3.25rem
|
||||
color: vars.$textColor
|
||||
|
||||
@media only screen and (max-width: views.$mobile)
|
||||
font-size: 2.25rem
|
||||
|
||||
.div
|
||||
width: 8rem
|
||||
</style>
|
||||
</Page>
|
||||
</Layout>
|
||||
Loading…
Add table
Add a link
Reference in a new issue