christofsteel/syng-web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Added usertracking by a uuid

Browse source
This commit is contained in:
Christoph Stahl 2023-03-24 16:48:50 +01:00
parent 3dec0c7519
commit 556b8e68e8
2 changed files with 10 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
src/App.vue
View file

@ -27,7 +27,8 @@ const state = ref({
'current_name': undefined, 'current_name': undefined,
'searching': false, 'searching': false,
'last_msg': "", 'last_msg': "",
'join_msg': undefined 'join_msg': undefined,
'uid': undefined
}) })
onMounted(() => { onMounted(() => {
@ -39,6 +40,7 @@ onMounted(() => {
if(localStorage.room){ state.value.room = localStorage.room } if(localStorage.room){ state.value.room = localStorage.room }
} }
if(localStorage.secret){ state.value.secret = localStorage.secret } if(localStorage.secret){ state.value.secret = localStorage.secret }
if(localStorage.uid){ state.value.uid = localStorage.uid }
if(state.value.server && state.value.room && state.value.name) { if(state.value.server && state.value.room && state.value.name) {
connect() connect()
} }
@ -49,6 +51,7 @@ function emptyLocalStorageAndLogout() {
localStorage.removeItem('secret') localStorage.removeItem('secret')
localStorage.removeItem('name') localStorage.removeItem('name')
localStorage.removeItem('room') localStorage.removeItem('room')
localStorage.removeItem('uid')
state.socket.disconnect() state.socket.disconnect()
state.value.joined = false state.value.joined = false
} }
@ -83,7 +86,7 @@ function _append(entry, name) {
$("#getusername").foundation("close") $("#getusername").foundation("close")
state.value.current_entry = undefined state.value.current_entry = undefined
state.value.current_name = undefined state.value.current_name = undefined
state.socket.emit("append", {"ident": entry.ident, "performer": name, "source": entry.source }) state.socket.emit("append", {"ident": entry.ident, "performer": name, "source": entry.source, "uid": state.value.uid })
$("#queue-tab-title").click(); $("#queue-tab-title").click();
} }
} }
@ -95,6 +98,9 @@ function close_name() {
} }
function connect() { function connect() {
if(!state.value.uid || state.value.uid == "undefined") {
state.value.uid = crypto.randomUUID()
}
registerSocketEvents(state.socket) registerSocketEvents(state.socket)
} }
@ -140,6 +146,7 @@ function joinRoom() {
localStorage.server = state.value.server localStorage.server = state.value.server
localStorage.room = state.value.room localStorage.room = state.value.room
localStorage.secret = state.value.secret localStorage.secret = state.value.secret
localStorage.uid = state.value.uid
state.value.joined = true state.value.joined = true
router.push({name: "room", params: {room: state.value.room}}) router.push({name: "room", params: {room: state.value.room}})
if (state.value.secret) { if (state.value.secret) {

2
src/components/Entry.vue
View file

@ -32,7 +32,7 @@ const eta = computed(() =>{
<div class="cell" :class="{'small-9': admin}"> <div class="cell" :class="{'small-9': admin}">
<span class="artist">{{ entry.artist }}</span> <span class="artist">{{ entry.artist }}</span>
<span class="title">{{ entry.title }}</span><br /> <span class="title">{{ entry.title }}</span><br />
<span class="performer">{{ entry.performer }}</span> <span class="performer">{{ entry.performer }} [{{ entry.uid }}]</span>
<span v-if="!current" class="eta">{{ eta }}</span> <span v-if="!current" class="eta">{{ eta }}</span>
</div> </div>
<div v-if="admin" class="cell small-3"> <div v-if="admin" class="cell small-3">