Added new method for backed call.

Added support for meeting: leave, close, kick.

app/Http/Controllers/AppSessionController.php

@@ -95,4 +95,35 @@ class AppSessionController extends Controller
         return redirect($request->input('_success'));
 
     }
+
+    public function postToAPIAjax(Request $request) {
+
+        session()->remove('message');
+
+        // call java api
+
+        $data = [];
+        $fields = $request->all();
+        foreach ($fields as $key => $value) {
+            if($key[0] !== '_') {
+                $data[$key] = $value;
+            }
+        }
+
+        if(!isset($data['uid']) && isset($fields['_uid'])) {
+            $data['uid'] = $fields['_uid'];
+        }
+
+        $url = env('BACKEND_URL', 'http://localhost:8080') . $request->input('_api');
+        // dd($url);
+
+        $response = Http::asForm()
+            ->withHeaders(['sessionKey'=>$request->cookie('sessionKey')])
+            ->post($url, $data)
+            ->json();
+
+        // dd($response);
+
+        return response()->json($response);
+    }
 }

app/Http/Controllers/MeetingCenterController.php

@@ -24,7 +24,7 @@ class MeetingCenterController extends Controller
         $appSession = AppSession::where("session_key",$sessionKey)->first();
         $user = new ProModel($appSession->pro);
         $meeting = null;
