noxious/client
3
0
Fork 1
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fixed login form submitting, broke login styling

Browse Source
This commit is contained in:
Dennis Postma 2024-06-06 19:26:28 +02:00
parent 356cb94cc2
commit b3175543ef
1 changed files with 19 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
src/components/screens/Login.vue
View File

@ -1,25 +1,25 @@
<template>
<div class="content-wrapper">
<h1 class="main-title">NEW QUEST</h1>
<div class="content-elements">
<div class="login-form">
<form method="post">
<div class="form-field">
<label for="username">Username</label>
<input id="username" v-model="username" type="text" name="username" required autofocus />
</div>
<div class="form-field">
<label for="password">Password</label>
<input id="password" v-model="password" type="password" name="password" required />
</div>
</form>
<form @submit.prevent="loginFunc">
<div class="content-elements">
<div class="login-form">
<div class="form-field">
<label for="username">Username</label>
<input id="username" v-model="username" type="text" name="username" required autofocus />
</div>
<div class="form-field">
<label for="password">Password</label>
<input id="password" v-model="password" type="password" name="password" required />
</div>
</div>
<div class="row-buttons">
<button class="button btn-purple" type="submit"><span>LOGIN</span></button>
<button class="button btn-purple" @click="registerFunc"><span>REGISTER</span></button>
<button class="button btn-purple"><span>CREDITS</span></button>
</div>
</div>
<div class="row-buttons">
<button class="button btn-purple" @click="loginFunc"><span>LOGIN</span></button>
<button class="button btn-purple" @click="registerFunc"><span>REGISTER</span></button>
<button class="button btn-purple"><span>CREDITS</span></button>
</div>
</div>
</form>
</div>
<audio ref="bgm" id="bgm" src="/assets/music/bgm.mp3" loop autoplay></audio>
<img draggable="false" src="/assets/bglogin.png" id="bg-img" alt="New Quest login background" />
@ -44,6 +44,7 @@ const username = ref('')
const password = ref('')
async function loginFunc() {
console.log('yeet')
// check if username and password are valid
if (username.value === '' || password.value === '') {
notifications.addNotification({ message: 'Please enter a valid username and password' })