crowetic/qortal
1
0
Fork 0
forked from Qortal/qortal
Code Pull Requests Activity

Display the latest status on the loading screen, updated via API calls on a timer

Browse Source
This commit is contained in:
CalDescent 2021-11-23 20:53:09 +00:00
parent ec48ebcd79
commit f76a618768
1 changed files with 58 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

60
src/main/resources/loading/index.html
View File

@ -27,7 +27,63 @@
} }
</style> </style>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prefixfree/1.0.7/prefixfree.min.js"></script>
<script>
const checkStatus = async () => {
var host = location.protocol + '//' + location.host;
var pathArray = window.location.pathname.split('/');
var service = pathArray[2];
var name = pathArray[3];
var url = host + '/arbitrary/resource/status/' + service + '/' + name + '?build=true';
var textStatus = "Loading...";
var retryInterval = 2500;
const response = await fetch(url, {
method: 'GET',
headers: {
'Content-Type': 'application/json'
}
});
const json = await response.json();
console.log("status: " + json.status);
if (json.status == "UNSUPPORTED") {
textStatus = "Unsupported request";
}
else if (json.status == "BLACKLISTED") {
textStatus = name + " is blacklisted so content cannot be served";
retryInterval = 5000;
}
else if (json.status == "READY") {
textStatus = "Ready";
window.location.reload();
}
else if (json.status == "BUILDING") {
textStatus = "Building...";
retryInterval = 1000;
}
else if (json.status == "BUILD_FAILED") {
textStatus = "Build failed. Please try again later.";
}
else if (json.status == "DOWNLOADING") {
textStatus = "Locating files in data network...";
retryInterval = 5000;
}
else if (json.status == "MISSING_DATA") {
textStatus = "Unable to locate files. Please try again later.";
retryInterval = 10000;
}
else if (json.status == "DOWNLOADED") {
textStatus = "Files downloaded";
}
document.getElementById("status").innerHTML = textStatus;
setTimeout(checkStatus, retryInterval);
}
checkStatus();
</script>
</head> </head>
<body> <body>
@ -181,7 +237,7 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
<div id="panel"> <div id="panel">
<h1>Loading... please wait...</h1> <h1>Loading... please wait...</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>(We can show a Qortal branded loading screen here)</p> <p><span id="status">Loading...</span></p>
</div> </div>
</body> </body>