This repository has been archived on 2021-09-15. You can view files and clone it, but cannot push or open issues or pull requests.
ModuleWeb/SRC/resources/views/frontend/games.blade.php

79 lines
2.7 KiB
PHP
Executable File

@extends('frontend/template')
@section('content')
<div style="text-align:center">
<div id="imgRef" style="background-image:url('{{ $ref -> image }}');"><span id="decompte"></span></div><br>
<div class="game" onclick="location.href='{{ URL::to('memo') }}'"><img src="imgs/memo/memo2.png"></div>
<div class="game" onclick="location.href='{{ URL::to('puzzle') }}'"><img src="imgs/puzzle/puzzle.png"></div>
<br>
<div style="display:inline-block;">
<img style="height:100px; vertical-align:middle;width:100px" src="{{ URL::to('imgs/trophees/bronze.png') }}"><br>
{{$nbBronze}}
</div>
<div style="display:inline-block;">
<img style="height:100px; vertical-align:middle;width:100px" src="{{ URL::to('imgs/trophees/argent.png') }}"><br>
{{$nbArgent}}
</div>
<div style="display:inline-block;">
<img style="height:100px; vertical-align:middle;width:100px" src="{{ URL::to('imgs/trophees/or.png') }}"><br>
{{$nbOr}}
</div>
</div>
@endsection
@section('page-scripts')
<script>
var redirect;
function absorbEvent_(event) {
var e = event || window.event;
e.preventDefault && e.preventDefault();
e.stopPropagation && e.stopPropagation();
e.cancelBubble = true;
e.returnValue = false;
return false;
}
document.getElementById('imgRef').addEventListener("click", function(event) {
absorbEvent_(event);
return false;
});
document.getElementById('imgRef').addEventListener("mousedown", function(event) {
absorbEvent_(event);
redirect = setTimeout(function(){location.href="{{URL::to('choisirref')}}"}, 3000);
return false;
});
document.getElementById('imgRef').addEventListener("mouseup", function() {
clearTimeout(redirect);
return false;
});
document.getElementById('imgRef').addEventListener("touchstart", function(event) {
absorbEvent_(event);
redirect = setTimeout(function(){location.href="{{URL::to('choisirref')}}"}, 3000);
return false;
});
document.getElementById("decompte").addEventListener("touchstart", function(event) {
absorbEvent_(event);
setTimeout(function(){ self.value="3 seconds" }, 3000);
setTimeout(function(){ value="2 seconds" }, 2000);
setTimeout(function(){ value="1 seconds" }, 1000);
setTimeout(function(){ value="Redirection..." }, 0000);
return false;
});
document.getElementById('imgRef').addEventListener("touchend", function() {
clearTimeout(redirect);
return false;
});
</script>
@endsection