update login

src/components/GameWindow.vue

@@ -1,9 +1,10 @@
 <script setup lang="ts">
   import { ref, nextTick, watch, onMounted } from 'vue';
-  import { useRouter } from 'vue-router';
+  import { useRoute, useRouter } from 'vue-router';
   import { getApiUrl } from './net';
 
   const router = useRouter();
+  const route = useRoute();
 
   type Application = {
     name: string
@@ -21,6 +22,8 @@
     actions: Action[]
   }
 
+  const login = ref("")
+  const password = ref("")
   const place = ref("")
   const team = ref<Team>({actions: []})
   const actions = ref<Action[]>([])
@@ -32,8 +35,8 @@
       {
         method: "GET",
         headers: {
-          "X-Id": sessionStorage.getItem("teamId") || "",
-          "X-Password": sessionStorage.getItem("password") || ""
+          "X-Id": login.value,
+          "X-Password": password.value
         },
       }
     )
@@ -62,8 +65,8 @@
       {
         method: "POST",
         headers: {
-          "X-Id": sessionStorage.getItem("teamId") || "",
-          "X-Password": sessionStorage.getItem("password") || ""
+          "X-Id": login.value,
+          "X-Password": password.value
         },
         body: JSON.stringify({
           "place": place.value
@@ -90,6 +93,16 @@
 
   let intervalId = 0
   onMounted(() => {
+    login.value = sessionStorage.getItem("teamId") || ""
+    password.value = sessionStorage.getItem("password") || ""
+    if (login.value == "") {
+      login.value = route.query["name"]?.toString() || ""
+      password.value = route.query["password"]?.toString() || ""
+      sessionStorage.setItem("teamId", login.value)
+      sessionStorage.setItem("password", password.value)
+    }
+    // http://localhost:5174?name=name&password=pass
+
     getTeam()
 
     intervalId = setInterval(() => {getTeam()}, 2000);

src/components/LoginWindow.vue

@@ -5,8 +5,8 @@
 
   const router = useRouter();
 
-  const login = ref(sessionStorage.getItem("teamId") || "")
-  const password = ref(sessionStorage.getItem("password") || "")
+  const login = ref("")
+  const password = ref("")
   const buttonText = ref("Вход")
   const errorMsg = ref("")
 
@@ -46,6 +46,9 @@
     .finally(() => {buttonText.value = oldText});
   }
   onMounted(() => {
+    login.value = sessionStorage.getItem("teamId") || ""
+    password.value = sessionStorage.getItem("password") || ""
+
     onClickLogin()
   })
 </script>