10
0
mirror of https://github.com/LCPQ/QUESTDB_website.git synced 2024-12-25 13:53:48 +01:00

Add an indicator when processing (a wait cursor)

This commit is contained in:
Mickaël Véril 2019-10-07 11:22:44 +02:00
parent e7a3a398ab
commit eeec67f5f0
3 changed files with 28 additions and 0 deletions

View File

@ -9,6 +9,7 @@ draft: false
<script src="/js/getTextFromFile.js" type="text/javascript"></script> <script src="/js/getTextFromFile.js" type="text/javascript"></script>
<script src="/js/trueTypeOf.js" type="text/javascript"></script> <script src="/js/trueTypeOf.js" type="text/javascript"></script>
<script src="/js/uniq.js"></script> <script src="/js/uniq.js"></script>
<script src="/js/processingIndicator.js"></script>
<script src="/js/noNan.js"></script> <script src="/js/noNan.js"></script>
<script src="/js/websiteFile.js"></script> <script src="/js/websiteFile.js"></script>
<script src="https://cdn.rawgit.com/larsgw/citation.js/archive/citation.js/citation-0.4.0-9.js" <script src="https://cdn.rawgit.com/larsgw/citation.js/archive/citation.js/citation-0.4.0-9.js"
@ -18,6 +19,7 @@ draft: false
window.onload= async ()=>{ window.onload= async ()=>{
window.Cite = require('citation-js'); window.Cite = require('citation-js');
$('#form_dat input[type=radio]').on('change', async function(event) { $('#form_dat input[type=radio]').on('change', async function(event) {
processingIndicator.isActive=true
document.getElementById("Geom_th").hidden=true document.getElementById("Geom_th").hidden=true
document.getElementById("GSGeom_th").hidden=true document.getElementById("GSGeom_th").hidden=true
document.getElementById("ESGeom_th").hidden=true document.getElementById("ESGeom_th").hidden=true
@ -39,6 +41,7 @@ draft: false
break; break;
} }
window.dats=await Promise.all(proms) window.dats=await Promise.all(proms)
processingIndicator.isActive=false
reloadFileSelector() reloadFileSelector()
await reloadSelect() await reloadSelect()
}) })
@ -48,6 +51,7 @@ draft: false
} }
async function reloadSelect(){ async function reloadSelect(){
processingIndicator.isActive=true
radioval=$('#form_dat > input[name=datatype]:checked').val(); radioval=$('#form_dat > input[name=datatype]:checked').val();
for(file of Array.from(document.getElementById("customFiles_input").files)) for(file of Array.from(document.getElementById("customFiles_input").files))
{ {
@ -77,9 +81,11 @@ draft: false
$(this).append(op) $(this).append(op)
} }
}) })
processingIndicator.isActive=false
await reloadContent() await reloadContent()
} }
async function reloadStat(){ async function reloadStat(){
processingIndicator.isActive=true
var stb=document.getElementById("stat_table_b"); var stb=document.getElementById("stat_table_b");
document.getElementById("graph_div").inerrHTML="" document.getElementById("graph_div").inerrHTML=""
stb.innerHTML='' stb.innerHTML=''
@ -175,8 +181,10 @@ draft: false
}, },
} }
Plotly.newPlot('graph_div', graphdat, layout); Plotly.newPlot('graph_div', graphdat, layout);
processingIndicator.isActive=false
} }
async function reloadContent(){ async function reloadContent(){
processingIndicator.isActive=true
const LatexInline=['\\(','\\)'] const LatexInline=['\\(','\\)']
window.filt=window.dats window.filt=window.dats
$('#form_dat > select').each(function(){ $('#form_dat > select').each(function(){
@ -234,6 +242,7 @@ draft: false
row.appendChild(lnkfile) row.appendChild(lnkfile)
dtb.appendChild(row) dtb.appendChild(row)
} }
processingIndicator.isActive=true
await reloadStat() await reloadStat()
} }
</script> </script>

View File

@ -38,6 +38,7 @@ draft: false
update_ZPE(window.dats["ZPE"][event.target.value]) update_ZPE(window.dats["ZPE"][event.target.value])
} }
async function update_mol(molecule){ async function update_mol(molecule){
processingIndicator.isActive=true
for (const [key,dat] of Object.entries(window.dats)) { for (const [key,dat] of Object.entries(window.dats)) {
var s=document.getElementById(String.raw`select_${key}`) var s=document.getElementById(String.raw`select_${key}`)
$(s).find('option[value!=""]').remove() $(s).find('option[value!=""]').remove()
@ -52,6 +53,7 @@ draft: false
} }
}) })
} }
processingIndicator.isActive=false
} }
async function update_abs(abs){ async function update_abs(abs){
window.data.Abs=abs window.data.Abs=abs
@ -72,6 +74,7 @@ draft: false
} }
async function reload() { async function reload() {
processingIndicator.isActive=true
clear() clear()
const LatexInline=['\\(','\\)'] const LatexInline=['\\(','\\)']
var par=document.getElementById("data_par") var par=document.getElementById("data_par")
@ -143,6 +146,7 @@ draft: false
await MathJax.typesetPromise(); await MathJax.typesetPromise();
document.getElementById("ex_div").hidden=false document.getElementById("ex_div").hidden=false
await MathJax.typesetPromise(); await MathJax.typesetPromise();
processingIndicator.isActive=false
} }
</script> </script>
<p> <p>

View File

@ -0,0 +1,15 @@
class processingIndicator{
static get isActive(){
return document.body.style.cursor==="wait"
}
static set isActive(value){
if(value!=this.isActive){
if(value){
document.body.style.cursor="wait"
}
else{
document.body.style.cursor="default"
}
}
}
}