You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
62 lines
1.6 KiB
62 lines
1.6 KiB
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>Bobinoscope</title>
|
|
<!-- Latest compiled and minified CSS -->
|
|
<link rel="stylesheet" href="/css/view.css"/>
|
|
</head>
|
|
<body>
|
|
<div id="idMain" style="margin: auto">
|
|
<p>
|
|
<button onclick="takePicture()">Prendre une photo</button>
|
|
</p>
|
|
<div id="idViewLoading">
|
|
<img src='/waiting2.gif'/>
|
|
</div>
|
|
<div id="idViewContainer">
|
|
|
|
</div>
|
|
</div>
|
|
</body>
|
|
<!-- Latest compiled and minified JQuery -->
|
|
<script src="/js/jquery-1.11.2.min.js"></script>
|
|
</html>
|
|
|
|
<style type="text/css">
|
|
#idViewContainer {
|
|
background-size: contain;
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
/* background-origin: */
|
|
}
|
|
</style>
|
|
|
|
<script type="text/javascript">
|
|
|
|
// var socket = io('http://<%= serverIpAddress %>:<%= serverPort %>');
|
|
// socket.on('connect', function() {
|
|
// console.log("connect")
|
|
// })
|
|
// socket.on('boothState', function (data) {
|
|
// BOB_getBooths();
|
|
// })
|
|
|
|
$(document).ready(function() {
|
|
$('#idViewLoading').hide()
|
|
$('#idViewContainer').css('height', 90 * $(document).height() / 100)
|
|
// console.log()
|
|
})
|
|
|
|
function takePicture () {
|
|
$('#idViewLoading').fadeIn()
|
|
|
|
$.get('/booth/test/takepicture', function (pResponse) {
|
|
$('#idViewLoading').fadeOut()
|
|
$('#idViewContainer').css('backgroundImage', 'url("/booth/test/takepicture/result?time='+(new Date()).getTime()+'")')
|
|
})
|
|
}
|
|
|
|
</script>
|