Communication by weebsockets

This commit is contained in:
barwie2@st.amu.edu.pl 2020-01-13 17:17:17 +01:00
parent 07c6ea06f6
commit 171abe3d18

View File

@ -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