|
|
@ -16,14 +16,25 @@ |
|
|
|
text-align: center; |
|
|
|
text-align: center; |
|
|
|
color: black; |
|
|
|
color: black; |
|
|
|
} |
|
|
|
} |
|
|
|
h1 { |
|
|
|
#panel-outer { |
|
|
|
margin-top: 50px; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
#panel { |
|
|
|
|
|
|
|
position: absolute; |
|
|
|
position: absolute; |
|
|
|
width: 100%; |
|
|
|
width: 100%; |
|
|
|
text-align: center; |
|
|
|
text-align: center; |
|
|
|
z-index: 1000; |
|
|
|
z-index: 1000; |
|
|
|
|
|
|
|
top: 45%; |
|
|
|
|
|
|
|
-ms-transform: translateY(-50%); |
|
|
|
|
|
|
|
transform: translateY(-50%); |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
#panel { |
|
|
|
|
|
|
|
text-align: center; |
|
|
|
|
|
|
|
background: white; |
|
|
|
|
|
|
|
width: 350px; |
|
|
|
|
|
|
|
margin: auto; |
|
|
|
|
|
|
|
padding: 25px; |
|
|
|
|
|
|
|
border-radius: 30px; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
#status { |
|
|
|
|
|
|
|
color: #03a9f4; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
</style> |
|
|
|
</style> |
|
|
@ -50,10 +61,12 @@ |
|
|
|
|
|
|
|
|
|
|
|
if (json.status == "UNSUPPORTED") { |
|
|
|
if (json.status == "UNSUPPORTED") { |
|
|
|
textStatus = "Unsupported request"; |
|
|
|
textStatus = "Unsupported request"; |
|
|
|
|
|
|
|
document.getElementById("status").style.color = "red"; |
|
|
|
} |
|
|
|
} |
|
|
|
else if (json.status == "BLACKLISTED") { |
|
|
|
else if (json.status == "BLACKLISTED") { |
|
|
|
textStatus = name + " is blacklisted so content cannot be served"; |
|
|
|
textStatus = name + " is blacklisted so content cannot be served"; |
|
|
|
retryInterval = 5000; |
|
|
|
retryInterval = 5000; |
|
|
|
|
|
|
|
document.getElementById("status").style.color = "red"; |
|
|
|
} |
|
|
|
} |
|
|
|
else if (json.status == "READY") { |
|
|
|
else if (json.status == "READY") { |
|
|
|
textStatus = "Ready"; |
|
|
|
textStatus = "Ready"; |
|
|
@ -73,6 +86,7 @@ |
|
|
|
else if (json.status == "MISSING_DATA") { |
|
|
|
else if (json.status == "MISSING_DATA") { |
|
|
|
textStatus = "Unable to locate files. Please try again later."; |
|
|
|
textStatus = "Unable to locate files. Please try again later."; |
|
|
|
retryInterval = 10000; |
|
|
|
retryInterval = 10000; |
|
|
|
|
|
|
|
document.getElementById("status").style.color = "red"; |
|
|
|
} |
|
|
|
} |
|
|
|
else if (json.status == "DOWNLOADED") { |
|
|
|
else if (json.status == "DOWNLOADED") { |
|
|
|
textStatus = "Files downloaded"; |
|
|
|
textStatus = "Files downloaded"; |
|
|
@ -234,11 +248,13 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI |
|
|
|
|
|
|
|
|
|
|
|
</script> |
|
|
|
</script> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div id="panel-outer"> |
|
|
|
<div id="panel"> |
|
|
|
<div id="panel"> |
|
|
|
<h1>Loading... please wait...</h1> |
|
|
|
<h1>Loading</h1> |
|
|
|
<p>This page will refresh automatically when the content becomes available</p> |
|
|
|
<p>This page will refresh automatically when the content becomes available</p> |
|
|
|
<p><span id="status">Loading...</span></p> |
|
|
|
<p><span id="status">Loading...</span></p> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
</body> |
|
|
|
</body> |
|
|
|
</html> |
|
|
|
</html> |
|
|
|