diff options
| -rw-r--r-- | public/css/style.css | 8 | ||||
| -rw-r--r-- | public/index.html | 4 | ||||
| -rw-r--r-- | public/js/mv/main.js | 3 |
3 files changed, 13 insertions, 2 deletions
diff --git a/public/css/style.css b/public/css/style.css index f0b7c02..4d7299e 100644 --- a/public/css/style.css +++ b/public/css/style.css @@ -289,3 +289,11 @@ a:hover { border-top-color: #1b435e; background: #1b435e; } + +.disabled-button, .disabled-button:hover, .disabled-button:active { + border-top: 1px solid #999; + background: #777; + text-decoration: none; + color: white; +} + diff --git a/public/index.html b/public/index.html index e3ad3c3..f51f8b7 100644 --- a/public/index.html +++ b/public/index.html @@ -76,9 +76,9 @@ <p>You can load any number of files at once.</p> <p>Please note that this is very js intensive. The tab may briefly lock up as it loads everything.</p> <div> - <input type="file" id="input" name="records[]" multiple /> + <input type="file" id="input" name="records[]" multiple disabled /> <output id="list"></output> - or <a href="javascript:mv.loader.use(['/logs/map.scrubbed.latest.zip']);" class="button">Use the most recent dataset</a> + or <a id="latest-link" href="javascript:mv.loader.use(['/logs/map.scrubbed.latest.zip']);" class="button disabled-button">Use the most recent dataset</a> </div> <div id="filesbar" class="progressbar fader"> <div class="percent">0%</div> diff --git a/public/js/mv/main.js b/public/js/mv/main.js index b5a2b3a..8d7a660 100644 --- a/public/js/mv/main.js +++ b/public/js/mv/main.js @@ -31,6 +31,9 @@ var mv = function(mv) { mv.loader.setname = function(n) { name = n; }; /* Set zip.js worker path */ zip.workerScriptsPath = "/js/zip/WebContent/"; + /* Init done! Enable controls. */ + document.getElementById("input").disabled = false; + d3.select("#latest-link").attr("class", "button"); }; /* When a file has finished loading, handle it. */ function handleFile(data, name, after) { |