cleanup + generate stranger session

app/Http/Controllers/ClientController.php

@@ -3,14 +3,35 @@
 namespace App\Http\Controllers;
 
 use Illuminate\Http\Request;
-use Illuminate\Support\Facades\DB;
-use Illuminate\Support\Facades\Auth;
+use Cookie;
+
+use Illuminate\Support\Facades\Http;
 
 class ClientController extends Controller
 {
 
 	// GET /care_months
 	public function entrance(Request $request) {
-		return view('client/index');
+        $sessionKey = Cookie::get('sessionKey');
+
+        if(!$sessionKey){
+            $loginUrl = env('BACKEND_URL', 'http://localhost:8080') . '/api/session/createStrangerSession';
+
+            $response = Http::asForm()->post($loginUrl)->json();
+
+            if(!$response['success']){
+                return back()->with("message", $response['message']);
+            }
+
+            $sessionKey = $response['data'];
+
+            $cookie = cookie()->forever('sessionKey', $sessionKey, '/');
+
+            $response = new \Illuminate\Http\Response(view('client/index'));
+            $response->withCookie($cookie);
+            return $response;
+        } else {
+            return view('client/index');
+        }
 	}
 }

resources/js/components/pages/ClientEntrance.vue

@@ -72,7 +72,21 @@
                         color="grey lighten-1"
                         height="200px"
                         >
-                        
+                        <grid-layout
+                            :layout="videoGrid"
+                            :key="uniqueId"
+                            :col-num="maxCols"
+                            :max-rows="maxRows"
+                            :row-height="rowHeight"
+                            :is-draggable="true"
+                            :is-resizable="true"
+                            :verticalCompact="true"
+                            :margin="[gridPadding, gridPadding]"
+                            :use-css-transforms="true"
+                        >
+                            <grid-item v-for="video in videoGrid" :key="video.id" :id="video.id" :x="video.x" :y="video.y" :w="video.w" :h="video.h" :i="video.i">
+                            </grid-item>
+                        </grid-layout>
                         </v-card>
 
                         <v-btn
@@ -533,14 +547,14 @@ export default {
 <style lang="scss" scoped>
 
 .login-box {
-    width: 100%
+    width: 100%;
 }
 
 .checkin-form {
-    height: 200px
+    height: 200px;
 
     form {
-        width: 75%
+        width: 75%;
     }
 }