s452108/atcheck
2
1
Fork 0
Code Issues Pull Requests Releases Wiki Activity

counter and copy-to-clipboard button added to classes code

Browse Source
This commit is contained in:
s416422 2020-03-10 15:37:05 +01:00
parent 494aaedf3e
commit a68a2f7069
3 changed files with 35 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
public/css/app.css
View File

@ -6893,6 +6893,19 @@ a.close.disabled {
.classes-name-indicator {
width: 100%;
}
.classes-code-div {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
padding: auto;
}
#classes_code_input, #classes_code_input:focus {
text-align: center;
background-color: transparent;
border: none;
}
@media (prefers-reduced-motion: reduce) {
.carousel-control-prev,

13
public/js/custom.js
View File

@ -62,10 +62,17 @@ $(document).ready(function(){
$('#group-select').on('change', function() {
$(location).attr('href', $(this).val())
});
const classes_code = $('#classes-code');
if(classes_code){
const classes_code_div = $('#classes-code-div');
if(classes_code_div){
$('#copy-btn').on('click', function () {
const copyText = $('#classes_code_input');
copyText.select();
document.execCommand("copy");
alert("Skopiowano: " + copyText.val());
copyText.blur();
});
setTimeout(function(){
classes_code.remove()
classes_code_div.remove()
}, 30000);
}

14
resources/views/map/start_map.blade.php
View File

@ -12,7 +12,11 @@
<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" id="classes-code"><b>Kod:</b> <span id="classes_code_input">{{ $classes_code }}</span></p>
<div class="classes-code-div code-p" id="classes-code-div">
<p class="m-0" id="classes-code"><b>Kod weryfikacyjny:</b></p>
<input type="text" id="classes_code_input" value="{{ $classes_code }}">
<button type="button" id="copy-btn" class="btn btn-primary" title="Kopiuj do schowka"><i class="fa fa-clone"></i> Kopiuj <span id="copy-counter">(30) &raquo;</span> </button>
</div>
<div class="code-p"> Stan połączenia z serwerem legitymacji: <span id="status" style="color:green"> połączony</span></div>
<h1 class="main-text main-seat-text">Przyłóż legitymację do czytnika</h1>
@ -47,7 +51,7 @@
</div>
<script>
var classes_code_input = $('#classes_code_input').html();
var classes_code_input = $('#classes_code_input').val();
const client = new WebSocket('wss://atcheck.projektstudencki.pl/wss', classes_code_input);
client.onclose = function(event) {
@ -66,6 +70,12 @@
}
}
var counter = 30;
setInterval(function() {
counter--;
$('#copy-counter').html('(' + counter + ') &raquo;');
}, 1000);
</script>
</div>
@endsection