42/42_INT_14_transcendence
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Game.svelte html input changes

Browse Source 
+ makefile mini fix
This commit is contained in:
LuckyLaszlo
2023-01-13 17:31:41 +01:00
parent 16e4e09b36
commit c9f71d4efb
3 changed files with 37 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
Makefile
View File

@@ -1,5 +1,7 @@
DOCKERCOMPOSEPATH=./srcs/docker-compose.yml DOCKERCOMPOSEPATH=./srcs/docker-compose.yml
all : up
#dev allow hot reload. #dev allow hot reload.
up: up:
@bash ./make_env.sh @bash ./make_env.sh
@@ -11,8 +13,6 @@ start:
docker compose -f ${DOCKERCOMPOSEPATH} start docker compose -f ${DOCKERCOMPOSEPATH} start
docker logs --follow nestjs docker logs --follow nestjs
all : up
re: down up re: down up
down: down:

35
srcs/requirements/svelte/api_front/src/pages/game/Game.svelte
View File

@@ -268,25 +268,34 @@
<button class="pong_button" on:click={fetchInvitations}>Show invitations</button> <button class="pong_button" on:click={fetchInvitations}>Show invitations</button>
<fieldset in:fly="{{ y: 10, duration: 1000 }}"> <fieldset in:fly="{{ y: 10, duration: 1000 }}">
<legend>game options</legend> <legend>game options</legend>
<div>
<label for="multi_balls">
<input type="checkbox" id="multi_balls" name="multi_balls" bind:checked={options.multi_balls}> <input type="checkbox" id="multi_balls" name="multi_balls" bind:checked={options.multi_balls}>
<label for="multi_balls">Multiples balls</label> Multiples balls
</div> </label>
<div>
<label for="moving_walls">
<input type="checkbox" id="moving_walls" name="moving_walls" bind:checked={options.moving_walls}> <input type="checkbox" id="moving_walls" name="moving_walls" bind:checked={options.moving_walls}>
<label for="moving_walls">Moving walls</label> Moving walls
</div> </label>
<div> <div>
<p>sound :</p> sound :
<label for="sound_on">
<input type="radio" id="sound_on" name="sound_selector" bind:group={options.sound} value="on"> <input type="radio" id="sound_on" name="sound_selector" bind:group={options.sound} value="on">
<label for="sound_on">on</label> on
</label>
<label for="sound_off">
<input type="radio" id="sound_off" name="sound_selector" bind:group={options.sound} value="off"> <input type="radio" id="sound_off" name="sound_selector" bind:group={options.sound} value="off">
<label for="sound_off">off</label> off
</div> </label>
<div>
<input type="checkbox" id="isSomeoneIsInvited" bind:checked={options.isSomeoneIsInvited}>
<label for="moving_walls">Invite a friend</label>
</div> </div>
<label for="invitation_checkbox">
<input type="checkbox" id="invitation_checkbox" bind:checked={options.isSomeoneIsInvited}>
Invite a friend
</label>
{#if options.isSomeoneIsInvited} {#if options.isSomeoneIsInvited}
<select bind:value={options.playerTwoUsername}> <select bind:value={options.playerTwoUsername}>
{#each allUsers as user } {#each allUsers as user }

12
srcs/requirements/svelte/api_front/src/pages/game/GameSpectator.svelte
View File

@@ -131,13 +131,19 @@
<fieldset> <fieldset>
<legend>options</legend> <legend>options</legend>
<button class="pong_button" on:click={fetchMatchList}>Reload</button> <button class="pong_button" on:click={fetchMatchList}>Reload</button>
<div> <div>
<p>sound :</p> sound :
<label for="sound_on">
<input type="radio" id="sound_on" name="sound_selector" bind:group={sound} value="on"> <input type="radio" id="sound_on" name="sound_selector" bind:group={sound} value="on">
<label for="sound_on">on</label> on
</label>
<label for="sound_off">
<input type="radio" id="sound_off" name="sound_selector" bind:group={sound} value="off"> <input type="radio" id="sound_off" name="sound_selector" bind:group={sound} value="off">
<label for="sound_off">off</label> off
</label>
</div> </div>
</fieldset> </fieldset>
{#if matchList.length !== 0} {#if matchList.length !== 0}
<menu id="match_list"> <menu id="match_list">