backbone for login
This commit is contained in:
@ -1,16 +1,25 @@
|
||||
<script setup>
|
||||
import { ref } from 'vue'
|
||||
import { login } from './rest/Users.js'
|
||||
|
||||
const username = ref("");
|
||||
const password = ref("");
|
||||
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<body>
|
||||
<div class="logBoxCenterer">
|
||||
<div class='loginBox'>
|
||||
<div class="form">
|
||||
<form @submit.prevent="login(username, password)" class="form">
|
||||
<h1 style="color:rgb(239,60,168); font-family: sans-serif;">SIGN IN</h1>
|
||||
<div class="inputBox">
|
||||
<p>USERNAME</p>
|
||||
<input type="text" required>
|
||||
<input v-model="username" type="text" required>
|
||||
</div>
|
||||
<div class="inputBox">
|
||||
<p>PASSWORD</p>
|
||||
<input type="password" required>
|
||||
<input v-model=password type="password" required>
|
||||
</div>
|
||||
<div class="register">
|
||||
<a>Register</a>
|
||||
@ -18,7 +27,7 @@
|
||||
<div class="inputBox">
|
||||
<input type="submit" value="Login">
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
Reference in New Issue
Block a user