0
0
mirror of https://github.com/Doodle3D/doodle3d-connect.git synced 2024-12-25 01:53:48 +01:00

Added hint

This commit is contained in:
peteruithoven 2013-10-18 11:58:26 +02:00
parent 2a42ab28d5
commit 4a8af79661
3 changed files with 16 additions and 1 deletions

View File

@ -41,4 +41,10 @@ a {
#list a:hover { #list a:hover {
background-color: #5491D2; background-color: #5491D2;
color: #fff; color: #fff;
}
#hint {
display:none;
position: absolute;
bottom: 1em;
} }

View File

@ -32,6 +32,10 @@
<div class="content"> <div class="content">
<p id="intro"></p> <p id="intro"></p>
<ul id="list"></ul> <ul id="list"></ul>
<small id="hint">
Can't find your device? Make sure your on the same wifi network. <br/>
You can always use an ethernet cable and go to <a href="http://192.168.5.1">192.168.5.1</a>.
</small>
<div id="preloader"></div> <div id="preloader"></div>
</div> </div>
</div> </div>

View File

@ -1,5 +1,5 @@
var retrieveListInterval = 5000; var retrieveListInterval = 3000;
var retrieveListDelay; // retry setTimout instance var retrieveListDelay; // retry setTimout instance
var boxTimeoutTime = 500; var boxTimeoutTime = 500;
@ -8,6 +8,7 @@ var numBoxesFound = 0; // count how many boxes responded
var $list; var $list;
var $intro; var $intro;
var $hint;
var $preloader; var $preloader;
var spinner; var spinner;
@ -16,6 +17,7 @@ $(function() {
$intro = $("#intro"); $intro = $("#intro");
$list = $("#list"); $list = $("#list");
$hint = $("#hint");
$preloader = $("#preloader"); $preloader = $("#preloader");
var spinnerSettings = { var spinnerSettings = {
@ -121,11 +123,14 @@ function removeBox(box) {
} }
function updateIntro() { function updateIntro() {
$intro.fadeIn();
if(numBoxesChecking <= 0) { if(numBoxesChecking <= 0) {
if(numBoxesFound > 0) { if(numBoxesFound > 0) {
$intro.html("Found the following boxes near you:"); $intro.html("Found the following boxes near you:");
$hint.fadeOut();
} else { } else {
$intro.html("No boxes found near you."); $intro.html("No boxes found near you.");
$hint.fadeIn();
} }
$preloader.fadeOut(1000); $preloader.fadeOut(1000);
} }