2 Commits
0.8.0 ... 0.9.0

Author SHA1 Message Date
TeamCity
0b05cba25f ci: bump version to v0.9.0 2025-12-10 14:47:18 +00:00
14e001cae6 feat(api): FRO-15 Join Game (#16)
Added join game functionality

Co-authored-by: LQ63 <lkhermann@web.de>
Reviewed-on: #16
Reviewed-by: Janis <janis-e@gmx.de>
Co-authored-by: lq64 <lq@blackhole.local>
Co-committed-by: lq64 <lq@blackhole.local>
2025-12-10 15:45:56 +01:00
3 changed files with 27 additions and 12 deletions

View File

@@ -83,3 +83,8 @@
### Features
* FRO-23 Create Player Hand Component ([#15](https://git.janis-eccarius.de/KnockOutWhist/KnockOutWhist-Frontend/issues/15)) ([b20ec0a](https://git.janis-eccarius.de/KnockOutWhist/KnockOutWhist-Frontend/commit/b20ec0a3638649155f2f9c5984014d75eb2ba618))
## [0.0.0](https://git.janis-eccarius.de/KnockOutWhist/KnockOutWhist-Frontend/compare/0.8.0...0.0.0) (2025-12-10)
### Features
* **api:** FRO-15 Join Game ([#16](https://git.janis-eccarius.de/KnockOutWhist/KnockOutWhist-Frontend/issues/16)) ([14e001c](https://git.janis-eccarius.de/KnockOutWhist/KnockOutWhist-Frontend/commit/14e001cae67592c5ea15786905aa3574df9a9e6c))

View File

@@ -2,27 +2,37 @@
import {ref} from "vue";
import { useRouter } from 'vue-router';
import {useQuasar} from "quasar";
import axios from "axios";
const router = useRouter();
const lobbyCode = ref('');
const isLoading = ref(false);
const $q = useQuasar();
const delay = (ms: number) => new Promise(resolve => setTimeout(resolve, ms));
const api = window?.__RUNTIME_CONFIG__?.API_URL;
const startGameQuasar = async() => {
if (!lobbyCode.value) {
$q.notify({ message: 'Lobby-Name wird benötigt', color: 'red', position: 'top', icon: 'cancel' });
return;
}
isLoading.value = true;
//TODO: Implement Logic to Start the Game and Redirect to Ingame
await delay(3000)
isLoading.value = false;
$q.notify({
message: `Lobby "${lobbyCode.value}" erfolgreich gefunden`,
color: 'green-6',
icon: 'check_circle',
position: 'top'
});
router.push({ name: 'mainmenu'});
axios.post(`${api}/joinGame`, {gameId: lobbyCode.value.toString()}, {withCredentials: true}).then(response => {
const responseData = response.data
$q.notify({
message: `Lobby "${lobbyCode.value}" erfolgreich gefunden`,
color: 'green-6',
icon: 'check_circle',
position: 'top'
});
router.push("/lobby")
}).catch(() => {
$q.notify({
message: `Lobby "${lobbyCode.value}" nicht gefunden`,
color: 'red-6',
icon: 'cancel',
position: 'top'
})
}).finally(() =>
isLoading.value = false
)
}
</script>

View File

@@ -1,3 +1,3 @@
MAJOR=0
MINOR=8
MINOR=9
PATCH=0