-        if ($appSession->meetingParticipant) {
+        if ($appSession->is_currently_meeting_participant) {
             $meeting = new MeetingWithLobbyModel($appSession->meetingParticipant->meeting);
         }
 

resources/js/components/pages/ClientEntrance.vue

@@ -210,7 +210,7 @@ export default {
             this.meetingName = `${this.user.firstName} ${this.user.lastName} ${this.user.dateOfBirth}`;
 
             $.ajax({
-                url: "/post-to-api",
+                url: "/post-to-api-ajax",
                 method: "POST",
                 headers: {
                     "X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content")
@@ -307,18 +307,17 @@ export default {
                 cont.el.appendChild(cont.obj.element);
                 this.getToken();
 
-                this.$socket.emit('meetingJoined',
-                    {
-                        lobby_uid: this.lobbyProp.uid,
-                        meeting_name: this.meetingName,
-                        meeting_uid: this.meetingUid,
-                        user: {
-                            name: `${this.firstName} ${this.lastName}`,
-                            type: 'STRANGER',
-                            uid: this.clientUid
-                        }
-                    })
-            })
+                this.$socket.emit("meetingJoined", {
+                    lobby_uid: this.lobbyProp.uid,
+                    meeting_name: this.meetingName,
+                    meeting_uid: this.meetingUid,
+                    user: {
+                        name: `${this.firstName} ${this.lastName}`,
+                        type: "STRANGER",
+                        uid: this.clientUid
+                    }
+                });
+            });
         },
         /* Copied */
         disconnect() {
@@ -342,7 +341,7 @@ export default {
             // if (this.meeting.scheduledDate && !this.meeting.startedAt && this.meeting.scheduledDate > new Date() && (this.user.type === "guest" || !confirm("Meeting not started. Start it now?")))
             //     return;
             $.ajax({
-                url: "/post-to-api",
+                url: "/post-to-api-ajax",
                 method: "POST",
                 headers: {
                     "X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content")
@@ -483,6 +482,7 @@ export default {
                 sessionDisconnected: event => {
                     if (event.reason === "forceDisconnected") {
                         alert("You were kicked.");
+                        window.location.reload();
                         //TODO: Kicked
                         // if (this.user.type === "associate") {
                         //     this.disconnect();
@@ -671,7 +671,7 @@ export default {
 
         this.$eventBus.$on("leaveMeeting", () => {
             $.ajax({
-                url: "/associate/meeting/leave",
+                url: "/post-to-api-ajax",
                 method: "POST",
                 headers: {
                     "X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content")

resources/js/components/partials/LobbyList.vue

@@ -100,7 +100,7 @@ export default {
         joinMeeting(lobby) {
             this.loading = true;
             $.ajax({
-                url: "/post-to-api",
+                url: "/post-to-api-ajax",
                 method: "POST",
                 headers: {
                     "X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content")
@@ -115,7 +115,7 @@ export default {
                         this.$eventBus.$emit("meetingRejoin");
                     } else {
                         lobby.selected_meeting.lobby = lobby;
-                        this.$store.commit("setMeeting", {lobby_uid: lobby.uid, ...lobby.selected_meeting});
+                        this.$store.commit("setMeeting", { lobby_uid: lobby.uid, ...lobby.selected_meeting });
                     }
                 },
                 error: jXhr => {},
@@ -123,6 +123,27 @@ export default {
                     this.loading = false;
                 }
             });
+        },
+        closeMeeting(lobby) {
+            this.loading = true;
+            $.ajax({
+                url: "/post-to-api-ajax",
+                method: "POST",
+                headers: {
+                    "X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content")
+                },
+                dataType: "json",
+                data: {
+                    _api: "/api/meeting/close",
+                    uid: lobby.selected_meeting.uid
+                },
+                // success: data => {
+                // },
+                error: jXhr => {},
+                complete: () => {
+                    this.loading = false;
+                }
+            });
         }
     }
 };

resources/js/components/partials/MeetingRoom.vue

@@ -90,7 +90,7 @@ export default {
         },
         getToken() {
             $.ajax({
-                url: "/post-to-api",
+                url: "/post-to-api-ajax",
                 method: "POST",
                 headers: {
                     "X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content")
@@ -224,12 +224,7 @@ export default {
                 sessionDisconnected: event => {
                     if (event.reason === "forceDisconnected") {
                         alert("You were kicked.");
-                        if (this.user.type === "associate") {
-                            this.disconnect();
-                            this.$store.dispatch("leaveMeeting");
-                        } else {
-                            window.location = "/";
-                        }
+                        this.$store.dispatch("leaveMeeting");
                     }
                 }
             });
@@ -416,20 +411,21 @@ export default {
         },
         kickParcitipantContinue(participant) {
             const connection = participant.video.obj.stream.connection;
-            const [type, id] = connection.data.split(":");
+            const id = connection.data;
             this.openTokSession.forceDisconnect(connection, error => {
                 if (error) {
                     console.error(error);
                 } else {
                     $.ajax({
-                        url: `/associate/meeting/${this.meeting.id}/kick`,
+                        url: "/post-to-api-ajax",
                         method: "POST",
                         headers: {
                             "X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content")
                         },
                         data: {
-                            type,
-                            id
+                            _api: "/api/meeting/kick",
+                            uid: this.meeting.uid,
+                            participantUid: id
                         },
                         error: jXhr => {
                             console.error(getSingleError(jXhr));
@@ -440,6 +436,22 @@ export default {
         },
         kickParcitipant(participant) {
             if (confirm("Are you sure want to kick this person out of meeting?")) this.kickParcitipantContinue(participant);
+        },
+        leaveMeeting() {
+            $.ajax({
+                url: "/post-to-api-ajax",
+                method: "POST",
+                headers: {
+                    "X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content")
+                },
+                data: {
+                    _api: "/api/meeting/leave"
+                },
+                error: jXhr => {
+                    console.error(getSingleError(jXhr));
+                }
+            });
+            this.$store.dispatch("leaveMeeting");
         }
     },
     watch: {
@@ -462,6 +474,7 @@ export default {
             if (val) {
                 this.getToken();
             } else {
+                this.disconnect();
                 this.loadingInProgress = false;
             }
         },
@@ -498,20 +511,7 @@ export default {
             }
         });
 
-        this.$eventBus.$on("leaveMeeting", () => {
-            // $.ajax({
-            //     url: "/associate/meeting/leave",
-            //     method: "POST",
-            //     headers: {
-            //         "X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content")
-            //     },
-            //     error: jXhr => {
-            //         console.error(getSingleError(jXhr));
-            //     }
-            // });
-            this.$store.dispatch("leaveMeeting");
-            this.disconnect();
-        });
+        this.$eventBus.$on("leaveMeeting", this.leaveMeeting);
 
         if (this.meeting.uid) {
             this.getToken();

routes/web.php

@@ -58,6 +58,7 @@ Route::middleware('ensureValidSession')->group(function(){
 });
 
 Route::post('/post-to-api', 'AppSessionController@postToAPI')->name('post-to-api');
+Route::post('/post-to-api-ajax', 'AppSessionController@postToAPIAjax')->name('post-to-api-ajax');
 
 Route::get('/client/{url_slug}', 'ClientController@entrance')->name('client-entrance');