gorb/frontend
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

dev #1

Merged
sauceyred merged 36 commits from dev into main 2025-05-29 03:01:50 +00:00
Conversation 0 Commits 36 Files changed 18 +41 -42
1 changed files with 41 additions and 42 deletions
Download patch file Download diff file Expand all files Collapse all files
Showing only changes of commit 59c9acdc9e - Show all commits

83
layouts/auth.vue
View file

@ -1,55 +1,55 @@
<template> <template>
<Loading v-if="!mounted" /> <NuxtLayout>
<div v-else id="root-container" style="margin-top: 5dvh;"> <div id="root-container" style="margin-top: 5dvh;">
<div id="main-container"> <div id="main-container">
<div v-if="!instanceUrl"> <div v-if="!instanceUrl">
<div v-if="instanceError" style="color: red;"> <div v-if="instanceError" style="color: red;">
{{ instanceError }} {{ instanceError }}
</div>
<form @submit="selectInstance">
<div>
<label for="instance-url">Instance URL</label>
<br>
<input type="url" name="instance-url" id="instance-url" required v-model="instanceUrlInput">
</div>
<div>
<button type="submit">Next</button>
</div>
</form>
</div> </div>
<form @submit="selectInstance"> <div v-else id="auth-form-container">
<div> <slot />
<label for="instance-url">Instance URL</label>
<br>
<input type="url" name="instance-url" id="instance-url" required v-model="instanceUrlInput">
</div>
<div>
<button type="submit">Next</button>
</div>
</form>
</div>
<div v-else id="auth-form-container">
<slot />
</div>
<div v-if="auth.accessToken.value">
You're logged in!
<form @submit="logout">
<div>
<label for="logout-password">Password</label>
<br>
<input type="password" name="logout-password" id="logout-password" v-model="form.password" required>
</div>
<div>
<button type="submit">Log out</button>
</div>
</form>
<div>
<button @click="refresh">Refresh</button>
</div> </div>
<div> <div v-if="auth.accessToken.value">
<button @click="showUser">Show user</button> You're logged in!
</div> <form @submit="logout">
<div> <div>
<button @click="getUser">Get me</button> <label for="logout-password">Password</label>
<br>
<input type="password" name="logout-password" id="logout-password" v-model="form.password" required>
</div>
<div>
<button type="submit">Log out</button>
</div>
</form>
<div>
<button @click="refresh">Refresh</button>
</div>
<div>
<button @click="showUser">Show user</button>
</div>
<div>
<button @click="getUser">Get me</button>
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </NuxtLayout>
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>
import { FetchError } from 'ofetch'; import { FetchError } from 'ofetch';
const mounted = ref(false);
const redirectTo = useRoute().query.redirect_to; const redirectTo = useRoute().query.redirect_to;
const apiVersion = useRuntimeConfig().public.apiVersion; const apiVersion = useRuntimeConfig().public.apiVersion;
@ -64,7 +64,6 @@ if (auth.accessToken.value) {
} }
onMounted(() => { onMounted(() => {
mounted.value = true;
const cookie = useCookie("instance_url").value; const cookie = useCookie("instance_url").value;
instanceUrl.value = cookie; instanceUrl.value = cookie;
console.log(cookie); console.log(cookie);