danielvici123/esp-projekt
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

small changes, login first version

Browse Source 
small changes:
- Title changed -> ESP - Express, Share, Post
- Icon changed -> Logo
login:
connection to api :)
This commit is contained in:
danielvici123
2024-12-17 22:24:23 +01:00
parent f478198ff7
commit d0182e7d5b
2 changed files with 36 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
index.html
View File

@@ -2,9 +2,9 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" /> <link rel="icon" type="image/png" href="src/assets/esp-logo_no_text.png" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Vite + Vue + TS</title> <title>ESP - Express, Share, Post</title>
<link rel="stylesheet" href="/src/assets/main.css" /> <link rel="stylesheet" href="/src/assets/main.css" />
</head> </head>
<body class="bg-hintergrund-farbe"> <body class="bg-hintergrund-farbe">

37
src/components/login_components/login_comp.vue
View File

@@ -1,9 +1,40 @@
<script setup lang="ts"> <script setup lang="ts">
import router from "../../router"; import router from "../../router";
import { ref } from 'vue';
function login() { async function login() {
// alert("Account deleted. You will be redirected to the login page.");
router.push("/"); const username = ref('testuser');
const password = ref('testpassword');
const response = await fetch('http://localhost:8000/api/account/login', {
method: 'POST',
headers: {
'Content-Type': 'application/json',
},
body: JSON.stringify({ username: username.value, password: password.value }),
});
/*
if (!response.ok) {
throw new Error(`Fehler beim Login: ${response.status} - ${response.statusText}`);
}
*/
const data = await response.json();
// Handle successful login (e.g., store user data in Vuex)
console.log(response);
/*
console.log('Erfolgreich eingeloggt:', data);
console.error('Fehler beim Login:', error);
*/
// Handle login error (e.g., display an error message to the user)
alert("Logged in. You will be redirected to the login page.");
router.push('/');
} }
function handleSubmit(event: Event) { function handleSubmit(event: Event) {