merch-tracker-v2/frontend
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

register + push to sign in on success

Browse source
This commit is contained in:
nquidox 2025-09-14 17:44:32 +03:00
parent ba4d769591
commit 8934f7b219
3 changed files with 79 additions and 64 deletions
Download patch file Download diff file Expand all files Collapse all files

36
src/views/LoginView.vue
View file

@ -1,26 +1,35 @@
<script setup>
import { ref } from 'vue'
import { reactive, ref } from 'vue'
import { useAuthStore } from '@/stores/authStore.js'
import { storeToRefs } from 'pinia'
const store = useAuthStore()
const email = ref('')
const password = ref('')
const { activeTab } = storeToRefs(store)
const signInEmail = ref('')
const signInPassword = ref('')
const onSignIn = () => {
store.login(email.value, password.value)
store.login(signInEmail.value, signInPassword.value)
}
const signUp = reactive({
email: '',
password: '',
reenterPassword: '',
})
const onSignUp = () => {
console.log('Sign up placeholder')
store.register(signUp.email, signUp.password)
}
</script>
<template>
<n-card class="my-card">
<n-tabs
v-model:value="activeTab"
class="card-tabs"
default-value="signin"
size="large"
animated
pane-wrapper-style="margin: 0 -4px"
@ -29,25 +38,25 @@ const onSignUp = () => {
<n-tab-pane name="signin" tab="Sign in">
<n-form @submit.prevent="onSignIn">
<n-form-item-row label="Email">
<n-input v-model:value="email"/>
<n-input v-model:value="signInEmail"/>
</n-form-item-row>
<n-form-item-row label="Password">
<n-input v-model:value="password" type="password" show-password-on="click" />
<n-input v-model:value="signInPassword" type="password" show-password-on="click" />
</n-form-item-row>
</n-form>
<n-button type="primary" block secondary strong @click="onSignIn"> Sign In</n-button>
</n-tab-pane>
<n-tab-pane name="signup" tab="Sign up">
<n-form @submit.prevent="onSignUp" @keydown.enter.prevent="onSignUp">
<n-form-item-row label="Email">
<n-input />
<n-form @submit.prevent="onSignUp">
<n-form-item-row label="Email" >
<n-input v-model:value="signUp.email"/>
</n-form-item-row>
<n-form-item-row label="Password">
<n-input type="password" show-password-on="click" />
<n-input type="password" v-model:value="signUp.password" show-password-on="click" />
</n-form-item-row>
<n-form-item-row label="Reenter Password">
<n-input type="password" show-password-on="click" />
<n-input type="password" v-model:value="signUp.reenterPassword" show-password-on="click" />
</n-form-item-row>
</n-form>
<n-button type="primary" block secondary strong @click="onSignUp">Sign up</n-button>
@ -64,5 +73,6 @@ const onSignUp = () => {
.my-card {
max-width: 500px;
width: 90%;
margin: auto;
}
</style>