techwire/bang
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

online players count

Browse Source
This commit is contained in:
Alberto Xamin 2020-11-23 23:46:25 +01:00
parent 8a679a4508
commit cc09825794
No known key found for this signature in database
GPG Key ID: 4F026F48309500A2
2 changed files with 18 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
backend/__init__.py
View File

@ -12,14 +12,18 @@ app = socketio.WSGIApp(sio, static_files={
}) })
games: List[Game] = [] games: List[Game] = []
online_players = 0
def advertise_lobbies(): def advertise_lobbies():
sio.emit('lobbies', room='lobby', data=[{'name': g.name, 'players': len(g.players)} for g in games if not g.started]) sio.emit('lobbies', room='lobby', data=[{'name': g.name, 'players': len(g.players)} for g in games if not g.started])
@sio.event @sio.event
def connect(sid, environ): def connect(sid, environ):
global online_players
print('connect ', sid) print('connect ', sid)
online_players += 1
sio.enter_room(sid, 'lobby') sio.enter_room(sid, 'lobby')
sio.emit('players', room='lobby', data=online_players)
@sio.event @sio.event
def set_username(sid, username): def set_username(sid, username):
@ -33,7 +37,11 @@ def my_message(sid, data):
@sio.event @sio.event
def disconnect(sid): def disconnect(sid):
if sio.get_session(sid).disconnect(): global online_players
online_players -= 1
sio.emit('players', room='lobby', data=online_players)
if sio.get_session(sid).game and sio.get_session(sid).disconnect():
sio.close_room(sio.get_session(sid).game.name)
games.pop(games.index(sio.get_session(sid).game)) games.pop(games.index(sio.get_session(sid).game))
print('disconnect ', sid) print('disconnect ', sid)
advertise_lobbies() advertise_lobbies()

11
frontend/src/App.vue
View File

@ -6,14 +6,16 @@
</div> </div>
<div v-if="isConnected"> <div v-if="isConnected">
<div v-if="!didSetUsername"> <div v-if="!didSetUsername">
Scegli un username: <p>Scegli un username:</p>
<form @submit="setUsername"> <form @submit="setUsername">
<input v-model="username" /> <input v-model="username" />
<input type="submit"/> <input type="submit"/>
</form> </form>
<p>Giocatori online: {{onlinePlayers}}</p>
</div> </div>
<div v-else> <div v-else>
<div v-if="!isInLobby" > <div v-if="!isInLobby" >
<p>Giocatori online: {{onlinePlayers}}</p>
<Card :card="getSelfCard" style="position:absolute; bottom:10pt; right: 10pt;"/> <Card :card="getSelfCard" style="position:absolute; bottom:10pt; right: 10pt;"/>
<h2>Lobby disponibili:</h2> <h2>Lobby disponibili:</h2>
<div style="display: flex"> <div style="display: flex">
@ -22,7 +24,8 @@
</div> </div>
<form @submit="createLobby"> <form @submit="createLobby">
<h2>Crea una lobby:</h2> <h2>Crea una lobby:</h2>
Nome: <input v-model="lobbyName"/> <p>Nome:</p>
<input v-model="lobbyName"/>
<input type="submit" /> <input type="submit" />
</form> </form>
</div> </div>
@ -54,6 +57,7 @@ export default {
openLobbies: [], openLobbies: [],
lobbyName: '', lobbyName: '',
isInLobby: false, isInLobby: false,
onlinePlayers: 1,
}), }),
computed: { computed: {
noLobbyAvailable() { noLobbyAvailable() {
@ -86,6 +90,9 @@ export default {
}, },
room() { room() {
this.isInLobby = true; this.isInLobby = true;
},
players(num) {
this.onlinePlayers = num;
} }
}, },
methods: { methods: {