From 171abe3d180f5f4d1b3f8a7dd69cdb28d22ab457 Mon Sep 17 00:00:00 2001
From: "barwie2@st.amu.edu.pl" <barwie2@st.amu.edu.pl>
Date: Mon, 13 Jan 2020 17:17:17 +0100
Subject: [PATCH] Communication by weebsockets

---
 resources/views/map/start_map.blade.php | 30 ++++++++++++++++---------
 1 file changed, 19 insertions(+), 11 deletions(-)

diff --git a/resources/views/map/start_map.blade.php b/resources/views/map/start_map.blade.php
index fbd7ffc..326c5e8 100644
--- a/resources/views/map/start_map.blade.php
+++ b/resources/views/map/start_map.blade.php
@@ -9,16 +9,16 @@
     <div class="wrapper">
         <div class="map-buttons">
             <a href="{{ route('user_classes') }}" class="checkout-button end-button"> Zakończ zapisy </a>
-            <button type="button" class="checkout-button end-button add-mn-btn"> Dodaj studenta ręcznie </button>
+            <button type="button" class="checkout-button end-button add-mn-btn"> Dodaj studenta ręcznie</button>
         </div>
         <div id="refresh"></div>
-        <p class="code-p"> <b>Kod:</b> {{ $classes_code }}</p>
+        <p class="code-p"><b>Kod:</b> <span id="classes_code_input">{{ $classes_code }}</span></p>
         <h1 class="main-text main-seat-text">Przyłóż legitymację do czytnika</h1>
         <div class="card-reader">
             <form method="POST" action="{{ route('user_start_classes_verified') }}" class="card-reader-form">
                 <div>
                     <label for="classes_code"> Kod: </label>
-                    <input type="text" name="classes_code" id="classes_code" value="{{ $classes_code }}" required>
+                    <input type="text" name="classes_code" id="classes_code" value="" required>
                 </div>
                 <div>
                     <label for="student_id_number"> Nr indeksu: </label>
@@ -32,16 +32,24 @@
                     <label for="student_surname"> Nazwisko: </label>
                     <input type="text" name="student_surname" id="student_surname" required>
                 </div>
-                <button type="submit" class="checkout-button"> Dodaj studenta </button>
+                <button type="submit" id="submit" class="checkout-button"> Dodaj studenta</button>
             </form>
         </div>
-        {{--<script>--}}
-            {{--// Your application has indicated there's an error--}}
-            {{--window.setTimeout(function(){--}}
-                {{--// Move to a new location or you can do something else--}}
-                {{--window.location.href = window.location.href;--}}
+        <script>
+            var classes_code_input = $('#classes_code_input').html();
+            const client = new WebSocket('ws://127.0.0.1:8888', classes_code_input);
 
-            {{--}, 5000);--}}
-        {{--</script>--}}
+            client.onmessage = function onmessage1(message) {
+                message = JSON.parse(message.data);
+                if (message.type = "data") {
+                    $('#student_id_number').val(message['id']);
+                    $('#student_name').val(message['name']);
+                    $('#student_surname').val(message['surname']);
+                    $('#classes_code').val(message['classes_code']);
+                    $('#submit').click();
+                }
+            }
+
+        </script>
     </div>
 @endsection