mirror of
https://github.com/LCPQ/QUESTDB_website.git
synced 2024-12-25 13:53:48 +01:00
Add a webpage to view raw data file copy to clipboard (on supported browser like Firefox or chromium family) or download file
This commit is contained in:
parent
6a4de3f44e
commit
6630ac3b28
60
content/pages/dataview.html
Normal file
60
content/pages/dataview.html
Normal file
@ -0,0 +1,60 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<title>view</title>
|
||||||
|
<meta name="save_as" content="view.html"></meta>
|
||||||
|
<meta name="date" content="2019-08-29 09:00"></meta>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<script src="{static}/scripts/getFullDataPath.js" type="text/javascript"></script>
|
||||||
|
<script src="{static}/scripts/getTextFromFile.js" type="text/javascript"></script>
|
||||||
|
<script>
|
||||||
|
|
||||||
|
window.onload=async function(){
|
||||||
|
if(typeof(navigator.clipboard) == 'undefined' || typeof(navigator.clipboard.writeText) === 'undefined'){
|
||||||
|
btn_clip=document.getElementById("btn_clip");
|
||||||
|
btn_clip.disabled = true;
|
||||||
|
btn_clip.title="This feature is not supported in this bowser\n we recomend to use Firefox or a Chromium based browser like Google Chrome"
|
||||||
|
}
|
||||||
|
if(location.hash.length>1){
|
||||||
|
var filename=location.hash.substr(1);
|
||||||
|
var path=getFullDataPath(filename);
|
||||||
|
var textPromise=getTextFromFileAsync(path)
|
||||||
|
btn_download=document.getElementById("btn_download");
|
||||||
|
btn_download.onclick=function(){
|
||||||
|
window.open(path,"_self");
|
||||||
|
}
|
||||||
|
var preNode= document.getElementById('fileContent');
|
||||||
|
preNode.hidden=false;
|
||||||
|
preNode.innerText=await textPromise;
|
||||||
|
document.getElementById("div_btn").hidden=false;
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
document.getElementById('error_P').hidden=false;
|
||||||
|
errNode;
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
<script>
|
||||||
|
function Copy()
|
||||||
|
{
|
||||||
|
navigator.clipboard.writeText(document.getElementById('fileContent').innerText);
|
||||||
|
};
|
||||||
|
|
||||||
|
</script>
|
||||||
|
</script>
|
||||||
|
</script>
|
||||||
|
<div>
|
||||||
|
<p id="error_P" style="color: red; font-weight: bold" hidden=true>
|
||||||
|
Error
|
||||||
|
</p>
|
||||||
|
<pre id="fileContent" hidden=true></pre>
|
||||||
|
</div>
|
||||||
|
<div id="div_btn" hidden=true>
|
||||||
|
<button id="btn_clip" onclick="Copy()">Copy content</button>
|
||||||
|
<button id='btn_download'>Download</button>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
@ -8,6 +8,7 @@
|
|||||||
<body>
|
<body>
|
||||||
<script src="{static}/scripts/data.js" type="text/javascript"></script>
|
<script src="{static}/scripts/data.js" type="text/javascript"></script>
|
||||||
<script src="{static}/scripts/getFullDataPath.js" type="text/javascript"></script>
|
<script src="{static}/scripts/getFullDataPath.js" type="text/javascript"></script>
|
||||||
|
<script src="{static}/scripts/getTextFromFile.js" type="text/javascript"></script>
|
||||||
<script src="https://cdn.rawgit.com/larsgw/citation.js/archive/citation.js/citation-0.4.0-9.js" type="text/javascript"></script>
|
<script src="https://cdn.rawgit.com/larsgw/citation.js/archive/citation.js/citation-0.4.0-9.js" type="text/javascript"></script>
|
||||||
<script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
|
<script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
|
||||||
<script type="text/javascript" id="MathJax-script" async
|
<script type="text/javascript" id="MathJax-script" async
|
||||||
@ -17,7 +18,7 @@
|
|||||||
async function update_file(filename) {
|
async function update_file(filename) {
|
||||||
var file=filename+'.dat';
|
var file=filename+'.dat';
|
||||||
var lnk_file=document.getElementById('lnk_file');
|
var lnk_file=document.getElementById('lnk_file');
|
||||||
lnk_file.setAttribute('href',getFullDataPath(file));
|
lnk_file.setAttribute('href',String.raw`view#${file}`);
|
||||||
dat= await data.loadAsync(file);
|
dat= await data.loadAsync(file);
|
||||||
await applyData(dat);
|
await applyData(dat);
|
||||||
}
|
}
|
||||||
@ -84,6 +85,6 @@
|
|||||||
</label><br/>
|
</label><br/>
|
||||||
<h1>Data</h1>
|
<h1>Data</h1>
|
||||||
<p id=data_par></p>
|
<p id=data_par></p>
|
||||||
<a target="_blank" id='lnk_file' type='text/plain'>Go to file</a>
|
<a target="_blank" id='lnk_file'>Go to file</a>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
Loading…
Reference in New Issue
Block a user