|
|
@ -16,11 +16,20 @@ |
|
|
<div class="inner cover" style="height:900px;position:relative"> |
|
|
<div class="inner cover" style="height:900px;position:relative"> |
|
|
|
|
|
|
|
|
<div id="idBoothPanel" style="position:absolute;width:100%"> |
|
|
<div id="idBoothPanel" style="position:absolute;width:100%"> |
|
|
<div style="height:180px"> |
|
|
|
|
|
<div id="idViewTrigger"> |
|
|
|
|
|
|
|
|
<div style="padding-top:1em"> |
|
|
|
|
|
<div id="idViewCountdown" style="font-size:20em; display:none"></div> |
|
|
|
|
|
<div id="idViewTrigger" style="display:block"> |
|
|
<h1 class="cover-heading">Prends ta face !</h1> |
|
|
<h1 class="cover-heading">Prends ta face !</h1> |
|
|
</div> |
|
|
</div> |
|
|
<div id="idViewCountdown" style="font-size:15em; display:none"></div> |
|
|
|
|
|
|
|
|
<div id="idViewGenerating" style="display:none"> |
|
|
|
|
|
<h1 class="cover-heading">Bobinogramme <i>en cours de génération...</i></h1> |
|
|
|
|
|
<br/><br/> |
|
|
|
|
|
<h3>Merci de bien vouloir patienter<br/>une dizaine de secondes</h3> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div id="idViewBobinogramme" style="display:none"> |
|
|
|
|
|
<img src="/img/final_ld/1438098902994.jpg" height="600px"/> |
|
|
|
|
|
<h3 class="cover-heading">Retrouve ton <b>bobinogramme</b> sur <br/>http://192.168.1.2:3000</h3> |
|
|
|
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<div id="idViewDoIt" style="font-size:8em; height:600px; display:none"> |
|
|
<div id="idViewDoIt" style="font-size:8em; height:600px; display:none"> |
|
|
Faites<br/> |
|
|
Faites<br/> |
|
|
@ -72,7 +81,7 @@ socket.on('boothClick', function(pData) { |
|
|
|
|
|
|
|
|
var BOB_var_context = { |
|
|
var BOB_var_context = { |
|
|
boothOnGoing : false, |
|
|
boothOnGoing : false, |
|
|
initTimer : 6, |
|
|
|
|
|
|
|
|
initTimer : 3, |
|
|
onGoingTimer : 0, |
|
|
onGoingTimer : 0, |
|
|
boothId : null, |
|
|
boothId : null, |
|
|
pictureId : 0 |
|
|
pictureId : 0 |
|
|
@ -159,24 +168,29 @@ function BOB_takeThe1Pictures() { |
|
|
return; |
|
|
return; |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
// $('#idViewDoIt').hide(); |
|
|
|
|
|
// $('#idViewDoIt-theme').hide(); |
|
|
|
|
|
|
|
|
|
|
|
// BOB_var_themes.selectedId++; |
|
|
|
|
|
|
|
|
|
|
|
// BOB_displayPictPreview(BOB_var_context.boothId, BOB_var_context.pictureId, function() { |
|
|
|
|
|
BOB_var_context.pictureId += 1; |
|
|
|
|
|
if( BOB_var_context.pictureId < 4 ) { |
|
|
|
|
|
BOB_var_context.onGoingTimer = BOB_var_context.initTimer; |
|
|
|
|
|
BOB_countdown(); |
|
|
|
|
|
} else { |
|
|
|
|
|
BOB_var_context.boothOnGoing = false; |
|
|
|
|
|
$.get('/booth/build/'+BOB_var_context.boothId); |
|
|
|
|
|
$('#idViewCountdown').fadeOut(500, function() { |
|
|
|
|
|
$('#idViewTrigger').fadeIn(); |
|
|
|
|
|
}); |
|
|
|
|
|
} |
|
|
|
|
|
// }) |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
BOB_var_context.pictureId += 1; |
|
|
|
|
|
if( BOB_var_context.pictureId < 4 ) { |
|
|
|
|
|
BOB_var_context.onGoingTimer = BOB_var_context.initTimer; |
|
|
|
|
|
BOB_countdown(); |
|
|
|
|
|
} else { |
|
|
|
|
|
$('#idViewCountdown').fadeOut(500, function() { |
|
|
|
|
|
$('#idViewGenerating').fadeIn() |
|
|
|
|
|
}) |
|
|
|
|
|
$.get('/booth/build/'+BOB_var_context.boothId, function(pResponse) { |
|
|
|
|
|
$('#idViewBobinogramme > img').attr('src', '/img/final_ld/'+pResponse.boothId+'.jpg'); |
|
|
|
|
|
$('#idViewGenerating').fadeOut(500, function() { |
|
|
|
|
|
$('#idViewBobinogramme').fadeIn(500, function() { |
|
|
|
|
|
setTimeout(function(){ |
|
|
|
|
|
BOB_var_context.boothOnGoing = false; |
|
|
|
|
|
$('#idViewBobinogramme').fadeOut(500, function() { |
|
|
|
|
|
$('#idViewTrigger').fadeIn(); |
|
|
|
|
|
}); |
|
|
|
|
|
}, 10000) |
|
|
|
|
|
}) |
|
|
|
|
|
}) |
|
|
|
|
|
}); |
|
|
|
|
|
} |
|
|
}) |
|
|
}) |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
|