what even am I doing.

This commit is contained in:
iamBadgers
2026-05-04 21:26:52 -07:00
parent 566e80f8df
commit ee437d047f
3 changed files with 97 additions and 69 deletions

View File

@@ -1,27 +1,26 @@
<template>
<Form v-if="!userData.authenticated" v-slot="$form" @submit="onFormSubmit">
<div class="flex flex-column">
<InputText name="username" type="text" placeholder="Username" fluid/>
<Password name="password" placeholder="Password" :feedback="false" fluid/>
<Button type="submit" label="Log In"/>
</div>
</Form>
<div v-if="userData.authenticated">
<div>Logged in as: {{userData.username}}</div>
<Form v-slot="$form" @submit="onResetPassword">
<Password name="password" placeholder="Password" :feedback="false" fluid/>
<Button type="submit" label="Reset Password" fluid/>
<Form v-if="!userData.authenticated" v-slot="$form" @submit="onFormSubmit">
<div class="flex flex-column">
<InputText name="username" type="text" placeholder="Username" fluid />
<Password name="password" placeholder="Password" :feedback="false" fluid />
<Button type="submit" label="Log In" />
</div>
</Form>
<Button @click=logout() label="Log Out" fluid/>
</div>
<div v-if="userData.authenticated">
<div>Logged in as: {{ userData.is_admin ? "Admin" : "" }} {{ userData.username }}</div>
<Form v-slot="$form" @submit="onResetPassword">
<Password name="password" placeholder="Password" :feedback="false" fluid />
<Button type="submit" label="Reset Password" fluid />
</Form>
<Button @click=logout() label="Log Out" fluid />
</div>
</template>
<style>
</style>
<style></style>
<script setup lang="ts">
import { onMounted, reactive, ref } from "vue"
import { onMounted, ref } from "vue"
import { Form } from '@primevue/forms'
import InputText from 'primevue/inputtext'
import Button from 'primevue/button'
@@ -31,7 +30,8 @@ import axios from 'axios'
const userData = ref({
id: -1,
username: "NONE",
authenticated: false
authenticated: false,
is_admin: false
})
onMounted(() => {
@@ -44,7 +44,7 @@ function onFormSubmit(form: any) {
const username = form.values.username
const password = form.values.password
axios.post('/api/auth/login', {username, password}).then((resp) => {
axios.post('/api/auth/login', { username, password }).then((resp) => {
userData.value = resp.data
})
}
@@ -53,7 +53,7 @@ function onResetPassword(form: any) {
const username = userData.value.username
const password = form.values.password
axios.post(`/api/auth/user/${userData.value.id}`, {username, password});
axios.post(`/api/auth/user/${userData.value.id}`, { username, password });
}
function logout() {