Admin Panel Startseite funktioniert jetzt

src/adminpanellib.ts

@@ -0,0 +1,16 @@
+import RitzenbergenLib from "./ritzenbergenlib";
+class AdminPanelLib {
+		static async getUserInfo(token:string){
+				const url=new URL(RitzenbergenLib.RitzenbergenLib.api("/admin/userinfo.php"));
+				return fetch(url.toString(), {
+						headers: {
+								"Authorization": "Bearer "+token
+						},
+				})
+				.then((response)=>response.json());
+		}
+}
+
+export default {
+		AdminPanelLib
+}

src/views/adminpanel/AdminPanelLogin.vue

@@ -1,17 +1,25 @@
 <script lang="ts" setup>
 		import Navbar from "../../components/Navbar.vue";
 		import { ref } from "vue";
-		import bcrypt from "bcryptjs";
 		import { useRouter } from 'vue-router'
+		import RitzenbergenLib from "../../ritzenbergenlib.ts";
 
 		const router = useRouter()
-		const saltRounds = 12;
 
 		async function login(){
-				const username2=username.value;
-				const password2=await bcrypt.hash(password.value,saltRounds);
-				
-				router.push({ name: "adminpanel-main", params: { token: password2 } })
+				const url=new URL(RitzenbergenLib.RitzenbergenLib.api("/admin/login.php"));
+				url.searchParams.append("username",username.value);
+				url.searchParams.append("password",password.value);
+				const token=await fetch(url)
+				.then((result)=>result.json())
+				.then((result)=>{
+						if(result.success) return result.token;
+						else{
+								window.alert(result.error);
+								return "";
+						}
+				});
+				if(token!="") router.push({ name: "adminpanel-main", params: { token } })
 		}
 
 		const username=ref("");

src/views/adminpanel/Main.vue

@@ -1,12 +1,16 @@
 <script lang="ts" setup>
 		import { useRoute } from 'vue-router'
 		import { ref } from "vue";
+		import AdminPanelLib from "../../adminpanellib.ts";
 
 		const route = useRoute();
 
 		const token=ref(route.params.token);
+		const userinfo=ref({})
+
+		AdminPanelLib.AdminPanelLib.getUserInfo(token.value).then((result)=>userinfo.value=result);
 </script>
 <template>
 	<h1>Admin Panel</h1>
-	<p>Token: {{ token }}</p>
+	<h2>Moin {{ userinfo.username }}!</h2>
 </template>