mirror/UNIT3D-Community-Edition
1
0
Fork 0
mirror of https://github.com/HDInnovations/UNIT3D-Community-Edition.git synced 2026-04-24 03:59:08 -05:00
Code Issues Packages Projects Releases Wiki Activity

refactor: chatbox user chat status

Browse Source 
Only save the user's chat status in one place, and sync it with the server when it's updated.
This commit is contained in:
Roardom
2025-07-20 10:18:17 +00:00
parent d06c82b31a
commit 820946c2b6
3 changed files with 17 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/Http/Controllers/API/ChatController.php
+2 -2
View File
@@ -420,7 +420,7 @@ class ChatController extends Controller
}
/* USERS */
public function updateUserChatStatus(Request $request): \Illuminate\Http\JsonResponse
public function updateUserChatStatus(Request $request): \Illuminate\Contracts\Routing\ResponseFactory|\Illuminate\Http\Response
{
$user = $request->user();
$user->load(['chatStatus', 'chatroom', 'group', 'echoes']);
@@ -432,7 +432,7 @@ class ChatController extends Controller
$user->chatStatus()->associate($status);
$user->save();
return response()->json($user);
return response('success');
}
public function updateUserRoom(Request $request): \Illuminate\Http\JsonResponse
resources/js/components/alpine/chatbox.js
+8 -13
View File
@@ -158,7 +158,6 @@ document.addEventListener('alpine:init', () => {
auth: user,
statuses: [],
status: 0,
echoes: [],
chatrooms: [],
messages: [],
@@ -208,6 +207,8 @@ document.addEventListener('alpine:init', () => {
this.state.ui.loading = false;
});
this.$watch('auth.chat_status_id', (status) => this.syncStatus());
this.$cleanup = () => {
if (this.channel) {
window.Echo.leave(`chatroom.${this.state.chat.room}`);
@@ -676,18 +677,12 @@ document.addEventListener('alpine:init', () => {
this.state.chat.showWhispers = !this.state.chat.showWhispers;
},
changeStatus(status_id) {
this.status = status_id;
if (this.auth.chat_status.id !== status_id) {
axios
.post(`/api/chat/user/status`, { status_id })
.then((response) => {
this.auth = response.data;
})
.catch((error) => {
console.error('Error changing status:', error);
});
}
syncStatus() {
axios
.post(`/api/chat/user/status`, { status_id: this.auth.chat_status_id })
.catch((error) => {
console.error('Error changing status:', error);
});
},
startBot() {
resources/views/blocks/chat.blade.php
+7 -5
View File
@@ -1,5 +1,5 @@
@php
$user = App\Models\User::with(['chatStatus', 'chatroom', 'group'])->find(auth()->id());
$user = App\Models\User::with(['chatroom', 'group'])->find(auth()->id());
@endphp
<section
@@ -99,7 +99,6 @@
id="currentChatroom"
class="form__select"
x-model.number="state.chat.room"
@change="changeRoom(state.chat.room)"
>
<template x-for="chatroom in chatrooms" :key="chatroom.id">
<option :value="chatroom.id" x-text="chatroom.name"></option>
@@ -115,11 +114,14 @@
<select
id="currentChatstatus"
class="form__select"
x-model.number="status"
@change="changeStatus(status)"
x-model.number="auth.chat_status_id"
>
<template x-for="chatstatus in statuses" :key="chatstatus.id">
<option :value="chatstatus.id" x-text="chatstatus.name"></option>
<option
:value="chatstatus.id"
:selected="chatstatus.id === auth.chat_status_id"
x-text="chatstatus.name"
></option>
</template>
</select>
<label class="form__label form__label--floating" for="currentChatstatus">