zoeissleeping/filething
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

initial commit

Browse Source
This commit is contained in:
Zoe
2024-09-03 22:24:57 -05:00
commit 7e08411ece
23 changed files with 433 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
ui/pages/home.vue Normal file
View File

@@ -0,0 +1,12 @@
<template>
<div>
<Nav />
WOAH IS THAT FRICKING SCOTT THE WOZ DUDE
</div>
</template>
<script lang="ts" setup>
</script>
<style></style>

11
ui/pages/index.vue Normal file
View File

@@ -0,0 +1,11 @@
<template>
<div>
OMG IS THAT SCOTT THE WOZ?!?!?!?!?!?!??!?!??!?!?!?!?!?!?
</div>
</template>
<script lang="ts" setup>
</script>
<style></style>

38
ui/pages/login.vue Normal file
View File

@@ -0,0 +1,38 @@
<script setup>
console.log(useCookie("sessionToken").value)
if (useCookie("sessionToken").value) {
await navigateTo('/')
}
let email = ref('')
let password = ref('')
const submitForm = async () => {
await useFetch('/api/login', {
method: 'POST',
body: {
"email": email.value,
"password": password.value,
}
})
await navigateTo('/')
}
</script>
<template>
<div class="min-h-screen min-w-screen grid place-content-center">
<div class="flex flex-col max-w-72 w-full text-center">
<input
class="py-2 px-4 resize-none rounded-md my-2 border-gray-200 dark:border-dark-gray-800 focus:border-gray-300 dark:focus:border-dark-gray-800 border focus:outline-none placeholder:italic placeholder:text-slate-500 dark:placeholder:text-gray-300"
v-model="email" type="email" placeholder="Email..." />
<input
class="py-2 px-4 resize-none rounded-md my-2 border-gray-200 dark:border-dark-gray-800 focus:border-gray-300 dark:focus:border-dark-gray-800 border focus:outline-none placeholder:italic placeholder:text-slate-500 dark:placeholder:text-gray-300"
v-model="password" type="password" placeholder="Password..." />
<button @click="submitForm" class="py-2 px-4 bg-blue-500 text-white rounded-md">Login</button>
<p>Or <NuxtLink to="/signup" class="text-pink-600">Sign up</NuxtLink>
</p>
</div>
</div>
</template>

36
ui/pages/signup.vue Normal file
View File

@@ -0,0 +1,36 @@
<script setup>
if (useCookie("sessionToken").value) {
await navigateTo('/')
}
let email = ref('')
let password = ref('')
const submitForm = async () => {
await useFetch('/api/signup', {
method: 'POST',
body: {
"email": email.value,
"password": password.value,
}
})
await navigateTo('/')
}
</script>
<template>
<div class="min-h-screen min-w-screen grid place-content-center">
<div class="flex flex-col max-w-72 w-full text-center">
<input
class="py-2 px-4 resize-none rounded-md my-2 border-gray-200 dark:border-dark-gray-800 focus:border-gray-300 dark:focus:border-dark-gray-800 border focus:outline-none placeholder:italic placeholder:text-slate-500 dark:placeholder:text-gray-300"
v-model="email" type="email" placeholder="Email..." />
<input
class="py-2 px-4 resize-none rounded-md my-2 border-gray-200 dark:border-dark-gray-800 focus:border-gray-300 dark:focus:border-dark-gray-800 border focus:outline-none placeholder:italic placeholder:text-slate-500 dark:placeholder:text-gray-300"
v-model="password" type="password" placeholder="Password..." />
<button @click="submitForm" class="py-2 px-4 bg-blue-500 text-white rounded-md">Signup</button>
<p>Or <NuxtLink to="/login" class="text-pink-600">Log in</NuxtLink>
</p>
</div>
</div>
</template>