10
0
mirror of https://github.com/LCPQ/QUESTDB_website.git synced 2024-08-26 06:01:49 +02:00

JQuerysation of file viewer

This commit is contained in:
Mickaël Véril 2020-01-29 10:56:50 +01:00
parent 7303e6bc98
commit 27df5105e6

View File

@ -3,76 +3,75 @@ title: "view"
date: 2019-08-29 09:00
draft: false
---
<script src="/js/getFullDataPath.js" type="text/javascript"></script>
<script src="/js/getTextFromFile.js" type="text/javascript"></script>
<script src="/js/downloadData.js" type="text/javascript"></script>
<script src="/js/Base64ToBlob.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;
var browsers= {};
browsers["Chromium"]="https://chromium.woolyss.com/download";
browsers["Firefox"]="https://www.mozilla.org/fr/firefox";
var recomsting="We recomend to use Firefox or a Chromium based browser like Google Chrome";
btn_clip.title='This feature is not supported in this bowser\n'+recomsting;
var mystr='navigator.clipboard.writeText() not supported in this browser\n'+recomsting;
for(var key in browsers) {
mystr+="\n"+String.raw`Download ${key} : ${browsers[key]}`;
}
console.warn(mystr);
}
var params=new URL(window.location.href).searchParams
var key=["file","fileBase64"]
if(params.has(key[0])){
var filename=params.get(key[0]);
var textPromise=getTextFromFileUrlAsync(filename)
$("#btn_download").click(function(){
window.open(filename,"_self");
})
$('#fileTitle').text(filename);
$('#fileContent').text(await textPromise)
$('#file').show();
$("#div_btn").show();
} else if(params.has(key[1])){
var base64=params.get(key[1]);
$("#btn_download").click(function(){
const blob=base64ToBlob(base64,"text/plain")
downloadData(blob,"file.dat")
})
document.getElementById('fileTitle').hudden=true
document.getElementById('fileContent').innerText=atob(base64)
document.getElementById('file').hidden=false;
document.getElementById("div_btn").hidden=false;
}
else{
document.getElementById('error_P').hidden=false;
errNode;
}
}
</script>
<script src="/js/getFullDataPath.js" type="text/javascript"></script>
<script src="/js/getTextFromFile.js" type="text/javascript"></script>
<script src="/js/downloadData.js" type="text/javascript"></script>
<script src="/js/Base64ToBlob.js" type="text/javascript"></script>
<script>
function Copy()
{
navigator.clipboard.writeText(document.getElementById('fileContent').innerText);
};
window.onload = async function () {
if (typeof (navigator.clipboard) == 'undefined' || typeof (navigator.clipboard.writeText) === 'undefined') {
btn_clip = document.getElementById("btn_clip");
btn_clip.disabled = true;
var browsers = {};
browsers["Chromium"] = "https://chromium.woolyss.com/download";
browsers["Firefox"] = "https://www.mozilla.org/fr/firefox";
var recomsting = "We recomend to use Firefox or a Chromium based browser like Google Chrome";
btn_clip.title = 'This feature is not supported in this bowser\n' + recomsting;
var mystr = 'navigator.clipboard.writeText() not supported in this browser\n' + recomsting;
for (var key in browsers) {
mystr += "\n" + String.raw`Download ${key} : ${browsers[key]}`;
}
console.warn(mystr);
}
var params = new URL(window.location.href).searchParams
var key = ["file", "fileBase64"]
if (params.has(key[0])) {
var filename = params.get(key[0]);
var textPromise = getTextFromFileUrlAsync(filename)
$("#btn_download").click(function () {
window.open(filename, "_self");
})
$('#fileTitle').text(filename);
$('#fileContent').text(await textPromise)
$('#file').show();
$("#div_btn").show();
} else if (params.has(key[1])) {
var base64 = params.get(key[1]);
$("#btn_download").click(function () {
const blob = base64ToBlob(base64, "text/plain")
downloadData(blob, "file.dat")
})
$('#fileTitle').hide()
$('#fileContent').text(atob(base64))
$('file').show();
$("div_btn").show()
}
else {
$('#error_P').show()
errNode;
}
}
</script>
<script>
function Copy() {
navigator.clipboard.writeText($('#fileContent').text());
};
</script>
</script>
</script>
<div>
<p id="error_P" style="color: red; font-weight: bold" hidden=true>
Error
</p>
<div id="file" hidden=true>
<h2 id="fileTitle"></h2>
<pre id="fileContent"></pre>
</div>
</div>
<div id="div_btn" hidden=true>
<button id="btn_clip" onclick="Copy()">Copy content</button>
<button id='btn_download'>Download</button>
</div>
</script>
</script>
<div>
<p id="error_P" style="color: red; font-weight: bold" hidden=true>
Error
</p>
<div id="file" hidden=true>
<h2 id="fileTitle"></h2>
<pre id="fileContent"></pre>
</div>
</div>
<div id="div_btn" hidden=true>
<button id="btn_clip" onclick="Copy()">Copy content</button>
<button id='btn_download'>Download</button>
</div>