speeding up image map loading

Author: jweile

DESCRIPTION

@@ -1,6 +1,6 @@
 Package: mavevis
 Title: Visualization for MaveDB
-Version: 0.1.1.9000
+Version: 0.1.2.9000
 Authors@R: person("Jochen", "Weile", email = "[email protected]", role = c("aut", "cre"))
 Description: Query data from MaveDB and visualize as genophenograms with added tracks for structure information.
 Depends: R (>= 3.2.3)

docker/cgi/mavevis.js

@@ -295,6 +295,7 @@ $(document).ready(function(){
 		.done(function(url) {
 			//set the download target
 			$("#jobIDHolder").val(currJobID);
+			$("#mainProgressbar .progress-label").text("Loading map...");
 			fetchMapAndCombine(url);
 		})
 		.fail(function(xhr, status, error) {
@@ -318,15 +319,19 @@ $(document).ready(function(){
 		$.post("getMap.R",{
 			jobID: currJobID
 		}).done(function(map) {
+			$("#mainProgressbar .progress-label").text("Done!");
 			$("#imagepanel").html(
-				'<img src="'+url+'" alt="result" useMap="#pxmap"/>' +
-				map
+				'<img src="'+url+'" alt="result" useMap="#pxmap"/>'
 			)
 			$("#imagepanel").show();
 			$("#downloadpanel").show();
 			$("#mainProgressbar").hide();
 			$("#legendbox").show();
 			$("#outputpanel").show();
+			//allow image to display before appending map content
+			setTimeout(function(){
+				$("#imagepanel").append(map);
+			},100);
 		}).fail(function(xhr, status, error) {
 			showError(error);
 			$("#imagepanel").html(