TWS/kalkutago
8
0
Fork 1
Code Issues 9 Pull requests 1 Packages Projects 1 Releases Wiki Activity

WIP: Add busy indicators to login view

Browse source
This commit is contained in:
D. Scott Boggs 2023-08-23 06:44:30 -04:00
parent db72a6df17
commit 37426aaa52
1 changed files with 5 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
client/src/views/Login.vue
View file

@ -7,8 +7,8 @@ const name = ref("")
const password = ref("") const password = ref("")
const signUpWait = ref(false) const signUpWait = ref(false)
const loginWait = ref(false) const loginWait = ref(false)
const signUpClass = computed(() => `submit button is-success ${signUpWait ? 'is-loading' : ''}`) const signUpClass = computed(() => `submit button is-success ${signUpWait.value ? 'is-loading' : ''}`)
const loginClass = computed(() => `submit button is-success ${loginWait ? 'is-loading' : ''}`) const loginClass = computed(() => `submit button is-info ${loginWait.value ? 'is-loading' : ''}`)
async function signUp() { async function signUp() {
const $name = name.value const $name = name.value
@ -40,6 +40,8 @@ async function login() {
} }
} }
if(state.user?.name) router.push("/")
</script> </script>
<template> <template>
<div class="modal is-active"> <div class="modal is-active">
@ -50,7 +52,7 @@ async function login() {
</header> </header>
<section class="modal-card-body"> <section class="modal-card-body">
<div class="field"> <div class="field">
<label for="username">Name</label> <label for="username" class=label>Name</label>
<div class="control"> <div class="control">
<input type="text" name="username" class="input" v-model="name" /> <input type="text" name="username" class="input" v-model="name" />
</div> </div>