xclele/vue-material-kit
1
0
Fork 0
mirror of https://github.com/creativetimofficial/vue-material-kit.git synced 2025-05-23 21:04:21 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

Работает регистрация

Browse Source
This commit is contained in:
FEARmeR 2023-05-20 16:55:26 +01:00
parent 89ee3118f6
commit fdb456fe82
1 changed files with 34 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

67
src/views/LandingPages/SignIn/BasicRegister.vue
View File

@ -13,31 +13,38 @@ import setMaterialInput from "@/assets/js/material-input";
const username = ref('');
const password = ref('');
const email = ref(''); // Add email
const errorMessage = ref('');
const isAuthenticated = computed(() => !!sessionStorage.getItem('access_token')); // Computed property to check if the user is authenticated
const login = async () => {
if (!username.value || !password.value) {
errorMessage.value = "Please fill in both fields.";
// New register function
const register = async () => {
if (!username.value || !password.value || !email.value) {
errorMessage.value = "Please fill in all fields.";
} else {
const url = 'http://somebodyhire.me/api/token/';
const url = 'http://somebodyhire.me/api/register/';
const headers = {
'Content-Type': 'application/json',
};
const body = {
username: username.value,
password: password.value,
email: email.value, // include email in the request body
is_staff: false
};
try {
const response = await axios.post(url, body, { headers });
errorMessage.value = `Request:\nPOST ${url}\nHeaders: ${JSON.stringify(headers)}\nBody: ${JSON.stringify(body)}\n\nResponse:\nStatus: ${response.status}\nHeaders: ${JSON.stringify(response.headers)}\nBody: ${JSON.stringify(response.data)}`;
sessionStorage.setItem('access_token', response.data.access); // Save the access token in sessionStorage (new line)
errorMessage.value = `Registration successful. Welcome ${response.data.username}!`; // Display success message
sessionStorage.setItem('access_token', response.data.token); // Save the access token in sessionStorage
} catch (error) {
if (error.response) {
// The request was made and the server responded with a status code that falls out of the range of 2xx
// The request was made and the server responded with a status code
// that falls out of the range of 2xx
errorMessage.value = `Request:\nPOST ${url}\nHeaders: ${JSON.stringify(headers)}\nBody: ${JSON.stringify(body)}\n\nResponse:\nStatus: ${error.response.status}\nHeaders: ${JSON.stringify(error.response.headers)}\nBody: ${JSON.stringify(error.response.data)}`;
} else if (error.request) {
// The request was made but no response was received
@ -50,11 +57,6 @@ const login = async () => {
}
};
const logout = () => { // Method to logout the user by clearing the session storage (new function)
sessionStorage.removeItem('access_token');
};
onMounted(() => {
setMaterialInput();
});
@ -66,17 +68,16 @@ export default {
return {
username: '',
password: '',
email: '',
errorMessage: '',
};
},
methods: {
login() {
if (!this.username || !this.password) {
this.errorMessage = "Please fill in both fields.";
} else {
// Implement login logic here
this.errorMessage = `Can't login now, you are trying to sign in with login: ${this.username} and password: ${this.password}`;
}
register() {
this.username = username.value;
this.password = password.value;
this.email = email.value;
register(); // Call the register function
},
},
};
@ -115,15 +116,10 @@ export default {
<div class="card-body">
<form role="form" class="text-start">
<div>
<div v-if="isAuthenticated">
<!-- This will only be displayed if the user is authenticated -->
<p>Опять Ты!</p>
<button @click="logout">Выход</button>
</div>
<div v-else>
<div>
<!-- This will be displayed if the user is not authenticated -->
<p>Ты с какого района?</p>
<p>Пожалуйста, зарегистрируйтесь</p>
<p>Пароль должен быть не менее 8 символов, и не быть похожим на имя пользователя или адрес почты</p>
@ -132,6 +128,11 @@ export default {
<input v-model="username" type="text" placeholder="Имя пользователя" />
</div>
<div>
<input v-model="email" type="email" placeholder="Email" />
</div>
<div>
<input v-model="password" type="password" placeholder="Пароль" />
</div>
@ -139,12 +140,12 @@ export default {
<div class="text-center">
<button
type="button"
class="btn bg-gradient-dark w-100 my-4 mb-2"
@click="login"
>
Войти
</button>
type="button"
class="btn bg-gradient-dark w-100 my-4 mb-2"
@click="register"
>
Зарегистрироваться
</button>
</div>