vmario/doodle3d-connect
0
0
Fork 0
mirror of https://github.com/Doodle3D/doodle3d-connect.git synced 2024-11-05 07:03:24 +01:00
Code Issues Releases Wiki Activity

Added hint

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
css/main.css
View File

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

4
index.html
View File

@ -32,6 +32,10 @@
<div class="content">
<p id="intro"></p>
<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>
</div>

7
js/main.js
View File

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